博客搭建成功之后对 Hexo 进行了一些必要的配置,添加了一些基本功能,并对主题外观做了一些简单的调整,整个配置过程基本上是对 hexo\.config.yml
和 hexo\themes\next\.config.yml
这两个配置文件的修改,并没有什么难度,Hexo 和 NexT 主题的官方文档都有相应的说明,网上也有各种详细的教程,我这里仅为了方便起见做一下记录。
站点配置文件
编辑 hexo\.config.yml
站点配置文件:
主题
我一直比较喜欢简约的风格,所以当我第一次看到 NexT 的时候我就喜欢上了它,这也是我选择使用 Hexo 的原因之一。
在 Github 下载 NexT 主题,放在 \themes
目录下,然后编辑站点配置文件
:
1 | theme: next |
并且在主题配置文件
中选择 Muse 外观:
1 | scheme: Muse |
第三方评论
我这里选用 Disqus 作为博客的第三方评论工具,至于不使用多说的原因参见:
Disqus,我又回来了!
嘿,多说,你咋了?要不咱换成 DISQUS 吧~
告别多说,拥抱 Disqus
在 Disqus 官网注册好账号之后获取 disqus_shortname
填写进站点配置文件
:
1 | Disqus |
Sitemap
1.安装 sitemap 插件,在 Git Bash 执行:
1 | npm install hexo-generator-sitemap |
2.配置 sitemap,编辑站点配置文件
:
1 | path: sitemap.xml |
流量分析
Google Analytics,应该是目前功能最为强大的流量分析工具了,另外由于本博客采用了 SSL 证书,据说 Google 对 https 站点的收录效果会更好一点(事实证明确实是这样,Google 的收录速度和效果比百度好多了)。至于百度收录,我目前暂时没有什么想法……
Google Analytics 的配置也相当简单,注册/登录之后获取站点 id,同样填写在站点配置文件
:
1 | google_analytics: 填写 UA id |
另外我还添加了不蒜子作为访客/阅读量统计和显示工具,在主题配置文件
中编辑 busuanzi_count 的配置项:
1 | enable: true |
使用 Leancloud 添加阅读量统计,参考为NexT主题添加文章阅读量统计功能。
Favicon
将 favicon.ico
文件放在 hexo\source\images
目录下
1 | favicon: favicon.ico |
就能在浏览器标签栏和收藏夹栏显示博客图标,ico 文件在这里制作。
主题配置文件
编辑 hexo\themes\next\.config.yml
主题配置文件:
字体
Hexo 默认使用的是 Google Fonts,影响博客加载速度,这里换成国内镜像源:
1 | host: //fonts.css.network |
菜单
1.配置菜单页面路径,其中 tags
和 categories
、about
需要在 source
文件夹下手动创建。
1 | menu: |
2.配置菜单图标
1 | menu_icons: |
侧栏
头像
新建 hexo\source\images
文件夹并放置头像文件,然后编辑主题配置文件
:
1 | avatar: avatar.png |
RSS
1.安装 RSS 插件
在 Git Bash 中运行:
1 | npm install hexo-generator-feed --save |
2.配置插件
1 | plugins: |
社交链接
1.配置链接
1 | social: |
2.配置图标
1 | social_icons: |
友情链接
1 |
|