用Node.js和GitHub Pages搭建博客 0504

这是一篇从5月4日写到了5月5日的博客~

首先，我要向师兄的耐心表示敬意

上周日正式开始试着搭建博客，中途遇到了不少问题，傻子师兄一边以为我跟着教程做的，一边不厌其烦地给我纠正错误。
但是！回想起来我一个纯种文科生，为什么会跑去做这个鬼东西？——事实是这样的：我问师兄这周的任务怎么样了？UML图画出来了没有？他说自己很迷茫，主要在折腾前端，结果感觉没有理清楚需求，也没有设计图，然后扔给我一个网站，据说是自己写的——好吧好吧，自卑中……顺理成章地我向他抱怨电脑找不到node.js的路径，一气之下就把它给卸载了，结果PyCharm似乎被我误伤了，不能运行。（实际上就是昨天犯的错，运行文件没有加后缀）他就问我是不是用Hexo，等我回答是之后他就来了兴趣，先是让我重装Node，又让我检查python的路径，甚至还开虚拟机帮我看是什么问题，这样一来我当然不好意思告诉他我打算五一节之后再弄啦，只好跟着一步步地走。
接下来遇见一系列问题，现在看来（当时也是）都有点傻的错误，幸好师兄没有嘲笑我，否则我铁定倍受打击再不想碰这个东西了。

---

中途遇见的问题的详细描述放在后面一起说吧~

---

简化的步骤

搭建Node.js环境

下载+安装 https://nodejs.org/en/
然后桌面空白处shift+右键打开命令窗口，输入node -v和npm -v，检查版本和安装情况

搭建Git环境

下载+安装 https://git-scm.com/
注意勾选on the desktop和use a true type font
桌面右键打开Git Bash Here，输入git --version检查安装情况

GitHub注册和配置

因为之前已经注册过github，所以我只需要添加仓库就好了
yourname/yourname.github.io

Hexo的安装和配置

在Git Bash Here中输入npm install hexo-cli -g以及hexo version检查版本和安装情况
然后，初始化Hexo：输入hexo init yourname.github.io(修改用户名）以及，cd yourname.github.io（修改用户名）和npm install，完成后会有新建的目录出现。
接下来输入hexo server，应该就能在本地运行hexo了（当时在自己的电脑上看见那个日出还是什么的时候好激动啊啊）

关联Hexo和GitHub Pages

新建一个文件夹（初次看的博主没有说这一步，绕了好多路）
在文件夹的空白处打开命令窗口，生成并关联SSH Key到GitHub
然后测试：输入ssh -T git@github.com，得到反馈后依它的输入yes

配置个人信息

输入git config --global user.name "yourname"（改用户名）
和git config --global user.email "@qq.com"(补全QQ邮箱）

配置Deployment

这是我犯错最多的地方，甚至一度傻到把中文的指令解释都输入执行，估计电脑当时心里在骂“哪个笨蛋？！”
在_config.yml中找到Deployment文件，用记事本打开
找到这一段并修改为如下：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:yourname/yourname.github.io.git
  branch: master

要注意冒号后有空格；并且注意修改用户名

最后一步：将本地文件提交到GitHub Pages

输入指令hexo g，然后hexo d（据师兄说，还可以hexo g & hexo d 一行命令就重新部署了）
在我的安装过程中指令失败，还需要安装一个扩展npm install hexo-deployer-git --save，在这里闹了个大笑话，我以为要下载安装包，师兄让我等一下的时候我就以为他有事所以让我等一下，结果他的意思是等我这里安装好了再hexo g
到这里就全部完成了，但是接下来一个更加艰难的问题摆在了我的面前——搭好之后呢？师兄emm了一下，说：你可以写篇文章庆祝一下，可能他还不知道我根本不知道要怎么用吧……为什么他总是觉得我会啊！我就是什么都不知道，全是跟着步骤走的呀！

回过头来

在外面跑了一个下午之后，昨晚接着做的。重复之前的步骤时都比较顺利，可能是已经犯过错了的缘故吧，直到最后一步，主要是在deploy那一步出了问题，我问师兄我哪里没对，他告诉我“没错啊，你不是一次过了吗？”大佬真看得起我啊，这中间的每一次障碍如果没有他，我一个都解决不了。我又说本地文件提交到github那里怎么不对，他依然是那句话“你只是忘了部署，总体来说是一次过。”这，这真是养孩子一样的鼓励啊……后来中间还有好多次理解错他的意思，比如让我hexo deploy，问我之前安装成功了吗？我以为问的是hexo——因为解答疑惑的时候告诉我说包管理器自动处理，还反问我“不然你之前怎么安装的hexo？”我当然就以为这里问的是hexo有没有安装成功嘛。
中间每一步都是截图，还是复制指令，因为我照着打的命令都常常出错。最重要的一句话“一旦有报错就不要继续往下，先解决错误”和“继续，每一步截图”，哇感觉自己受到帝王级的待遇，竟然让信软大佬一步一步地教。而之前自己照着官网说明做的时候，都没怎么看反馈，只要没有出现红字就接着走，到最后啥也不知道，也许从很早以前就出错了。
搭好之后师兄才知道markdown我一直都是用的在线编辑器，还很好心地推荐了马克飞象，因为考虑到我用印象笔记。但是今天我转投了有道云，因为印象笔记本身不支持markdown以及其他一些功能，需要自己熟悉插件，想起上周才续了印象笔记我感到难受。后来还是告诉了他说我改用有道云了，他回“……惊了”吓我一跳，以为还得转回印象笔记去，谁知道他说他当初就是这样转有道的——哇那就好了啊，现在就专心学习，还有读书笔记，还有小说的更新——发现有好多事情都被我抛在脑后了，这周连比赛都没顾上，不过估计他那边也忙着考试没有推进吧。
主要技术支持来自师兄，还参考了两位博主的博客：白小明和Xuanwo
感谢三位啦啦~

写这篇文章时，看见美丽的蓝花楹

上午都在图书馆，湖边的蓝花楹全开了，这才知道那棵树竟是蓝花楹。去年冬天，在为期末考试复习的那段时间里，从早到晚都窝在图书馆，每隔一个小时就到落地窗这里来望望远处，当时看见它光秃秃的，还以为它是栾树来着。这是我第一次看见蓝花楹开花的样子，和想象中是一样的温柔浪漫，只是没想到它的花只能从上面看，因为柔软的蓝色花瓣都开在树冠，在树荫下是看不见的。从去年进校看见它们奇幻的树冠和叶片开始，我就盼望着花开的时节，而今年温暖的四月里，终于等到了。远远地望见组团旁的那棵蓝花楹的时候，会觉得整颗心都被它们融化了，像闲闲地躺在白云上一样，而图书馆旁边的那一棵和远处的主楼、树林形成了绝佳的组合景色，树林那浓密的绿色层层叠叠，掩映其中的是主楼洁白端庄的身姿，右边还有小小的西湖一角，有时候在阳光下泛着金色光芒。此时，蓝花楹温柔的紫色就成了点睛之笔，将入眼的画面全都点染上轻盈的梦，好像身在幻境之中。