Hexo下Next主题的优化1

1. 版本概览

• Node.js版本：v10.16.3
• Hexo版本：v3.9.0
• Next版本：v5.1.4

2. 首页不显示全文

• 希望达到效果：首页显示文章列表，列表里的每一篇文章只显示预览，不显示全文。效果如下图

  

• 解决方法如下

  • 进入themes/next目录

  • 打开_config.yml文件

  • 搜索“auto_excerpt”，找到如下部分

    auto_excerpt:
      enable: true
      length: 250
    

  • 把enable改为true，length设置你想显示的长度

• 问题即可迎刃而解

3. 首页添加头像

• 希望达到效果：首页能够有自己的头像显示，效果如下图

  

• 解决步骤如下

  • 进入themes/next目录

  • 打开_config.yml文件

  • 搜索”avatar”，修改成如下

    avatar: /images/avatar.gif
    

  • 将你的图像放到\themes\next\source\images文件夹下，命名为：avatar.gif，若已经有这个文件直接替换即可。

• 问题即可迎刃而解

4. 开启版权声明

• 希望达到效果：每篇文章末尾会有版权声明，效果如下图

  

• 解决步骤如下

  • 进入themes/next目录

  • 打开_config.yml文件

  • 搜索“post_copyright”，修改成如下

    post_copyright:
      enable: true
      license: CC BY-NC-SA 3.0
      license_url: https://creativecommons.org/licenses/by-nc-sa/3.0/
    

• 问题即可迎刃而解

5. 添加github标志

• 希望达到效果：自己博客的右上角有一个github的小标志，点击可以直达主页，效果如下图

  

• 实现步骤如下

  • 点击这里挑选自己喜欢的样式，并复制代码。 例如，我是复制的这一个：

    

  • 进入themes/next/layout/_layout.swig文件中，并搜索如下代码

  • 将复制的代码放到该代码行下，并把href改为自己的github地址

• 问题即可迎刃而解

6. 参考资料

• https://www.jianshu.com/p/393d067dba8d

• https://jingyan.baidu.com/article/d5a880ebeb42f113f147cce5.html

• https://blog.csdn.net/weixin_43971764/article/details/96478950

• https://blog.csdn.net/fly_wt/article/details/86674138