Hexo+GitHub+Next主题搭建个人博客

发表于 分类于

最近用Hexo+GitHub搭建了个人博客，用的主流的Next主题，如何搭建就不写了，我也是根据别人的文档一步步搭建成功的。
但是遇到几个比较坑的问题，总结一下跟大家分享！

https://mnxp.github.io 个人博客，多多指教

进入正题，首先奉上Next主题使用地址

问题:

1、语言设置
2、菜单中图标设置
3、侧边栏社交链接和图标设置
4、分类页生成

解决方案

1、语言设置

开始以为更改 ~/hexo/themes/next/_config.yml 
中的language:zh-Hans就万事大吉了，
其实不然，要更改的是.../hexo/_config.yml中的language:zh-Hans
hexo指个人微博搭建的位置

2、菜单中图标设置

更改位置~/hexo/themes/next/_config.yml 

首先是文档中的做法，快把我坑死了，最后都显示 ？
 1、设置显示的栏目
  menu:
    home: /
    archives: /archives
    #about: /about
    categories: /categories
    #tags: /tags
    #commonweal: /404.html
 2、设置显示的图标
  menu_icons:
    enable: true
    home: home
    archives: archive
    #about: user
    categories: th
    #tags: tags
    #commonweal: heartbeat
    冒号后面的是 Font Awesome 图标的 名字；https://fontawesome.com/

 重点来了，下面是最新的用法
 menu:
    home: / || home
    #about: /about/ || user
    #tags: /tags/ || tags
    categories: /categories/ || th
    archives: /archives/ || archive
    #schedule: /schedule/ || calendar
    #sitemap: /sitemap.xml || sitemap
    # commonweal: /404.html || heartbeat
menu_icons:
   enable: true
把图标的名字添加到menu里面，用 || 隔开，就可以正常使用了

3、侧边栏社交链接和图标设置

更改位置~/hexo/themes/next/_config.yml 
基本上跟上面设置的一致，直接写用法吧
 social:
    GitHub: https://github.com/MNXP || github
    简书: https://www.jianshu.com/u/196e1f802dfc || book
    掘金: https://juejin.im/user/5a95254af265da4e79103968/posts || drupal
 social_icons:
    enable: true
    icons_only: false
    transition: false
把图标的名字添加到social里面，用 || 隔开，就可以正常使用了

4、分类页生成

  必须这么配置！必须这么配置！必须这么配置！
 $ cd hexo（自己的目录）
 $ hexo new page categories
 生成 ~/hexo/source/categories/index.md 文件
 更改文件内容为
 ---
   title: 分类
   date: 2018-03-07 16:42:48
   type: "categories"
 ---
如果写了新文章，记得配置 categories
 ---
   title: 我的第一篇博客
   date: 2018-03-07 16:32:55
   categories: 随笔
 ---

好了 标签页也类似

刚开始使用，以上就是我搭建遇到的问题，如果有什么问题，随时沟通。

0%