工具与平台

  • 代码托管: GitHub Pages
  • 静态网站生成器: Hexo
  • 域名服务: Namesilo
  • 托管与CDN: Netlify

参考文档

hexo+github page配置教程
hexo使用文档
butterfly主题使用文档
butterfly美化文档

hexo配置

hexo命令

开始：转到文件目录

1
2
d:
cd d:\Software\hexo\blog

修改主题文件_config.yaml

  1. 本地预览
1
2
3
hexo clean   # 清除缓存
hexo g       # 重新生成静态文件
hexo s       # 本地预览（http://localhost:4000）
  1. 本地ok，再线上部署到 GitHub Pages

hexo d

  • 合并写法
    预览
    hexo clean && hexo g && hexo s
    上传
    hexo clean && hexo g -d

域名配置

教程
本地配置

购买域名

在Namesilo购买

在Namesilo配置DNS

配置DNS地址
具体方法：
1.对于domain域名（zoex.top）
主机/名称：@
值/目标：185.199.108.153
再添加三个相同的A记录，分别指向：
185.199.109.153
185.199.110.153
185.199.111.153
2.对于子域名(www.zoex.top)
主机/名称：www
添加CNAME记录
值/目标：zoe757081803.github.io

在本地配置

在仓库根目录的source文件夹中创建CNAME文件（无后缀），内容为你的顶域名
修改_config.yml文件中的url，设置正确
再hexo clean && hexo g -d

在github配置（最后一步）

配置地址
输入你的domain域名后，勾选https，点击save，等待一段时间
就可以在zoex.top进入你的网页了，输入zoe757081803.github.io也会跳转到zoex.top

CDN加速

测速网站

Netlify 是一个提供静态资源网络托管的综合平台
可以将github pages一键迁移托管，自动识别hexo

迁移到Netlify

参考

  1. 把CNAME文件改为yourname.netlify.app
  2. 修改Namesilo上DNS：因为 NameSilo 不支持设置两个 CNAME，所以根域名需要 A 到 Netlify 的均衡负载 IP 75.2.60.5 上，二级域名 www 要 CNAME 到 yourname.netlify.app 上。
  3. 注册Netlify，根据新手教程一步步走就好
  4. 把www.yourname.netlify.app设为主域名 （有利于Netfily DNS优化）

好用插件

优化网站链接

优化教程
! 插件在以下目录安装：d:\Software\hexo\blog

实时更新预览

按理hexo s后，调试阶段在http://localhost:4000 会自动更新，但是实际没有。
实测用这个插件就可以实时监测了
但是只能监测更新的文章，不能监测主题更新 :cry:

突然中插：markdown的emoji列表

  1. 安装插件hexo-browsersync
    npm install hexo-browsersync --save
  2. 在_config.yml里插入代码
1
2
3
4
5
browsersync:
  logLevel: "warn"
  ghostMode:
    scroll: true
  instanceName: "uniqueString"

3.再次打开4000，会自动弹出Browsersync：connected，即安装成功

iconfont图标（已弃用）

默认用Font Awesome，喜欢更丰富的可以用国内的iconfont
配置方法见使用文档

经试验，每次在网站加新图标到项目里时，都要重新生成css链接，太麻烦，已弃用。

网站加速

使用第三方cdn
目前使用过程中，出现因为cdn产生bug的情况，暂时不用
还发现jsdelivr被污染，也许可以看看这个办法

豆瓣电影界面

hexo-douban
教程
-bgm代表的是book、game、movie三个参数，选择你需要生成的页面
启用
hexo clean && hexo douban -movie && hexo g && hexo s

强调：由于hexo douban的简写也是hexo d，与hexo deploy的简写指令hexo d冲突，因此在进行二者部署的时候，只能都打全名而不能打简写形式。

目前未开启实时抓取，所以更新需要手动hexo douban -movie && hexo douban -game
目前只能抓到2024（？