从0到1，我用了一个多月，但实际花费的时间，也就三天吧！个人博客的搭建说简单也简单，说难也难。我的个人博客框架选的是hexo，主题选的是butterfly。至于为什么选这两个，我想可能是缘分吧！
    在未来的一段时间里，我将通过我的博客网站来发表一些文章，去记录我的大学生活，算是为我的青春岁月留下一份美好吧！

本篇我将讲述如何利用hexo+github搭建个人博客
额，过程不全，仅供参考！

安装并配置Node.js

1.下载地址：https://nodejs.org/en/

2.安装

其实就是无脑下一步，第三步可以选择自定义目录

3.测试

在命令提示符中
node -v 查看node的版本
npm -v 查看npm的版本

4.配置环境变量

4.1 配置全局安装的模块路径和缓存路径

4.1.1创建文件夹目录

  • 在nodejs根目录,创建node_global，node_cache文件夹

  • 管理员身份- 打开CMD，配置路径：（注意一定要管理员身份运行CMD！！！路径改成你自己的路径，不要无脑复制！！！）

    npm config set prefix "E:\develop\nodejs\node_global"
    npm config set cache "E:\develop\nodejs\node_cache"

4.2 配置环境变量

4.2.1 找到电脑环境变量位置

win10&win11：右键此电脑——属性——高级系统设置——高级——环境变量
win11还可以：点设置——系统——关于——高级系统设置——高级——环境变量

4.2.2 创建 NODE_HOME 变量

4.2.3 在 系统变量 中 选择 Path 修改和添加属性

5.测试

全局安装最常用的 express 模块 进行测试

命令如下: 

npm install express -g

6.全局配置淘宝镜像

注意一定要管理员身份运行CMD！！！ 

npm config set registry https://registry.npm.taobao.org  
# 安装 cpm （按需安装）
npm install -g cnpm

查看配置：npm config ls

6.全局安装webpack 

npm install webpack -g

安装并配置Git

git是一个并源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理

一.获取Git安装程序

   到Git官网下载，网站地址：https://git-scm.com/downloads

   因为我们是用Windows系统上的浏览器访问的，Git官网自动之别到了我使用的操作系统，所以右侧直接显示下载使用Windows系统的最新版本（如果识别错误，可以在中间选择系统），点击即可下载。

二.Git安装过程

01、使用许可声明

  点击“Next”进入

02、选择安装路径

  在输入框内输入想要安装到的本机路径，也就是实际文件夹位置，或点击“Browse…”选择已经存在的文件夹，然后点击“Next”按钮继续。

03、选择安装组件

  上图红框内的选项是默认勾选的，建议不要动。绿色框1是决定是否在桌面创建快捷方式的。绿色框2是决定在所有控制台窗口中使用TrueType字体和是否每天检查Git是否有Windows更新的。这些根据自己需要选择。

  点击“Next”按钮进入

04、选择开始菜单页

  这个界面是创建开始菜单中的名称，不需要修改，直接点“Next”按钮继续

05、选择Git文件默认的编辑器

  这个页面是在选择Git文件默认的编辑器，很少用到，所以默认Vim即可，直接点“Next”按钮继续

06、调整您的PATH环境

  这个界面是调整您的PATH环境。

  第一种配置是“仅从Git Bash使用Git”。这是最安全的选择，因为您的PATH根本不会被修改。您只能使用 Git Bash 的 Git 命令行工具。但是这将不能通过第三方软件使用。

  第二种配置是“从命令行以及第三方软件进行Git”。该选项被认为是安全的，因为它仅向PATH添加了一些最小的Git包装器，以避免使用可选的Unix工具造成环境混乱。

  第三种配置是“从命令提示符使用Git和可选的Unix工具”。警告：这将覆盖Windows工具，如 “ find 和 sort ”。只有在了解其含义后才使用此选项。

  我选择推荐的选项第二种配置，点击“Next”按钮继续

07、选择HTTPS后端传输

  这个界面是选择HTTPS后端传输。

  第一个选项是“使用 OpenSSL 库”。服务器证书将使用ca-bundle.crt文件进行验证。这也是我们常用的选项。

  第二个选项是“使用本地 Windows 安全通道库”。服务器证书将使用Windows证书存储验证。此选项还允许您使用公司的内部根CA证书，例如通过Active Directory Domain Services 。

  我使用默认选项第一项，点击“Next”按钮继续

