Hexo使用攻略-更换主题
获取开源的 Hexo 主题
我们可以根据不同风格的网站设置不同的主题。Hexo的主题官网提供丰富的主题,比较流行的有:Next、Yilia等。 我选用的是Fluid。原因:
- 持续更新中
- 非常详细的说明文档
- 有微信群随时讨论
安装主题
首先进入到你的本地博客目录下,克隆你选择的主题的GitHub仓库到本地。
$ cd <博客目录>
$ git clone https://github.com/fluid-dev/hexo-theme-fluid themes/fluid
使用主题
打开博客目录下的 _config.yml,将主题修改为 fluid
theme: fluid
部署到服务器
使用hexo命令重新更新使主题生效。
我的设置
- 为避免更新主题使个人设置被覆盖,在 _data 目录下创建 fluid_config.yml 文件,将 /theme/fluid/_config.yml 中全部配置复制到 fluid_config.yml。后续修改全部基于_data/fluid_config.yml 。
- 我的网站修改的设置清单:
- 启用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: ‘半导体从业者/程序员’ |
- 其他修改
- 修改主题目录~fluid\source\img中的默认图片为合适的图片内容
- 创建about页面并增加相应的内容
参考
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!