第一篇博客,讲讲搭建过程

题外话

奔溃了,第一个经验教训,不要在在线MarkDown编辑器上写东西,写了一个小时,没保存,网页跳转后,全部内容都丢失了。

起因

紧张但是又悠闲的期末复习周,也即2021年1月17日晚上,在复习运营管理的内容,实在是枯燥无聊,于是只觉得万物都变得有趣了起来,原先设想过的待办的点子都一股脑出来了。不过因为是在思源学堂的办公室,所以不太可能光明正大地打游戏来摸鱼,这显然不可取,毕竟有人打游戏吃零食被拍了照片发群里,挺丢脸的(虽然自习也是被禁止的)。那么好久之前就设想过的搭建个人博客网站,就变成了极佳的选择,因为需要敲代码,看上去总归是在办正事。
在搜罗了一些背景资料后,选择倚靠GitHub与Hexo来搭建自己的博客,于是有了这篇文章来做分享,我将从完全小白(自身)角度出发,一板一眼还原过程,希望对如果也想搭建个人博客的你有所帮助吧。

安装Git与运行

来,第一步,注册一个全球最大同性交友网站的账号,百度搜索GitHub,这是个外国网站,但是没有墙,所以可以流畅访问,用你的邮箱注册就可以了。进去之后呢,先点击New repository来创建,把它命名为“你的用户名.github.io”,然后请一定要注意,
不要设置为private!
不要设置为private!
不要设置为private!
那好,下一步学会下载Git,请从国内淘宝镜像下载,因为外国网站是在是太慢了。安装的话,除了你想控制安装路径外,别的都选默认就可以了,无妨。如果安装成功了的话,你可以在自己的电脑的开始界面,看到叫做“Git Bash”的东西了。接下来,你需要知道有关叫做CMD的东西,它就在你的电脑上,就像是你看电影里的顶级黑客经常用的背景为黑色的玩意。电脑搜索框搜索“CMD”就可以看到它,点开,敲代码该干活了,切换到英文输入法,输入以下代码,输入第一条后,按下回车键,等它运行完,再输入第二行,再按回车键:

1
2
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

然后输入以下代码来生成密匙:

1
ssh-keygen -t rsa -C "你的GitHub注册邮箱"

连续按三个回车即可,这个时候你去自己的C:/user/用户名/.shh文件夹里,会发现一个叫做id_rsa.pub的文件,用txt打开它,复制里边的内容。然后打开这个页面,新建new SSH Key,标题随便填,然后在Key框里放入你刚刚复制的内容。然后继续在CMD里边输入如下命令,再按回车:

1
ssh git@github.com

如果出现了三行美妙的英文,那么恭喜你成功了,电脑记住了你的存在,不会再让你重复输入账号密码了。好的,第一环节结束,恭喜你。

安装Node

不用去理会这是什么东西,因为你我是小白,先达成目标即可。同样的,不要在官网下载它,太慢了,来这里,唔,如果你有梯子的话,当然直接在官网下也行。然后安装也是一样的,默认选项即可,路径自选。然后在CMD里输入以下内容,操作如前述:

1
2
node-v
npm-v

如果出现了应用的版本,则说明你安装成功了,到这一步,你已经成为小白里的前50%的存在了,目标达成就在眼前。

安装Hexo

Hexo是什么,简单讲一下。如果你是细心的互联网冲浪选手,会发现很多网站底部都有Powered By xxx的字样,而Hexo就是xxx里的一个,也就是我们搭建个人网站的框架。到这里,请你在自己电脑喜欢的位置新建一个文件夹,建议命名为Myblog,当然,你可以自主命名,但是请不要含有中文字符。妥,记住你的这个文件夹位置,例如D:/Myblog,然后在CMD里输入以下代码运行:

1
2
D:
CD D:/Myblog

这一个步骤是为了把CMD的命令从默认的路径搬到你的Myblog文件夹里。
然后我们输入以下代码安装Hexo:

1
npm install -g hexo-cli

因为是安装,所以还得等它自己下载,速度的快慢取决于你的网速,虽说可以把它也调整到国内源,但是因为笔者亲测速度慢但是处于可以接受的范围,所以不给添麻烦,稍安勿躁。
下载完成了后,我们输入以下代码来初始化也即创建我们的博客:

1
hexo init blog

如此,实际上我们的博客已经建好了,我们再输入以下三个命令,来看看自己博客的情况:

