1.前置依赖下载
1)机器本地安装Git,使用阿里云镜像下载最快;安装过程中一路默认安装即可,不要手欠点击安装其他插件。这里安装Git的是为了后面可以把本地修改的内容,通过git同步到github pages。
2)机器本地安装Nodejs,也是一路默认安装即可,安装完成后重启机器。这里安装过程会比较慢,并且命令行也没有什么提示,所以要耐心等待一段时间。安装Nodejs是因为后面使用的静态博客生成框架——Hexo要依赖于Nodejs运行。
3) 检查安装是否成功,CMD中使用下列命令,正常返回版本号即可:
git --version
npm -v
node -v
2.配置Git和Github账号之间的连接
1) 使用邮箱注册github账号;
2) 本地机器,右键“Git Bash here”
3) 输入如下代码:
git config --global user.name "Github账号名"
git config --global user.mail "Github注册邮箱"
4) 在本地生成SSH密钥,输入下列命令后,一路回车确认:
ssh-keygen -t rsa -C "GitHub 邮箱"
5) Github账号中添加生成的SSH密钥:
a. 进入 [C:\Users\用户名.ssh] 目录(要勾选显示“隐藏的项目”),用记事本打开公钥 id_rsa.pub 文件并复制里面的内容。
b. 登陆 GitHub ,进入 Settings 页面,选择左边栏的 SSH and GPG keys,点击 New SSH key。
c. 自定义Titlre名称,粘贴复制的 id_rsa.pub 内容到 Key 中,点击 Add SSH key 完成添加。
6) 测试本地与Github之间的连接,进入Git命令行:
ssh -T git@git.com
#结果显示,Hi,xxx,you are success....
3. 配置Github Pages仓库
1) 根据Github Pages指导,创建属于自己账号的github.io页面
4. 本地安装Hexo
1)新建文件夹,该文件夹就是后续Hexo博客资源的存储地;
2)进入该文件夹,右键 -> Git Bash Here;
3)使用npm安装hexo命令行,输入下列代码:
npm install -g hexo-cli
# 这一步安装的时间也很久,界面也是没反应的,还是耐心等待...
4)初始化hexo;
hexo init
5) 安装hexo其他组件
npm install
6) 生成hexo页面,并在本地运行,浏览器访问http://localhost:4000
hexo g; # 生成页面
hexo s; # 本地预览
7) 本地预览出现hexo默认博客页面,说明搭建成功。
5. 部署本地Hexo和Github Pages的同步
这一步的目的是:本地Hexo生成的博客,能够同步到你的Github Pages上,这样就能够通过互联网访问了。
安装Hexo-deployer-git
npm install hexo-deployer-git --save
修改Hexo文件夹中的配置文件_config.yml,定位到末尾的Deployment 部分,修改成如下:
deploy:
type: git
repository: git@github.com:用户名/用户名.github.io.git
branch: main
完成后,git命令shell中,输入下列命令,即部署完成:
hexo d
6. 编写博客,并部署发布到Github Pages
在hexo文件夹中,找到source文件夹–>_post文件夹;
新建后缀名为.md的markdown文件,开始编写自己的博客吧。
每次在本地更新完博客时,都可以通过git命令行执以下命令,完成博客更新:
hexo 民工三连
hexo clean //清空hexo
hexo g //生成页面
hexo d //提交页面