【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构建个人博客 (三):添加皮肤主题_第1张图片【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题_第2张图片

 

 

三、可能会出现的问题

1.如图:

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题_第3张图片

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

 

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题_第4张图片

并且添加jsonContent这段配置信息;

2.执行命令  npm i hexo-generator-json-content --save 后,还是上面的错误,或者如图这样子的

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题_第5张图片

解决方案:

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 server (或 hexo s) 

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

 

五、更新到GitHub上

执行三句命令

hexo clean
hexo generate
hexo deploy

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题_第6张图片

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题_第7张图片

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

 

转载于:https://www.cnblogs.com/seanp/p/6664178.html

你可能感兴趣的:(【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题)