08、配置行尾符号转换

  这个界面是配置行尾符号转换。

  第一个选项是“签出Windows风格，提交Unix风格的行尾”。签出文本文件时，Git会将LF转换为CRLF。提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Windows上的推荐设置（“ core.autocrlf”设置为“ true”）

  第二个选项是“按原样签出，提交Unix样式的行尾”。签出文本文件时，Git不会执行任何转换。 提交文本文件时，CRLF将转换为LF。对于跨平台项目，这是Unix上的建议设置（“ core.autocrlf”设置为“ input”）

  第三种选项是“按原样签出，按原样提交”。当签出或提交文本文件时，Git不会执行任何转换。不建议跨平台项目选择此选项（“ core.autocrlf”设置为“ false”）

  我选择第一种选项，点击“Next”按钮继续：

09、配置终端模拟器以与Git Bash一起使用

  这个界面是配置终端模拟器以与Git Bash一起使用。

  第一个选项是“使用MinTTY（MSYS2的默认终端）”。Git Bash将使用MinTTY作为终端模拟器，该模拟器具有可调整大小的窗口，非矩形选择和Unicode字体。Windows控制台程序（例如交互式Python）必须通过“ winpty”启动才能在MinTTY中运行。

  第二个选项是“使用Windows的默认控制台窗口”。Git将使用Windows的默认控制台窗口（“cmd.exe”），该窗口可以与Win32控制台程序（如交互式Python或node.js）一起使用，但默认的回滚非常有限，需要配置为使用unicode 字体以正确显示非ASCII字符，并且在Windows 10之前，其窗口不能自由调整大小，并且只允许矩形文本选择。

  我选择默认的第一种选项，点击“Next”按钮继续

10、配置配置额外的选项

  这个界面是配置配置额外的选项。

  第一个选项是“启用文件系统缓存”。文件系统数据将被批量读取并缓存在内存中用于某些操作（“core.fscache”设置为“true”）。 这提供了显著的性能提升。

  第二个选项是“启用Git凭证管理器”。Windows的Git凭证管理器为Windows提供安全的Git凭证存储，最显着的是对Visual Studio Team Services和GitHub的多因素身份验证支持。 （需要.NET Framework v4.5.1或更高版本）。

  第三个选项是“启用符号链接”。启用符号链接（需要SeCreateSymbolicLink权限）。请注意，现有存储库不受此设置的影响。

  我勾选默认的第一、第二选项，点击“Next”按钮继续

11、配置实验选项

  这个界面是配置实验选项。

  启用实验性的内置添加 -i / -p。（新！）使用实验性的内置交互式add（“ git add -i”或“ git add -p”）。这使其速度更快（尤其是启动！），但尚未被认为是可靠的。

  默认不勾选，直接点击“Next”按钮继续

12、安装进度指示

  安装进度结束之后，会出现完成Git安装向导界面

13、安装完成

  在这个界面，可以勾选是否启动启动Git Bash和是否查看发行说明，然后点“Finish”按钮退出安装界面。

14、启动测试

  到此，Git的安装完成，可以在开始菜单中看到Git的三个启动图标（Git Bash、Git CMD(Deprecated)、Git GUI）。

  Git Bash，是Git配套的一个控制台，点击打开

  Git CMD(Deprecated)，是通过CMD使用Git（不推荐使用），点击打开

  Git GUI，是Git的可视化操作工具，点击打开

  关于Git的安装过程就介绍到这里。

生成SSH Keys

生成ssh 

ssh-keygen -t rsa -C "你的邮箱地址"

测试ssh是否绑定成功 

ssh -T git@github.com

这里绑定密钥有所省略，省略了GitHub上的操作过程

本地访问博客

1、创建一个名为 Blog 的文件，在里面启用 Git Bash Here

2、初始化hexo 

hexo init

3、生成本地的hexo页面

hexo s

4、访问

打开本地服务区

http://localhost:4000/

长按 Ctrl + c 关闭服务器

上传到Github

1.修改-config.yml文件
   把图片上位置更换成 

 deploy:  
 type: git
 repository: 你的github地址
 branch: main

2.安装hexo-deployer-git 自动部署发布工具

npm install hexo-deployer-git --save

3.生成页面

hexo g

4.本地文件上传到Github上面

hexo d

  中间会出现一个登录界面，可以用令牌登录。（令牌及时保存，就看不到了）
结束以后就上传 Github 就成功了！！！

访问GitHub博客

访问博客，开始的页面是初始化页面，没有做美化和增加内容。 

https://wushishu.github.io/

总结

    至此，我们就制作了一个简单的博客，但想让我们的博客绚丽起来，我们还需要很多操作，但是我懒得写了，嘿嘿嘿，就很nice！
本篇文章仅供参考，删减了很多，因为都写真的很累！
进一步的深造可参考：

安知鱼，非常优秀的博主：https://blog.anheyu.com/