前言
本系列文章属于半笔记半教程的零基础小白入门文，教你将 Hexo 部署到了 GitHub Pages，从而获得自己的静态博客网站。流程很长，分成不同的篇幅，此为本系列的第二篇。
【注意】：本文纯属才疏尚浅的我以笔记的形式进行的记录，很多知识其实我也不是太懂，可能存在理解偏差和错误，来学习的朋友们请自己甄别，路过的大神们也别喷我哈哈哈，有什么建议和问题可以评论提出或者其它方式联系我。我会尽可能保持更新该文章所使用到的技术和做法，并随时接受勘误。
步骤
六、初始化 Hexo 工程
注意：接下来应该是你自己的自定义的目录，请不要完全复制粘贴我的！
比如说我是Windows用户，想把我的网站代码储存在
电脑 E 盘的 BarryFlynn\Github\ 文件夹下
那么我要先在E盘建立相应的文件夹，然后再继续操作。
由于cmd终端最开始默认在C盘操作，我得先切换到E盘，那么我要输入 E: 然后回车,即：
Microsoft Windows [版本 10.0.19042.1165] (c) Microsoft Corporation。保留所有权利。 C:\Users\10272>E: E:\>
然后此时，我要通过 cd 进入我本地电脑打算存储网站代码的文件夹目录。（或者右键文件夹 Git Bash Here），即 BarryFlynn\Github\ 文件夹里
也就是说我需要输入 cd BarryFlynn\Github\ 然后回车，我会看到：
E:\>cd BarryFlynn\Github\ E:\BarryFlynn\Github>
好了成功进入，接下来输入下方代码，再按回车：
hexo init 你的名字.github.io
hexo：正是因为我们之前安装了hexo-cli这一个包，所以我们可以在终端中使用hexo这一命令。
init：用来初始化博客的模版文件。后面跟的是你要新建的文件夹，最好和你此前新建的仓库名一致，比如我的是：Barry-Flynn.github.io
然后我会看到
E:\BarryFlynn\Github>hexo init Barry-Flynn.github.io INFO Cloning hexo-starter https://github.com/hexojs/hexo-starter.git [32mINFO [39m Install dependencies added 242 packages from 207 contributors in 105.871s 15 packages are looking for funding run `npm fund` for details INFO Start blogging with Hexo! E:\BarryFlynn\Github>
下面通过 cd 进入我的博客文件夹，
即输入 cd Barry-Flynn.github.io 后按回车，我会看到：
E:\BarryFlynn\Github>cd Barry-Flynn.github.io E:\BarryFlynn\Github\Barry-Flynn.github.io>
现在我就是处于 E:\BarryFlynn\Github\Barry-Flynn.github.io 文件夹下操作了，
现在在这个文件夹内默认安装所有 `package.json` 文件中提到的包，
即输入 npm install 然后回车，我会看到：
E:\BarryFlynn\Github\Barry-Flynn.github.io>npm install npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) audited 243 packages in 4.956s 15 packages are looking for funding run `npm fund` for details found 0 vulnerabilities E:\BarryFlynn\Github\Barry-Flynn.github.io>
这时候，我的 Barry-Flynn.github.io 文件夹里面会多出一堆文件，
文件夹结构应该大致是这样：
. ├── config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes
现在我们输入 hexo server 然后回车，会看到：
E:\BarryFlynn\Github\Barry-Flynn.github.io>hexo server INFO Validating config INFO Start processing INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
server代表开启本地的 Hexo 服务器，这时你就可以打开浏览器，在地址栏中输入localhost:4000就可以看到本地的网页了。
这个网页就是Hexo为你自动生成的博客页面。
按 Ctrl+C 中断服务器的运行，
系统提示 终止批处理操作吗(Y/N)? 输入 Y 然后回车。
至此，基础的模版页面便已经搭建好了。
七、生成静态文件
到现在，我们的工作都是在本地进行，想必你也很想放到线上与小伙伴们分享。这便轮到了 GitHub Pages 的出场，不过 GitHub Pages 只支持纯静态文件。
所以我们需要使用下面一行命令先来生成站点的静态文件。
（如果进行多次生成，为了避免受错误缓存影响，最好使用 hexo clean 先清除一遍。） hexo generate （上方命令也可以缩写为 hexo g）
输入后回车，我会看到：
E:\BarryFlynn\Github\Barry-Flynn.github.io>hexo g INFO Validating config INFO Start processing INFO Files loaded in 209 ms INFO Generated: archives/index.html INFO Generated: archives/2021/index.html INFO Generated: archives/2021/08/index.html (node:20772) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency (Use `node --trace-warnings ...` to show where the warning was created) (node:20772) Warning: Accessing non-existent property 'column' of module exports inside circular dependency (node:20772) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency (node:20772) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency (node:20772) Warning: Accessing non-existent property 'column' of module exports inside circular dependency (node:20772) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency INFO Generated: index.html INFO Generated: fancybox/jquery.fancybox.min.css INFO Generated: js/script.js INFO Generated: 2021/08/25/hello-world/index.html INFO Generated: css/style.css INFO Generated: css/fonts/fontawesome-webfont.woff2 INFO Generated: css/fonts/fontawesome-webfont.woff INFO Generated: fancybox/jquery.fancybox.min.js INFO Generated: css/fonts/fontawesome-webfont.ttf INFO Generated: css/fonts/FontAwesome.otf INFO Generated: css/fonts/fontawesome-webfont.eot INFO Generated: js/jquery-3.4.1.min.js INFO Generated: css/images/banner.jpg INFO Generated: css/fonts/fontawesome-webfont.svg INFO 17 files generated in 1.98 s E:\BarryFlynn\Github\Barry-Flynn.github.io>
此时我的文件夹目录下会出现 public 这个文件夹，里面存放的就是我的站点的静态文件。
八、与远程仓库建立关联
接下来我们将本地的仓库与此前在 GitHub 上建立的仓库建立关联。
输入 git init 初始化 Git 仓库，只需要执行一次即可，看到：
E:\BarryFlynn\Github\Barry-Flynn.github.io>git init Initialized empty Git repository in E:/BarryFlynn/Github/Barry-Flynn.github.io/.git/
在将其部署到 GitHub Pages 上之前，我们最好先建立一个分支。
什么是分支？
Git 提供了版本管理功能，其中还有一个分支功能，你现在可以简单地将其理解为平行世界。
你的名字.github.io 部署后，GitHub Pages 将默认使用你的 main分支（以前叫 master分支，一个意思，主要分支的意思）作为静态文件部署。所以我们最好新建一个 hexo 分支（命名无所谓）用来存储 Hexo 地源代码，master 分支则用来存储部署后的静态文件。为了方便，不想其他名字了，这个分支我就起名叫 hexo 吧。
新建该分支的命令语句是 git checkout -b hexo ，然后回车，可以看到：
E:\BarryFlynn\Github\Barry-Flynn.github.io>git checkout -b hexo Switched to a new branch 'hexo' E:\BarryFlynn\Github\Barry-Flynn.github.io>
这时便成功建立了一个 hexo 分支。（此后的工作都将在 hexo 分支下进行）
你可以通过git branch -v来查看当前有哪些分支，使用git checkout 分支名来切换到对应的分支。
九、部署到 GitHub Pages
为了更方便的部署到 GitHub Pages，Hexo 提供了 hexo-deployer-git 插件。
老规矩，安装该插件，要输入下面命令，
npm install hexo-deployer-git
回车后可以看到
E:\BarryFlynn\Github\Barry-Flynn.github.io>npm install hexo-deployer-git npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) + hexo-deployer-git@3.0.0 added 1 package from 1 contributor and audited 244 packages in 8.166s 15 packages are looking for funding run `npm fund` for details found 0 vulnerabilities E:\BarryFlynn\Github\Barry-Flynn.github.io>
下面对 Barry-Flynn.github.io 文件夹下的 _config.yml 文件进行配置。
右键 _config.yml ，打开方式选VS Code（或者直接用VS Code打开该文件），
滑到最下面，把关于
# Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy:' '
的这段代码补充为
# Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: git repo: https://github.com/Barry-Flynn/Barry-Flynn.github.io #仓库地址 branch: main # 默认使用 master 分支(Github现在改名为main分支) message: Update Hexo Static Content # 你可以自定义此次部署更新的说明说明
Ctrl+S保存，退出VS Code，部署！
终端里输入命令 hexo deploy 后（或者缩写为 hexo d ）回车，我的电脑显示：
E:\BarryFlynn\Github\Barry-Flynn.github.io>hexo deploy INFO Validating config INFO Deploying: git INFO Setting up Git deployment... Initialized empty Git repository in E:/BarryFlynn/Github/Barry-Flynn.github.io/.deploy_git/.git/ Author identity unknown *** Please tell me who you are. Run git config --global user.email "you@example.com" git config --global user.name "Your Name" to set your account's default identity. Omit --global to set the identity only in this repository. fatal: unable to auto-detect email address (got '10272@DESKTOP-N3PNS7C.(none)') FATAL { err: Error: Spawn failed at ChildProcess.<anonymous> (E:\BarryFlynn\Github\Barry-Flynn.github.io\node_modules\hexo-util\lib\spawn.js:51:21) at ChildProcess.emit (events.js:400:28) at ChildProcess.cp.emit (E:\BarryFlynn\Github\Barry-Flynn.github.io\node_modules\cross-spawn\lib\enoent.js:34:29) at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12) { code: 128 } } Something's wrong. Maybe you can find the solution here: %s https://hexo.io/docs/troubleshooting.html E:\BarryFlynn\Github\Barry-Flynn.github.io>
是的，部署出错（FATAL）了,“ Please tell me who you are.”
原来是创建git文件夹的时候信息不完善导致的，
它提示我需要运行（Run）下面两行程序，来设置我帐户的默认标识。
git config --global user.email "you@example.com"
git config --global user.name "Your Name"
注意双引号前有空格，邮箱随便填也可以，比如QQ邮箱啥的，
我用的这个邮箱查找路径是：点击Github主页右上角头像，点击settings，点击Emails，然后就能找到Github的这个邮箱了
那么我分别输入这两个命令按回车，可见下方代码：
E:\BarryFlynn\Github\Barry-Flynn.github.io>git config --global user.email "Barry-Flynn@users.noreply.github.com" E:\BarryFlynn\Github\Barry-Flynn.github.io>git config --global user.name "Barry Flynn" E:\BarryFlynn\Github\Barry-Flynn.github.io>
再用命令 git config -l 查看所有的配置信息
E:\BarryFlynn\Github\Barry-Flynn.github.io>git config -l diff.astextplain.textconv=astextplain filter.lfs.clean=git-lfs clean -- %f filter.lfs.smudge=git-lfs smudge -- %f filter.lfs.process=git-lfs filter-process filter.lfs.required=true http.sslbackend=openssl http.sslcainfo=E:/Git/mingw64/ssl/certs/ca-bundle.crt core.autocrlf=true core.fscache=true core.symlinks=false pull.rebase=false credential.helper=manager-core credential.https://dev.azure.com.usehttppath=true init.defaultbranch=master user.email=Barry-Flynn@users.noreply.github.com user.name=Barry Flynn core.repositoryformatversion=0 core.filemode=false core.bare=false core.logallrefupdates=true core.symlinks=false core.ignorecase=true E:\BarryFlynn\Github\Barry-Flynn.github.io>
可以看见下面这两条信息，代表信息以及完善上去了
user.email=Barry-Flynn@users.noreply.github.com
user.name=Barry Flynn
那我们接着部署吧！
终端里输入命令 hexo deploy 后（或者缩写为 hexo d ）回车，我的电脑再次报错：
E:\BarryFlynn\Github\Barry-Flynn.github.io>hexo deploy INFO Validating config INFO Deploying: git INFO Clearing .deploy_git folder... INFO Copying files from public folder... INFO Copying files from extend dirs... warning: LF will be replaced by CRLF in 2021/08/25/hello-world/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in archives/2021/08/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in archives/2021/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in archives/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in css/fonts/fontawesome-webfont.svg. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in css/style.css. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in fancybox/jquery.fancybox.min.js. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in js/jquery-3.4.1.min.js. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in js/script.js. The file will have its original line endings in your working directory [master (root-commit) a9fc5f8] Update Hexo Static Content 17 files changed, 5174 insertions(+) create mode 100644 2021/08/25/hello-world/index.html create mode 100644 archives/2021/08/index.html create mode 100644 archives/2021/index.html create mode 100644 archives/index.html create mode 100644 css/fonts/FontAwesome.otf create mode 100644 css/fonts/fontawesome-webfont.eot create mode 100644 css/fonts/fontawesome-webfont.svg create mode 100644 css/fonts/fontawesome-webfont.ttf create mode 100644 css/fonts/fontawesome-webfont.woff create mode 100644 css/fonts/fontawesome-webfont.woff2 create mode 100644 css/images/banner.jpg create mode 100644 css/style.css create mode 100644 fancybox/jquery.fancybox.min.css create mode 100644 fancybox/jquery.fancybox.min.js create mode 100644 index.html create mode 100644 js/jquery-3.4.1.min.js create mode 100644 js/script.js fatal: unable to access 'https://github.com/Barry-Flynn/Barry-Flynn.github.io/': OpenSSL SSL_read: Connection was reset, errno 10054 FATAL { err: Error: Spawn failed at ChildProcess.<anonymous> (E:\BarryFlynn\Github\Barry-Flynn.github.io\node_modules\hexo-util\lib\spawn.js:51:21) at ChildProcess.emit (events.js:400:28) at ChildProcess.cp.emit (E:\BarryFlynn\Github\Barry-Flynn.github.io\node_modules\cross-spawn\lib\enoent.js:34:29) at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12) { code: 128 } } Something's wrong. Maybe you can find the solution here: %s https://hexo.io/docs/troubleshooting.html E:\BarryFlynn\Github\Barry-Flynn.github.io>
又报错了？我很晕。问了群里大佬，说可能是国内的墙导致的网络问题。好吧，免费的那个什么软件工具果然不太靠谱。解决该问题并重新连接后第三次输入命令 hexo deploy ，回车
E:\BarryFlynn\Github\Barry-Flynn.github.io>hexo deploy INFO Validating config INFO Deploying: git INFO Clearing .deploy_git folder... INFO Copying files from public folder... INFO Copying files from extend dirs... warning: LF will be replaced by CRLF in 2021/08/25/hello-world/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in archives/2021/08/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in archives/2021/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in archives/index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in css/fonts/fontawesome-webfont.svg. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in css/style.css. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in fancybox/jquery.fancybox.min.js. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in index.html. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in js/jquery-3.4.1.min.js. The file will have its original line endings in your working directory warning: LF will be replaced by CRLF in js/script.js. The file will have its original line endings in your working directory On branch master nothing to commit, working tree clean info: please complete authentication in your browser... Enumerating objects: 31, done. Counting objects: 100% (31/31), done. Delta compression using up to 4 threads Compressing objects: 100% (25/25), done. Writing objects: 100% (31/31), 882.21 KiB | 4.98 MiB/s, done. Total 31 (delta 3), reused 0 (delta 0), pack-reused 0 remote: Resolving deltas: 100% (3/3), done. To https://github.com/Barry-Flynn/Barry-Flynn.github.io + 4b62927...a9fc5f8 HEAD -> main (forced update) Branch 'master' set up to track remote branch 'main' from 'https://github.com/Barry-Flynn/Barry-Flynn.github.io'. [32mINFO [39m Deploy done: [35mgit[39m E:\BarryFlynn\Github\Barry-Flynn.github.io>
成功了！Ohhhhhhhhhhh~
等待完成后，打开网址 https://你的名字.github.io 就能看到你的线上网站了！
使用 https，http 可能无法正常打开。HTTPS 是多了安全加密的 HTTP，Chrome 浏览器已经默认会显示
http链接为不安全。为了安全，建议开启强制 https 跳转。
项目地址页面 -> Settings -> Options -> GitHub Pages -> Enforce HTTPS。（翻到下面）此时，http 网址会自动重定向到 https
十、备份与自动部署
我们当前只是将生成的静态文件部署到了云端。
为了以防万一，我们应该将网站的源代码文件也推送到 GitHub 仓库备份。
输入下方代码按回车，与远程 Git 仓库建立连接，只此一次即可
git remote add origin https://github.com/你的用户名/你的名字.github.io
但我一开始因为手抖，没输完就按回车了，如下：
（注意，这是错误代码！没输完整）
E:\BarryFlynn\Github\Barry-Flynn.github.io>git remote add origin https://github.com/Barry-Flynn
查了一下，我需要运行输入 git remote rm origin 删除远程地址，
然后再输入一遍正确的命令与远程 Git 仓库建立连接，之后就行了：
（你们不用执行这一步哦，我是因为输错地址导致绑定错了）
E:\BarryFlynn\Github\Barry-Flynn.github.io>git remote rm origin E:\BarryFlynn\Github\Barry-Flynn.github.io>git remote add origin https://github.com/Barry-Flynn/Barry-Flynn.github.io
接下来准备提交，这三句命令将是你以后每次备份所需要输入。
（括号内为注释，不用输入哈！）
（添加到缓存区） git add -A （这次做了什么更改，简单描述下即可） git commit -m （第一次提交时，你可能需先运行下面命令设置一下默认提交分支） （git push --set-upstream origin hexo） （推送至远程仓库） git push
之后写文章可以在该项目下写，与之前一样，只不过这里同时管理了两个分支。
master -负责展示静态网页
hexo -备份本地hexo文件
master分支更新
hexo d
hexo分支更新
git add . #添加所有文件到暂存区 git commit -m "新增博客文章" #提交 git push origin hexo #推送hexo分支到Github
总结
好了，这就是本篇文章：
【Hexo博客搭建】将其部署到 GitHub Pages（二）：如何初始化并部署？？
的全部内容了，更多内容会很快写出来，尽情期待。
