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

  1. 云栖社区>
  2. 博客>
  3. 正文

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

lerinaz 2018-05-05 13:00:12 浏览905
展开阅读全文

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

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

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


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


简化的步骤

搭建Node.js环境

下载+安装 https://nodejs.org/en/
然后桌面空白处shift+右键打开命令窗口,输入node -vnpm -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
感谢三位啦啦~

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

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

网友评论

登录后评论
0/500
评论
lerinaz
+ 关注