0%

使用Next主题

Next主题美化个人博客

克隆仓库

在根目录下

1
git clone https://github.com/theme-next/hexo-theme-next themes/next

使用主题

_config.yml中找到theme,修改为next完成

配置

标签栏

  1. 添加标签栏

    根目录下

    1
    hexo new page tags

    此时/source/中生成tags文件夹,里面有index.md,内容为

    1
    2
    3
    title: 标签
    date: 2014-12-22 12:39:04
    ---

    添加type: "tags",此时文件内容为

    1
    2
    3
    4
    title: 标签
    date: 2014-12-22 12:39:04
    type: "tags"
    ---

    根目录的config.yml中取消menu: tags:的的注释即可

  2. 为文章添加标签

    文章顶部:

    1
    2
    3
    4
    5
    title: 标签测试文章
    tags:
    - Test1
    - Test2
    ---

    注意不要忘了末尾的---,否则hexo generate的时候会报错

分类栏

类似标签栏的添加

  1. hexo new page categories
  2. source/categories/index.md中添加类型type: "categories"
  3. 取消根目录的_config.ymlcategories:的注释
  4. 文章中categories: test(可以像tag一样多分类的形式)

评论(Valine)

  1. 链接中查看APP ID和APP Key的获取方式(需注册leanCloud并实名认证)
    注:无需部署,Next主题已经内置
  2. next主题的_config.yml中找到APP ID和APP Key填入,将相关项改为true即可

访客/访问量数据统计

(用的不蒜子统计)
_config.ymlbusuanzi_count把相关项true

Markdown数学支持

参考链接

更多定制化配置

如侧边社交栏、打赏功能、腾讯公益404页面,请参考官方教程链接

参考文献

官方教程链接

hexo的next主题个性化教程:打造炫酷网站

Hexo搭建GitHub博客—打造炫酷的NexT主题—高级(四)

Hexo-next主题支持数学公式

坚持原创技术分享,您的支持将鼓励我继续创作!

欢迎关注我的其它发布渠道