1. 下载并安装 Node.js

# 安装教程  
- 访问 [Node.js官网](https://nodejs.org/) 下载对应系统的安装包。  
- 双击安装包,按照默认设置或自定义路径进行安装。  
- 安装过程中请留意安装选项,确保选择添加Node.js到系统PATH环境变量。  

# 验证安装  
- 打开命令行界面(在Windows上按`Win + R`,输入`cmd`,然后回车)。  
- 输入命令 `node -v` 并回车,如果正确显示Node.js版本号,则安装成功。  

2. 下载并安装 Git

# 安装教程  https://blog.csdn.net/mukes/article/details/115693833
- 访问 [Git官网](https://git-scm.com/) 或 [Git for Windows](https://gitforwindows.org/) 下载对应系统的安装包。  
- 双击安装包,按照安装向导逐步进行。  
- 注意选择适当的安装选项,如安装路径、组件选择等。  
- 确保选择“使用Git Bash”以及“从命令行以及第三方软件进行Git”等选项,以优化Git的使用体验。  

# 验证安装  
- 在任意文件夹下,按住`Shift`键并右击,选择“在此处打开Git Bash”。  
- 输入命令 `git version` 并回车,如果正确显示Git版本号,则安装成功。  

3. 安装 Hexo

# 安装前提  https://blog.csdn.net/weixin_42242910/article/details/136297201
- 确保已经按照上述步骤成功安装了Node.js和Git。  
- 安装并配置了cnpm(Node.js安装教程中包含cnpm的安装方法)。  

# 安装教程  
- 打开命令行界面(cmd)。(win+R打开运行,输入cmd进入系统的cmd)  
- 输入命令 `cnpm install -g hexo-cli` 并回车,等待安装完成。  

# 验证安装  
- 在命令行界面输入命令 `hexo -v` 并回车,如果正确显示Hexo版本号,则安装成功。  

20240712111345.png

4. 创建Github账号并配置好环境

1)创建Github账号

# 创建账号指引  https://blog.csdn.net/m0_67906358/article/details/128808210
- 在你的 GitHub 上建立名为 **<你的 GitHub 用户名>.github.io** 的仓库。这里参考 《GitHub Pages 快速入门》 即可。

2)设置ssh

# 配置ssh免密登录  https://blog.csdn.net/weixin_42310154/article/details/118340458
- ssh登录是非对称加密,产生密钥对(public key 和 private key),在git中产生命名为id_rsa.pub,id_rsa
- 打开git bash输入(自行安装ssh):ssh-keygen -t rsa -C ‘注册时的邮箱地址’,一路回车
- 成功后在文件中找到C盘目录(此文件夹所在C:\用户\用户名\.ssh文件目录下)使用记事本打开id_rsa.put文件并复制生成的key,粘贴到github的SSH keys中。
- 验证配置是否成功 git bash中输入:ssh -T git@github.com 注意:要输入yes

3)绑定用户名和邮箱

# 接着在本地绑定与Github的用户名和邮箱
- 输入命令:git config --global user.name “注册时用户名”
- 输入命令:git config --global user.email “注册时邮箱”

5. 本地配置安装Hexo

1)本地初始化blog

# 在磁盘中创建一个用来存放Github本地仓库文件的目录(建议将文件名设为blog)
- 之后就是初始化Hexo,输入命令:hexo init,然后在blog文件下自动生成许多文件(这里不多介绍这些文件及目录)
- 输入命令:hexo s,这时启动hexo之后在浏览器输入localhost:4000就可以在本地浏览博客(自带一篇Hello World博客)

20200331214731382.png

2)修改blog文件中生成的_config.yml文件

# 把_config,yml文件用记事本打开,在文件的末尾修改(repository属性的地址就是之前创建仓库后所保存的http地址)

20240712142832.png

3)上传到github库中

# 此时需要安装一个上传工具
- blog文件夹下 git bash输入:npm install hexo-deployer-git –-save
- 生成一遍文件,输入命令:hexo g(生成页面)
- 最后直接部署到Github就可以啦,输入命令:hexo d(上传)

第一次上传文件到Github仓库邮箱还会收到一封邮件
然后在Github仓库查看就发现多了很多文件
此时再浏览器输入:用户名.github.io(Github仓库名)就可以访问博客啦

6. 为自己的blog选择一个主题

butterfly主题示例(我个人选择的butterfly)

https://butterfly.js.org/posts/21cfbf15/
# 在blog文件下打开git bash输入:git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
- 修改_config.yml文件中的theme: butterfly
- 安装插件,如果你没有 pug 以及 stylus 的渲染器,需要下载安装:npm install hexo-renderer-pug hexo-renderer-stylus --save
                                                           npm install hexo-deployer-git –-save

20240712150050.png

7.markdown语法学习

# 这里就不过多介绍,这个网站内容十分详细
https://markdown.com.cn/basic-syntax/emphasis.html