前言
起初也是心血来潮想弄个博客玩,以前也有过这种想法,于是为了不再拖延,就立马行动起来了。这个博客搭建的磕磕绊绊的,但最后还是弄出来了,很简单,就是很琐碎,花费了七天,当然也是抽空弄得。
中间进过很多坑,有一些细微的地方没有注意就会出错导致网页刷不出来,而且有些教程发布的有些许久远,不太适合现在的环境,耽误了很多时间。博客是根据我目前(2020年9月)的Next的版本(v7.8.0)并基于Github搭建的,所以,你首先要有个Github账号!
Github
Github是一个开源的平台,里面有很多程序员开发的代码可以共享,我们的个人博客就托管于github这个平台。为什么选择github呢?因为穷啊!!!在搭建这个博客的前一天,突然看到阿里云的轻量应用服务器需要交费三个月及以上才能给我注册的域名备案(域名注册后需要三天才能备案),域名阿里云新用户第一年6元,往后是69¥/年,轻量型服务器(1核CPU、1GB内存、1Mbps带宽、20GB SSD)配置费用一年612¥,果断告辞,个人玩家不配拥有!!!
这时,github映入我的眼帘,在参考网上诸多博客之后,就它了。毕竟有个闲置N年的github账号一直没机会用,机会终于来了,看吧,成功是给有准备的人的!关于github注册账号,没有的人简单注册一个就行,不用太花里胡哨,用英文名或者中文名拼音当用户名方便点,这个用户名就是你个人博客网址的主体部分,比如我的:miaoshitong.github.io
,有域名的后期博客建好了可以解析一下,这样域名也能登你博客,不过目前阶段暂不需要。
Jekyll & Hexo
选好博客的托管平台了,后面就是选择适合的博客框架。网上看用的比较多的有 Jekyll和Hexo,下面分别简单介绍一下吧。
Jekyll
Jekyll官网提供的主题不好看(个人观点)。
Hexo
Hexo官网提供的主题好看(很多人观点)。
你的选择
经过上面详细的对比,你一定选的也是Hexo,所以我们有了共同的基础,可以进行下一步了。目前Hexo有324款主题,但作为初次尝试建博客的小白(是我)来说,还是遵从一下主流的选择:Next,你选不了吃亏,选不了上当,很多博主的博客都是根据Next改的,到时候可以一点一点模仿,减少犯错成本。
安装 Git
先根据你电脑安装个git,后面需要一些指令来简化博客搭建过程。下载之后,一直next
就可以了。安装后在Hexo文件夹右键单击选择Git Bash Here
,会出现一个可以输入代码的小黑框,常用的命令如下:
代码 | 作用 |
---|---|
$ hexo n "博客名称" | 创建新文章 |
$ hexo clean | 清除缓存网页 |
$ hexo g | 生成静态网页 |
$ hexo s | 本地预览网页(http://localhost:4000),还可以通过程序反馈找出错误地方 |
$ hexo d | 部署到Github,即发布网页正常浏览 |
一般操作就是clean、g、s
三连,没啥问题就$ hexo d
安装 Hexo
接下来就需要安装Hexo了,官方有教程,同时也找了一个比较清晰易懂的博客可以学习。
Next
Next安装
接下来就是安装博客主题Next了,在Hexo文件夹里有个themes文件夹,里面的默认主题是landscape,通过git下载好Next后,把landscape文件夹删除,并且把next文件夹下面有个名字有git的文件夹也删除,起初两天主题更改不成功问题就出在这里,经过多方面资料查找,算是解决了。
Next配置
最主要一点,很多教程提及的.swig
文件在新版Next中找不到,没关系,经过我的探索,应该就是后缀名.njk
的相应文件,打开方式记事本
就能编辑了。
新版的Next里面没有_custom.styl
文件,很多教程在配置Next的时候会用到,没关系,来看下大佬的博客,有解决方法。
还有一点,对小白(是我)来说,刚开始可能分不清,关于博客的配置有两个地方,一个是hexo文件夹下面的_config.yml
文件,这个叫站点配置
,还有一个是themes中next
文件夹下面的_config.yml
文件,这个地方叫主题配置
,相应的配置细节问题网上搜素一下就可以自定义了。
在配置完成的时候,一定先$ hexo s
本地预览一下,代码有错误在小黑框里能看出来,会有相应的提示,根据说明来把问题解决,没有问题本地预览一下也能让小白(是我)安心,部署到github出错就很慌,预览也就几秒不耽搁事。
最让我惊喜的地方是,在Hexo搭建博客页面还可以插入2D模型,22款模型,总有一款适合你。
博客建好了
流程很简单,但是对没接触过的人来说会有些陌生,尝试两三天就会对这个有个大致了解,能把博客搭建出来。不过博客也不用太花哨,内容最重要,还要坚持记录才行,大概的框架搭好,看着顺眼,就可以使用了!