hexo + hexo-theme-oranges主题 + Github Pages + 自定义域名
Hexo 环境搭建
- 安装 hexo 并初始化,仓库名为 weilun0510.github.io
- 更换主题:hexo-theme-oranges
- 修改_config.yml
- 添加项目说明
- 部署:安装 hexo-deployer-git
gitalk 评论
- 新建一个仓库 blog-comments
- 新建开放认证应用 https://www.cnblogs.com/qisi007/p/13731562.html
- 博客配置
注意:配置后,需要手动新建一个 issues 才能使用
效果图:
hexo 源码备份
hexo 发布hexo d
后,github 仓库上的 hexo 源代码会消失,只保留构建后的代码,如图所示:
万一 username.github.io本地仓库的代码丢失,后面就无法进行写作。
所以新建一个仓库,用于专门写作,如 blog。后面 username.github.io 项目不动,在 blog 上写作即可。
Pages 自定义域名
- 买个域名,如华为云
- 域名解析 -> 添加记录集
华为云提供了一种 CNAME 记录的设置方式,这样可以更好地适应服务器 IP 地址的变化。通过使用 CNAME 记录,你的域名将指向 GitHub Pages 的域名,而不是直接指向 IP 地址。这样,GitHub 在 IP 地址变更时会更新其域名的 DNS 记录,而你无需手动调整。
每次部署后自定义域名失效?
图片存储(Github Pages + PicGo )
github 做图床(免费,上限 100G) + picGo 上传图片
缺点:想使用 Github Pages ,仓库不能设置为 private,必须为 Public
实现:
- 设置图床
- 新建一个仓库 blog-images
- 添加 index.html 文件,内容随意
- 设置 picGo。我用的 vscode,注意:repo 值得格式为 username/仓库名
1 | { |
写作时,picgo.picBed.github.path
根据写作日期进行更改,如2424-02-27/
,这样图片就会保存在这个目录下。这样做的好处是图片保存路径与写作日期一致,到时想查找这张图片会很方便。
使用:
Uploading an image from clipboard
1 | Windows/Unix: |
上传成功后的链接格式: https://raw.githubusercontent.com/weilun0510/blog-images/master/2024-02-07/pic.1707273493092.png
上传失败参考:https://blog.csdn.net/TalesOV/article/details/104450037
参考: