Hexo使用攻略-更换主题

获取开源的 Hexo 主题

我们可以根据不同风格的网站设置不同的主题。Hexo的主题官网提供丰富的主题,比较流行的有:Next、Yilia等。 我选用的是Fluid。原因:

  1. 持续更新中
  2. 非常详细的说明文档
  3. 有微信群随时讨论

安装主题

首先进入到你的本地博客目录下,克隆你选择的主题的GitHub仓库到本地。

$ cd <博客目录>
$ git clone https://github.com/fluid-dev/hexo-theme-fluid themes/fluid

使用主题

打开博客目录下的 _config.yml,将主题修改为 fluid

theme: fluid

部署到服务器

使用hexo命令重新更新使主题生效。

我的设置

  1. 为避免更新主题使个人设置被覆盖,在 _data 目录下创建 fluid_config.yml 文件,将 /theme/fluid/_config.yml 中全部配置复制到 fluid_config.yml。后续修改全部基于_data/fluid_config.yml 。
  2. 我的网站修改的设置清单:
  • 启用leancloud 做阅读量统计
  • 更改字体大小、博客标题、博客标语
  • 添加评论功能
  • 更改”about”中个人设置
默认设置 修改后设置
font_size: 16px font_size: 18px
web_analytics:
enable: false
web_analytics:
enable: true
blog_title: Fluid blog_title: ‘’
footer:
statistics:
enable: false
source: “busuanzi”
footer:
statistics:
enable: true
source: “leancloud”
banner_img_height: 100 banner_img_height: 70
slogan:
enable: true
slogan:
enable: false
views:
enable: false
source: “busuanzi”
views:
enable: true
source: “leancloud”
comments:
enable: false
type: disqus
comments:
enable: true
type: valine
about:
name: myname
introduce: ‘一句简短的介绍’
about:
name: 卸甲山
introduce: ‘半导体从业者/程序员’
  1. 其他修改
  • 修改主题目录~fluid\source\img中的默认图片为合适的图片内容
  • 创建about页面并增加相应的内容

参考

fluid配置指南


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!