Hexo 主题基础配置

博客搭建成功之后对 Hexo 进行了一些必要的配置,添加了一些基本功能,并对主题外观做了一些简单的调整,整个配置过程基本上是对 hexo\.config.ymlhexo\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
2
Disqus
disqus_shortname: 填写 shortname

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: /images/favicon.ico

就能在浏览器标签栏和收藏夹栏显示博客图标,ico 文件在这里制作。

主题配置文件

编辑 hexo\themes\next\.config.yml 主题配置文件:

字体

Hexo 默认使用的是 Google Fonts,影响博客加载速度,这里换成国内镜像源:

1
host: //fonts.css.network

菜单

1.配置菜单页面路径,其中 tagscategoriesabout 需要在 source 文件夹下手动创建。

1
2
3
4
5
6
menu:
home: /
archives: /archives
categories: /categories
tags: /tags
about: /about

2.配置菜单图标

1
2
3
4
5
6
7
menu_icons:
enable: true
home: home
about: user
categories: th
tags: tags
archives: archive

侧栏

头像

新建 hexo\source\images 文件夹并放置头像文件,然后编辑主题配置文件

1
avatar: /images/avatar.png

RSS

1.安装 RSS 插件

在 Git Bash 中运行:

1
npm install hexo-generator-feed --save

2.配置插件

1
2
3
4
5
6
plugins:
- hexo-generator-feed

feed:
type: atom
path: atom.xml

社交链接

1.配置链接

1
2
3
4
social:
Twitter: https://twitter.com/yizhilee
Google+: https://plus.google.com/+YizhiLee
Weibo: http://weibo.com/brins

2.配置图标

1
2
3
4
5
social_icons:
enable: true
Twitter: twitter
Weibo: weibo
Google+: google-plus

友情链接

1
2
3
4
# title
links_title: Links
links:
高堡杂谈: http://www.jingzhe.me