环境准备
- git
- github账号
- 创建仓库:用户名.github.io
- node.js
- npm可选择配置一下淘宝镜像
搭建
- github Pages + Hexo
- Hexo 使用 nexT主题
常用的Hexo 命令
npm install hexo -g #安装Hexo
npm update hexo -g #升级
hexo init #初始化博客
命令简写
hexo n “我的博客” == hexo new “我的博客” #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo server #Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存,若是网页正常情况下可以忽略这条命令
遇到的问题
网络图片显示问题
在md文章的前面添加一句话就可以了
1
<meta name="referrer" content="no-referrer"/>
中文显示问题
- 最新版的next主题设为:
zh-CN
,这个亲测有效 - 老版本设为:
zh-Hans
每次hexo d都要输入账号和密码问题
- 将配置文件的repo使用ssh链接,不要用html链接,就可以每次都不用输入账号和密码了,使用html链接还会出现登录失败的情况,然后要输入用户名和密码,很麻烦,所以使用SSH更加方便。
其他问题
- 网上基本都可以找到解决方案
注意事项
- 可以使用cdn加速(参考网上)
- 背景图片过大的话,加载速度慢
- 尽量不要搞得太花里胡哨的,影响阅读,而且影响加载速度
参考
- 网上配置美化主题的资料很多
- B站教程,但是注意一下版本问题,个别配置还是有差异的