0%

hexo主题的切换

网上找到一个比较清爽的主题,也就是我现在用的这一个maupassant
步骤如下:

1
2
3
4
5
git clone https://github.com/tufu9441/maupassant-hexo themes/maupassant
npm install hexo-renderer-pug --save
npm install hexo-renderer-sass --save
cd themes/maupassant
修改 theme:landscape -> theme:maupassant

这时在在本地能正确渲染出新的主题

1
2
hexo server --debug
curl localhost:4000

部署到remote

1
hexo clean && hexo generate && hexo deploy

然而直接访问zztttt.github.io发现只有内容,css渲染失败。很容易想到F12打开浏览器去寻找css代码的地址是否正确
请求网址:http://zztttt.github.io/css/style.css
应当为:http://zztttt/github.io/zztttt.ghub.io/css/style.css
因为zztttt.github.io是你的repo地址,相当于把你的blog部署到你的URL的Repo目录下
直接修改_config.yml配置即可

1
2
3
4
5
6
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://github.com #???
root: /zztttt.github.io
permalink: :year/:month/:day/:title/
permalink_defaults:

然后再按照上述步骤部署一遍即可。

Reference

大道至简——Hexo简洁主题推荐
hexo document
hexo+Github搭建博客,能访问但无法加载css文件
maupassant-hexo