【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)

一、选择主题
选择你自己喜欢的主题
参考:
1.Hexo官网主题
2.知乎:有哪些好看的 Hexo 主题?

二、配置主题
1.我选择了hexo-theme-yilia这个主题,简洁大方,功能齐全;
这是他的地址:https://github.com/litten/hexo-theme-yilia
2.具体添加方法:

安装 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia配置 修改hexo根目录下的 _config.yml : theme: yilia
更新 cd themes/yilia git pull

【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片
【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片
【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片



三、可能会出现的问题
1.如图:
【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

解决方法:如图所示,在git里执行命令 npm i hexo-generator-json-content --save


【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

并且添加jsonContent这段配置信息;
2.执行命令npm i hexo-generator-json-content --save 后,还是上面的错误,或者如图这样子的
【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

解决方案:
1.升级Node到6.X以及以上版本;
2.再执行一遍 npm i hexo-generator-json-content --save
就OK了。
3.如果有更多问题请参考 https://github.com/litten/hexo-theme-yilia/issues

四、换好主题后,创建新文章,进行预览
执行命令hexo new "My New Post" ,关于更多创建,写作的命令信息,请阅读 https://hexo.io/zh-cn/docs/writing.html
【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

执行命令 hexo server (或 hexo s)
【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

再点击网址 http://0.0.0.0:4000

五、更新到GitHub上
执行三句命令
hexo clean hexo generate hexo deploy

【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)
文章图片

然后刷新一下GitHub 博客项目页面,看是否更新好了,等更新好之后,再打开 https://arvin0.github.io/链接,就可以了,记得把用户名换成你的。

【【Hexo】Hexo+Github构建个人博客|【Hexo】Hexo+Github构建个人博客 (三)(添加皮肤主题)】转载于:https://www.cnblogs.com/seanp/p/6664178.html

    推荐阅读