博客优化(持续更新)

Posted by Sunnycee on 2019-12-28

Tips:所有优化均基于本博客主题——huxblog。

添加文章末尾版权声明

此次使用hexo addlink插件:

安装插件

$ npm install hexo-addlink --save

在配置文件_config.yml中添加如下配置:

1
2
3
4
# 版权信息
addlink:
before_text: __本文作者__:Sunnycee<br />__本文地址__:
after_text: <br/>__版权声明__:本博客所有文章除特别声明外,均采用 [CC 4.0 BY-NC-SA](https://creativecommons.org/licenses/by-nc-sa/4.0/) 许可协议,转载请注明出处!

添加数学公式支持

安装插件

卸载掉自带的 hexo-renderer-marked,替换为 hexo-renderer-markdown-it-plus

1
2
npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it-plus --save

修改文章模板

修改**{hexo_dir}/scaffolds/post.md** 文件,在分割线前添加一行 math: false 。如果文章要启用数学公式支持,只需将 false 改为 true 。

添加公式支持代码

编辑 {hexo_dir}/themes/huxblog/layout/post.ejs, 在 <\article> 结束标签前添加:

1
2
3
4
5
6
7
<% if (page.math){ %>
<script>
var assetsString = '<link href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.0/katex.min.css" rel="stylesheet" type="text/css">'
var pHead = document.getElementsByTagName('head')[0];
pHead.innerHTML = pHead.innerHTML + assetsString;
</script>
<% } %>

编辑配置文件

在总配置文件 _config.yml 中添加如下语句:

1
2
3
4
5
6
7
8
9
10
markdown_it_plus:
highlight: true
html: true
xhtmlOut: true
breaks: true
langPrefix:
linkify: true
typographer:
quotes: “”‘’
pre_class: highlight

添加公式支持的页面,卜算子统计运行会不稳定,偶尔会不显示统计数。

参考来源:https://blog.chaos.run/dreams/hexo-enable-math-support/

添加 Valine 评论和邮件提醒

添加评论

分别在 themes/layout/page.ejsthemes/layout/page.ejs 添加如下代码:(代码可添加在 disqus 评论板块后面)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<% if (config.valine ){ %>
<!-- Valine Comments -->
<div class="comment">
<div class="comment" id="comments"></div>
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src="//unpkg.com/valine@latest/dist/Valine.min.js"></script>
<!-- Valine Comments script -->
<script>
var GUEST_INFO = ['nick','mail','link'];
var guest_info = '<%= config.valine.guest_info %>'.split(',').filter(function(item){
return GUEST_INFO.indexOf(item) > -1
});
new Valine({
el: '#comments',
notify: '<%= config.valine.notify %>' == 'true',
verify: '<%= config.valine.verify %>' == 'true',
appId: "<%= config.valine.appId %>",
appKey: "<%= config.valine.appKey %>",
avatar: "<%= config.valine.avatar %>",
placeholder: "<%= config.valine.placeholder %>",
guest_info: guest_info.length == 0 ? GUEST_INFO : guest_info,
pageSize: "<%= config.valine.pageSize %>"
})

</script>
<!-- Valine Comments end -->
</div>
<% } %>

在根目录下的 _config.yml 添加如下代码:

1
2
3
4
5
6
7
8
9
valine: 
notify: true
verify: true
appId: Your APPID
appKey: Your APPKEY
avatar: monsterid
placeholder: Write down your ideals~
guest_info: nick,mail,link
pageSize: 10

添加邮件提醒

详见大佬博客 http://www.zhaojun.im/hexo-valine-admin/

本文作者:Sunnycee
本文地址https://sunnycee.cn/archives/a1101d53.html
版权声明:本博客所有文章除特别声明外,均采用 CC 4.0 BY-NC-SA 许可协议,转载请注明出处!