Maupassant主题个性化

其实官方文档说的已经很清楚了,当然还是有一些小坑,我就填一下吧。

hexo相关文章:

用Hexo搭建博客

将Hexo部署到vps,实现自动发布

主要内容

  • Disqus评论系统
  • 不蒜子页面访问计数
  • 添加捐赠按钮
  • 网站图标
  • 添加页面
  • 中文设置

等等

详细操作步骤

  1. Disqus评论系统

Hexo添加评论系统,这篇文章写的很详细,步骤都很简单

  1. 不蒜子页面访问计数
  • 修改_config.yml文件中的busuanzi为true
  • 因为作者没有使用的原因,并未发现不蒜子的域名已经改变,所以如果想要添加计数功能,需修改主题中的部分代码
1
2
3
4
5
if theme.busuanzi == true
script(src='https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js', async)
span#busuanzi_container_page_pv= ' | '
span#busuanzi_value_page_pv
span= ' ' + __('Hits')

将上面代码中的dn-lbstatics.qbox.me修改为busuanzi.ibruce.info即可。

注:

  1. 添加捐赠按钮
    首先修改主题中间中donate相关的配置,再将相应的图片放到\themes\maupassant\source\img\文件夹下

  2. 网站图片
    若要设置网站Favicon,可以将favicon.ico放在Hexo根目录的source文件夹下,建议的大小:32px*32px。
    注:因为浏览器缓存的原因,可以换个浏览器,或者等待一段时间重新加载

  3. 添加页面
    在根目录的source文件夹下添加相应的文件夹,例如:about、guestbook、history等。并在相应的文件中添加index.md文件。

    根目录下的source目录结构如下:

![目录结构](https://lihtao-1257343120.cos.ap-shanghai.myqcloud.com/blog/hexo2.png)
  1. 设置中文

    将根目录下的_config.yml中的language设置如下:

    1
    language: zh-CN

    即可

Donate comment here
-------------本文结束感谢您的阅读-------------
0%