下载主题
期文章教大家如何搭建Hexo,并部署到Github Pages
因为官方给的默认主题太丑了,或不合自己的心意
这期就教大家如何下载主题、设置和优化主题
下载主题可以去Github上搜索主题,也可以去百度搜索Hexo主题下载,我这里以GitHub为例
1. 打开GitHub官网首页,搜索主题,这里我以yilia为例

2. 这里有两个yilia主题,第二个是增强版(也就是别人修改了部分样式和添加了部分插件)
而第一个就是原汁原味的yilia主题了,这里我以原版yilia为例

3. 点击第一个yilia进去后往下滑有教程

4. 选择右边的绿色按钮下载zip,解压到你hexo的themes文件夹内,这里我使用Git克隆到本地


5. 克隆过后themes文件夹内就有了yilia主题,第一个是默认主题(可删除)

6. 返回到Hexo的目录下打开_config.yml配置文件,往下滑找到theme将原来默认的主题换成yilia,这里方便大参照,我添加了注释





7. 接下来我们打开Git输入hexo g生成静态页面,随后输入hexo s启动Hexo服务


8. 打开浏览器在地址栏输入localhost:4000就会发现我们主题已被更换为yilia主题了

配置
9. 点击所有文章,我这里调了颜色,不过上面提示有组件缺失

10. 在Hexo配置文件下打开Git

11. 输入npm i hexo-generator-json-content --save后回车,等待安装

12. 在Hexo配置目录下打开_config.yml配置文件输入提示组件缺失的代码,保持并推出,刷新localhost:4000即可

13. 新建一篇文章看看是否有效

14. 按照Git提示的路径打开测试.md

15. 这里我就用我之前文章的开头来测试,保存并退出

16. 接着在Git里输入hexo g生成静态文件,然后输入hexo s启动Hexo服务


17. 浏览器重新刷新localhost:4000成功显示出来

最后说明一下:如果文章太长可以用来折叠内容,点击展开全部才会显示全部信息
<!-- more -->
如果觉得不错的话,就分享给你的好朋友
Github
Gitee
本文详细介绍了如何下载和配置Hexo博客的主题,通过从GitHub搜索并下载yilia主题,进行Git克隆,替换默认主题,配置颜色等个性化设置,并解决组件缺失问题,最终成功显示新主题。
3838

被折叠的 条评论
为什么被折叠?



