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: 随笔
 ---

好了 标签页也类似


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

你可能感兴趣的:(Hexo+GitHub+Next主题搭建个人博客)