Hexo+Next的摸索
区分站点配置文件和主题配置文件
站点配置文件路径:blog/_config.yml
主题配置文件路径:blog/themes/next/_config.yml
修改字体大小
Next主题默认的字体比较小,我想把它改大一点,就去翻了翻文件,就找到这个文件blog/themes/next/source/css/_variables/base.styl
,找到$font-size-base
,修改成你想要的大小
![](https://img.haomeiwen.com/i11296034/7938d45719043573.png)
Hexo支持markdown语法,如果觉得六种标题样式字体太小,可以修改这个文件blog/themes/next/source/css/_common/scaffolding/base.styl
,做类似的修改,直接在后面进行加减
![](https://img.haomeiwen.com/i11296034/4842b1e2549951f6.png)
增加顶部加载条
在主题配置文件,找到pace
,设置为true
,pace_theme
可以设置为自己喜欢的样式
![](https://img.haomeiwen.com/i11296034/47f8df1bb3a0e386.png)
删除目录行号
在主题配置文件,找到number
改为false
![](https://img.haomeiwen.com/i11296034/08ba8fdc3d41a870.png)
加载静态资源的问题
在站点配置文件中,配置网址即可
![](https://img.haomeiwen.com/i11296034/5ade34744e012d33.png)
绑定独立域名的问题
虽然绑定在github逼格比较高,但是打开网址速度比较慢。我还是比较推荐绑定在coding,可coding又有腾讯云的广告,官方也给出了去除广告的方法,无非就是要在博客底部加入coding的链接,这里我们直接修改主题配置文件,即可在博客底部加入
Hosted by <a href="https://pages.coding.me" style="font-weight:bold">Coding Pages</a>
![](https://img.haomeiwen.com/i11296034/24f4eb84bf1dad71.png)
外部链接添加nofollow属性
会自动为所有外部链接添加下面这个属性
rel="external nofollow noopener noreferrer"
安装hexo-autonofollow插件,README.md有安装方法,不在复述
永久链接
安装hexo-abbrlink,README.md有安装方法,不在复述,更多细节自行查看
![](https://img.haomeiwen.com/i11296034/df2d38957d4da9ed.png)
评论功能
首先注册leancloud,创建一个新应用,名字随意,进入应用找到设置中的应用key
![](https://img.haomeiwen.com/i11296034/2287c13f759b384c.png)
复制APP ID与APP Key,在主题配置文件中填写即可,其他参数根据图片来填
![](https://img.haomeiwen.com/i11296034/3796c1e3b0d7e182.png)
![](https://img.haomeiwen.com/i11296034/bfb90cd73e7d2548.png)
![](https://img.haomeiwen.com/i11296034/aa4142c97edcf211.png)
文章浏览次数
跟着评论功能,新建一个Class,新建Class名字必须为Counter
![](https://img.haomeiwen.com/i11296034/c20c6fa3b59597d0.png)
在主题配置文件中填写即可
![](https://img.haomeiwen.com/i11296034/978b56dce5a60bbd.png)
字数统计
安装插件hexo-wordcount
在主题配置文件中配置,按照自己的喜欢的去配置即可
![](https://img.haomeiwen.com/i11296034/eee30ac7ab805d41.png)