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

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


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: 随笔
 ---
复制代码

好了 标签页也类似


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

转载于:https://juejin.im/post/5aa0d2056fb9a028cc60cb45

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值