博客搭建

hexo + hexo-theme-oranges主题 + Github Pages + 自定义域名

Hexo 环境搭建

  1. 安装 hexo 并初始化,仓库名为 weilun0510.github.io
  2. 更换主题:hexo-theme-oranges
  3. 修改_config.yml
  4. 添加项目说明
  5. 部署:安装 hexo-deployer-git

gitalk 评论

  1. 新建一个仓库 blog-comments
  2. 新建开放认证应用 https://www.cnblogs.com/qisi007/p/13731562.html
  3. 博客配置

注意:配置后,需要手动新建一个 issues 才能使用

效果图:

hexo 源码备份

hexo 发布hexo d后,github 仓库上的 hexo 源代码会消失,只保留构建后的代码,如图所示:

万一 username.github.io本地仓库的代码丢失,后面就无法进行写作。
所以新建一个仓库,用于专门写作,如 blog。后面 username.github.io 项目不动,在 blog 上写作即可。

Pages 自定义域名

  1. 买个域名,如华为云
  2. 域名解析 -> 添加记录集

华为云提供了一种 CNAME 记录的设置方式,这样可以更好地适应服务器 IP 地址的变化。通过使用 CNAME 记录,你的域名将指向 GitHub Pages 的域名,而不是直接指向 IP 地址。这样,GitHub 在 IP 地址变更时会更新其域名的 DNS 记录,而你无需手动调整。

每次部署后自定义域名失效?

图片存储(Github Pages + PicGo )

github 做图床(免费,上限 100G) + picGo 上传图片

缺点:想使用 Github Pages ,仓库不能设置为 private,必须为 Public

实现:

  1. 设置图床
    1. 新建一个仓库 blog-images
    2. 添加 index.html 文件,内容随意
  2. 设置 picGo。我用的 vscode,注意:repo 值得格式为 username/仓库名
    1. 配置参考: https://zhuanlan.zhihu.com/p/138012354
1
2
3
4
5
6
7
8
{
"picgo.picBed.current": "github",
"picgo.picBed.github.branch": "master",
"picgo.picBed.github.token": "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",
"picgo.picBed.github.repo": "weilun0510/blog-images",
"picgo.customUploadName": "pic.${Date.now()}${extName}",
"picgo.picBed.github.path": "2024-02-07/"
}

写作时,picgo.picBed.github.path根据写作日期进行更改,如2424-02-27/,这样图片就会保存在这个目录下。这样做的好处是图片保存路径与写作日期一致,到时想查找这张图片会很方便。

使用:
Uploading an image from clipboard

1
2
3
4
5
Windows/Unix:
ctrl + alt + u

OsX:
Cmd + Opt + u

上传成功后的链接格式: https://raw.githubusercontent.com/weilun0510/blog-images/master/2024-02-07/pic.1707273493092.png

上传失败参考:https://blog.csdn.net/TalesOV/article/details/104450037

参考:

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×