这个博客网站其实是部署在 github 上面的，部署原理如下：

本地编辑文章/修改设置 -> 上传到 github -> 访问 github pages（也就是渲染后的博客网站）

1756557325893

这个博客网站现在是用 我的 github 仓库 管理，所以只能由我进行设置和修改。那如何将其转交给你呢？以及，如何自己从头开始搭建一个呢（如果你真的很感兴趣的话）？下面我会一一介绍，有点复杂，但是 99%的部分我都帮你做好了（yysy 做这个网站是真的有点麻烦的），所以不要害怕，let’s dive in

创建 github 仓库

首先如果你没有 github 账号的话，先注册一个，配置好 ssh 连接。然后创建一个名为 用户名.github.io 的仓库。假设你的用户名是 fxr那就创建一个名字是 fxr.github.io 的空仓库。

比如说我的就叫 WantrapreneurYxy.github.io

1756211861838

你的刚创建完应该是一个空仓库

配置依赖

配环境是这个世界上最困难的事情之一 —— yxy

不过好在，所有的操作我都写成了一个脚本： install.ps1

你所需要做的只有几步：

  1. 记得先挂上梯子
  2. 选择一个放置博客文件的地方，哪里都行，博客文件不会很大。在这个地方创建一个文件夹（例如 hexo）用来放置博客文件。下面我们会称这个文件夹为 根目录
  3. 把安装脚本 install.ps1 复制到根目录下
  4. 在根目录 右键鼠标 - 在终端中打开，然后运行下面的命令
1
./install.ps1

等一会，开把王者差不多就配完了。如果遇到失败就检查一下网络，有没有挂梯子，然后重新运行上面的命令

然后把根目录下的文件全部删除，把我的压缩包里的文件全部复制过来，然后把最上面那两个文件夹.deploy_git 和.github 删掉

1756212640498

修改配置文件

配置文件里面有一项是设置 github 的，由于现在需要用你的 github，所以需要修改一下

打开 根目录/_config.yml ，找到最下面的 deploy 选项，按照下面的提示填入你的 github 账号信息

1
2
3
4
deploy:
  type: git
  repository: git@github.com:用户名/用户名.github.io.git
  branch: master

然后执行 hexo 三连

1
2
3
hexo clean
hexo g
hexo d

现在登陆 github 查看你的仓库，就应该已经有对应的文件，然后可以更新文章了

当然我最推荐的其实还是从头开始重新搭建一个，我同样把过程都写成了脚本，可以看这篇文章

修改网站设置

现在这个网站已经部署在你的 github 上，真正属于你自己了。那，要怎么修改网站标题、副标题、背景图片这些呢？

网站基本设置都在 根目录/.config.yml 这个文件里，外观所有的设置都在 根目录/._config.butterfly.yml 这个文件里面，下面我会从前到后告诉你重要的配置项怎么设置

网站标题、作者名

打开根目录下的 _config.yml

网站标题就是已进入网站最大的那个标题，修改下面的内容即可

1756561022538

记得修改完后执行 hexo 三连：

1
2
3
hexo clean
hexo g
hexo d

首页背景图

首页背景图就是这里的背景图

1756561735126

要修改首页背景图成你喜欢的图片（虽然我觉得我找的这张明日香真的绝美！），可以用你想要的图片，替换 source\img\background.jpg

网站背景图

网站背景图就是往下滚动，在下面文章列表的背景图

1756562037141

如果你不特别设置的话，默认就和首页背景图一样，一般不设置保持默认就好

打字机文案

打开 _config.butterfly.yml

找到这段配置选项，然后修改最后 sub: 下面的文案特别注意短横线后面要加一个空格才行

1756558468478

记得修改完后执行 hexo 三连：

1
2
3
hexo clean
hexo g
hexo d

作者卡片

作者头像

把你想要的头像放到 根目录\source\img\head.jpg 就行，注意头像图片的名字要和原来一样叫 head.jpg

或者可以把头像图片放到 根目录\source\img 目录下，然后修改 _config.butterfly.yml

1756560368381

记得修改完后执行 hexo 三连：

1
2
3
hexo clean
hexo g
hexo d

座右铭

座右铭指的就是作者名下面的那句话

1756560971340

这句话在 _config.butterfly.yml 的下面这个位置修改

1756561101670

记得修改完后执行 hexo 三连：

1
2
3
hexo clean
hexo g
hexo d

网站其他信息

座右铭的下面会显示关于网站文章的一些其他信息如下：

1756561164137

你可以在 _config.butterfly.yml 的对应部分进行配置：

  • button 部分对应的就是那个 github - Follow Me 按钮，可以放上自己的 github 链接，如果不想要的话可以把 enable 选项设置为 false
  • card_announcement 是公告栏，因为比较丑我就设置为 false 不显示了，如果 enable 选项设置为 true 显示，则下面的 content 后面可以填入公告栏里要显示的内容
  • 下面的一些选项就是文章、标签、分类的数量是否要显示，我觉得显示还挺好看的，可以不用改。如果不想显示的话就把 enable 设置成 false 就好

1756561316905

记得修改完后执行 hexo 三连：

1
2
3
hexo clean
hexo g
hexo d