1
2
3
hexo new chongya
hexo g
hexo s

运行完毕后,你在自己的浏览器打开地址localhost:4000 ,就可以看到自己的博客了!当然它是默认的,而且是没联网的,我们得继续努力。在进行关键下个步骤的讲解复盘前,我们总结几条常用Hexo命令,你不需要死记硬背,只需要用的时候瞥一眼就行。

1
2
3
4
5
6
7
8
9
10
11
npm install hexo -g     #安装Hexonpm update 
hexo -g #升级 hexo init #初始化博客命令简写
hexo n "我的博客" == hexo new "我的博客" #新建文章 意为hexo n "我的博客"和后者代码等效,下同
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo server #Hexo会监视文件变动并自动更新,无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存,若是网页正常情况下可以忽略这条命令

上传网站

也就是我们期待很久了的,把你的网站放到网上让朋友们也能看到的操作。在此之前,我们需要注意一个文件,在我们的D:/Myblog中,叫做config.yml,它叫做站点配置文件,很有用。我们先打开它,找到它的这个部分并且补充修改为以下内容:
deploy:
type: git
repo: http://github.com/GitHub用户名/GitHub用户名.github.io.git
branch: master
注意,每个冒号后都得有空格。
然后我们再在CMD里输入运行代码如下:

1
npm install hexo-deployer-git --save

再输入:

1
2
3
hexo clean 
hexo g
hexo d

行,到这里一切顺利没有出问题的话,你的朋友就可以通过在浏览器输入你的用户名.github.io到达你的网站了!Congratulation!

绑定域名

我知道,大伙肯定不会满意这个丑丑又难听的网站域名。但是,这是免费的,好听的你得买!去腾讯云吧,买个域名很简单,这里不做介绍,因为你百度腾讯云后,是个很友好的商业界面,我们说说买完了后你要干什么。
第一步,实名认证,不实名认证的话,你的域名是没有办法生效的,也就是无用。从提交身份证实名认证到审核完成后,大抵需要一天时间。
第二步,添加解析如下图,聪明如你,到这里说明你已经超过90%的小白,应该能看懂这个图。
one
第三步,在GitHub你创建的repository里点击settings,找到custom domain选项,把你买的域名填进去保存。
第四步,在D/Myblog/source创建一个txt文件,命名为CNAME,然后把你的域名填进去,别加www,然后另存为所有类型,然后把它的txt后缀删除。然后CMD:

1
2
3
hexo clean
hexo g
hexo d

完成这一步后,你就省略了每一次布置网站上传网站都得在GitHub绑定域名的麻烦了。

更换Hexo主题

你不喜欢丑丑的域名,自然也不会喜欢默认的丑丑的博客主题,那么你可以来这里进行挑选,然后CMD操作进行更换:

1
git clone https://github.com/作者GitHub用户名/hexo-theme-主题名 themes/主题名

运行完这个后,你就把人家的主题下载到自己的电脑里边了,它在D:/Myblog/themes里。好,到这一步,你还没有用上这个主题,你得打开我们前面说的D:/Myblog/config.yml文件,把theme: 改为theme:主题名,这样一来,你就用上了这个主题。
之后,因为主题里面也有很多内容可以编辑修改,你可以通过打开D:/Myblog/themes/config.yml来进行修改,需要注意的是,这个yml后缀文件是主题配置文件,不同于我们上面说的站点配置文件,所以千万别搞混。至于怎么修改这个文件来进行网站的配置,你可以看作者的GitHub,作者们一般都会无私告知,发挥你的想象力吧!

怎么发布文章

你的D:/Myblog/source/posts文件夹下面,应该有几个后缀为md的文件,这些个文件就是你发布的文章,下载MarkDown编辑器吧,开始书写文章,然后把他们放到这个posts文件夹里边,就万事大吉了!你要问我MarkDown是个什么东西的话,请来这里学习。聪明的你,一定不难掌握这门基础的语法,毕竟它比英语、法语的语法简单多了不是吗?

说在最后

现在是2021年1月21日凌晨3:48。我在思源学堂等着,等到点坐大巴去机场,窗外下雨,淋雨来的思源,不得已把外套脱掉了,总归是有点寒意的。但同时又觉得幸运,思源的环境可比网吧好多了,在这里独享清闲,不是件坏事。


最后,昨天发布的疫情最新通知让我意识到,我们仍然处于新冠肺炎疫情的阴影之下,祈望新的一年,国泰民安,吉祥如意。