美文网首页
基于next主题的hexo博客优化

基于next主题的hexo博客优化

作者: eversea | 来源:发表于2018-02-15 21:13 被阅读0次

下载next主题

使用git clone命令下载最新NexT V6.0.0主题,下载好的主题将其保存在/blog/themes文件夹中,blog为站点根目录。在根目录右键Git Bash Here,接下来都在这里进行命令行操作。

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

路径如下:

打开站点配置文件(站点根目录的_config.yml),找到theme字段,将主题改为next

hexo  s

网址输入localhost:4000本地查看效果

1、主题设定

目前 NexT 支持三种 Scheme,分别是Muse,Mist,Pisces,Gemini,next默认的scheme是Muse

打开站点配置文件(next文件夹里_config.yml),找到scheme关键字,

2、设置语言、作者、等信息

编辑站点配置文件

改好之后在命令行使用以下命令重新部署

hexo   clean

hexo   g

hexo    d

效果如下:

3、设置菜单

编辑站点配置文件,找到menu关键字,默认开启的菜单项有home和archives,想开启哪个菜单项只需要把前面的注释删掉即可,自己也可以添加任何东西。

效果如下:

4、设置侧栏

 可以通过修改 主题配置文件 中的 sidebar 字段来控制侧栏的行为。侧栏的设置包括两个部分,其一是侧栏的位置, 其二是侧栏显示的时机。

设置侧栏的位置,修改 sidebar.position 的值,支持的选项有:

left - 靠左放置

right - 靠右放置

设置侧栏显示的时机,修改 sidebar.display 的值,支持的选项有:

post - 默认行为,在文章页面(拥有目录列表)时显示

always - 在所有页面中都显示

hide - 在所有页面中都隐藏(可以手动展开)

remove - 完全移除

5、设置侧栏头像

编辑 主题配置文件, 修改字段 avatar, 值设置成头像的链接地址

将头像放置在主题目录下的 source/images/,名字和主题文件一样

6、在右上角或者左上角实现fork me on github

点击这里挑选自己喜欢的样式,并复制代码,然后粘贴刚才复制的代码到themes/next/layout/_layout.swig文件中(放在的下面),并把href改为你的github地址。

7、添加RSS

安装 hexo-generator-feed 插件

npm install hexo-generator-feed --save

站点配置文件中追加如下图所示的信息

8、添加社交链接

在侧栏加入你其它社交平台地址,比如github,知乎,简书,编辑主题配置文件,找到social关键字

两竖线后面的是显示的图标,可在这里选取你喜欢的图标,然后放在名字放在竖线后面,效果如下:

9、添加本地搜索

安装 hexo-generator-search

npm install hexo-generator-search --save

安装 hexo-generator-searchdb

npm install hexo-generator-searchdb --save

编辑 站点配置文件,新增以下内容到末尾:

编辑主题配置文件,启用搜索功能

10、添加来必力评论

先在来必力注册登录 ,然后安装city版,获取livere_uid,在到主题配置文件,找到livere_uid,把生成的uid写进去。

11、添加jiathis分享,

这里注册登录,获取uid,编辑主题配置文件,修改如下:

12、

相关文章

网友评论

      本文标题:基于next主题的hexo博客优化

      本文链接:https://www.haomeiwen.com/subject/aktytftx.html