hexo进阶之局部优化

发表于 | 分类于
字数统计: 870 | 阅读时长 ≈ 4

Hexo进阶之局部优化

字数统计、Fork me置头像、打赏、社交链接

前言

这篇主要是一些局部优化，添加字数统计、添加Fork me、添加头像

添加字数统计

D9E2AF45-72FC-42F3-8532-355F57ED887A

安装wordcount插件

1
2
3
4
5
$ npm install hexo-wordcount --save
主要功能
字数统计:WordCount
阅读时长预计:Min2Read
总字数统计: TotalCount

编辑主题配置，开启功能

1
2
3
4
5
$ vim theme/next/layout/_layout.swig
post_wordcount:
  item_text: true
  wordcount: true
  min2read: true

添加Fork me on GitHub

BBFC33F1-22F3-446E-BCA7-61D01D649CFE

去网址https://github.com/blog/273-github-ribbons 挑选自己喜欢的样式，并复制代码，添加到themes\next\layout_layout.swig的body标签之内即可。把里面的url换成自己的!

设置头像

修改主题配置_config.yml中的avatar字段，添加头像路径。

两种添加方式：一设置头像url地址；二是上传头像图片，设置图片路径；

我采用第二种，在source下新建uploads目录，图片上传即可

1
avatar: /uploads/avatar.png

添加社交链接

修改主题配置_config.yml中的social字段

1
2
3
$ vim theme/next/_config.yml
social:
  GitHub: https://github.com/steven-ji || github

站点建立时间

35342F5B-11ED-4D46-868F-9FFB2F85C8A1

修改主题配置文件，修改字段since

1
since: 2013

打赏

DB4C42AF-6DB1-4EB4-AFB1-A1C51F72CB85

修改主题配置文件

1
2
3
reward_comment: 坚持原创技术分享，您的支持将鼓励我继续创作！
wechatpay: /blog/uploads/wechatpay.png
alipay: /blog/uploads/alipay.png

注：如果访问的博客有带根路径，如我的博客地址是https://steven-ji.github.io/blog/，则需要在图片路径前加/blog，不然访问不到图片。

文末添加版权声明

1
2
3
4
5
$ npm install hexo-addlink --save
## 修改站点配置文件,addlink支持markdown语法
addlink:
  before_text: __本文作者__：ttbb<br />__本文地址__：  
  after_text: <br />__版权声明__：本博客所有文章除特别声明外，均采用 [CC BY-NC-SA 3.0 CN](http://creativecommons.org/licenses/by-nc-sa/3.0/cn/) 许可协议。转载请注明出处！

文章分享朋友圈功能(不支持https)

使用第三方插件jiathis

注册账号

注册成功后，获取uid。（在设置->基本设置->账户信息中）

修改jiathis.swig文件

如果不需要的分享地方可以删除了

1
2
3
4
5
6
7
8
9
10
11
$ vim themes\next\layout\_partials\share\jiathis.swig

<span class="jiathis_txt">分享到：</span>
<a class="jiathis_button_fav">收藏夹</a>
<a class="jiathis_button_copy">复制网址</a>
<a class="jiathis_button_email">邮件</a>
<a class="jiathis_button_weixin">微信</a>
<a class="jiathis_button_qzone">QQ空间</a>
<a class="jiathis_button_tqq">腾讯微博</a>
<a class="jiathis_button_douban">豆瓣</a>
<a class="jiathis_button_share">一键分享</a>

开启服务

修改主题配置文件，使用注册后获得的uid

1
2
3
4
5
$vim theme/next/_config.yml
jiathis:
  enable: true
# Warning: JiaThis does not support https.
  add_this_id: yourUID

配置网站图标

修改主题配置文件

6575320A-EF98-4E05-BD6A-B6504D5BCCA6

1
2
3
4
## 上图网站图标到theme/next/source/images/目录下,配置网站图标名称
$ vim theme/next/_config.yml
favicon:
  medium: /images/favicon.png

参考

本文作者：ttbb
本文地址： http://steven-ji.github.io/blog/2018/03/27/hexo进阶之局部优化/
版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 CN 许可协议。转载请注明出处！

坚持原创技术分享，您的支持将鼓励我继续创作！
Fork me on GitHub