hexo博客搭建

发表于 2020-02-14更新于 2020-02-19字数统计 1.8k阅读时长 10m

(13)

hexo博客搭建指南!

鸽自己好多天,原本说建完站就写个建站过程和心得,不能再拖下去了,必须冲了!

前言:为什么要建个人博客

这是非常重要的一点!

建博客这个想法,说实话我原本根本都没有想过去建自己的博客,直到大学一个很好的朋友跟我提到说起了建博客这件事,我才有了建博客的念头,正好今年冠状病毒导致的开学延期,让我有充足的时间去准备,我也确定了要建个人博客。

为什么要搭建个人博客?

这点我想对于每个人都不一样,对我而言,更多的是一种记录,打卡坚持,激励自己把知识点都上传,当然还有一种很舒服的感觉。

如果你只是想装逼,🆗,这篇文章太合适你了,傻瓜式教学,照着做就行;如果你真正是想建一个博客来记录学习知识,🆗,这篇文章太合适你了,傻瓜式教学,照着做就行。

综上所述,我是不要脸,但是要一定要明确自己建站的目的,这对你的坚持动力和未来建站的优化有一定的区别。

那么建站是不是有非常多的好处呢?

废话,没好处你能进来看这文章?但是要分清楚,做大部分事都是有好处的,就算是学习一门很偏僻的语言都有好处,这个好处对你有没有用,取决于你的未来规划。

如果你未来去的地方正好讲那个偏僻的语言,那好处不就大了!如果你后半生可能都用不上那种语言,那么虽然有好处,但是这好处对你的影响不大!

同理,建站是不是有非常多的好处?肯定的是有好处,但是根据看你未来的发展规划,来确定在同样有好处的情况下,你是应该去学很偏僻的语言,还是来建站。一切因个人而异,确定下来自己为什么要建站,想好原因,just do it!

步骤

大致情况

搭建个人博客=域名+外网服务器+解析

准备工作

学会Github的使用

教程建议参考网站:

Github新手使用指南

Github是一个代码托管平台。开发者提交自己的代码,大家可以共享工作成果,很多出名的人把代码都发布到上面,而且是开源的,这个可以互相吸取经验,借鉴别人的代码,思想,共同进步。而且一般大公司的什么网站啊,什么软件发布啊都有一些是通过git这个平台发布的。很多国外国内大牛们都把代码提交到git平台,所以GitHub越来越好,越来越出名。

所以,不仅是为了博客搭建,就算是为了更好地交流学习,学会利用GitHub是非常有必要的。

购买域名

非常简单的一步啊,所谓域名最简单的解释就是我这个博客的域名就是www.tuonan.fun

你需要选择并购买一个域名,来作为你的标识。

平台很多,这里推荐腾讯云、阿里云、百度云等,其实都差不多,价格可以自己看,最便宜的5元首年的都有。

开始操作

下载node.js

下载链接:https://nodejs.org

这里建议下载左边的

下载好一路确定,什么事都不用操作,安装好。

安装hexo

在本地磁盘(如C盘、D盘)中新建一个文件夹Hexo用于存储本地文件, (因为我已经安装了,且只有C盘,这里就新建文件夹‘演示’,来代替本地磁盘),打开刚刚新建的文件夹Hexo,右键选择Git Bash Here .

在git命令框输入(npm install -g hexo)

输完回车,耐心等待一段时间,会出来一大串东西,等再次回到这个界面时,我们可以检测版本输入 hexo -v

出现这样的结果时说明安装完成,这时我们再执行初始化命令:hexo init ,初始化完成之后打开所在的文件夹可以看到以下文件:

1
2
3
4
5
6
7
8
node_modules:是依赖包
public:存放的是生成的页面
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章
themes:主题
_config.yml:整个博客的配置
db.json:source解析所得到的
package.json:项目所需模块项目的配置信息

启动服务:

再相继输入以下指令:

(npm install –> hexo clean –> npm generate –>hexo server)

在输入 hexo serve 之后

浏览器输入http://localhost:4000,理论上来说会出现本地访问页面,这时可以看到初步博客的样子。

在github上面创建项目

新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是qq,那么你就新建qq.github.io的仓库(必须是你的用户名,其它名称无效)

11

12

设置网站解析

这里我以腾讯云为例:

7

点击解析后,选择添加记录,向如下设置,CHANE 的记录值填cqsg.github.io (cqsg是我github的名字,就是上面注册github项目的名字即你的用户名,比如你用户名是hhh,就填hhh.github.io)

8

红色遮挡的记录值填写你的IP地址

不知道IP地址是多少?

键盘快捷键win+r输入cmd回车/或者win+x->a->是

得到如下dos窗口后输入ping cqsg.github.io

9

会出现这样的,红色的内容就是IP地址了,把它复制到上面,点击保存,解析就差不多完成了。

因为你刚才创建的项目已经被放到github服务器上面了,所以你这样相当于租用了github的服务器

Hexo目录下的source中建一个CNAME命名的文件夹(切记没有后缀)

创建方式,

右键新建txt文本->输入你购买的域名www.tuonan.fun ->保存关闭

10

再到github上,刚刚创建的仓库内,找到settings

13

向下滑找到这个,在Custom domain里输入你购买的域名,比如我应该输入www.tuonan.fun ,输入完点击save

14

修改_config.yml

在Hexo目录下

15

打开_config.yml ,拖到最下面,deploy改成我这样的格式,repository这里后面把cqsg/cqsg.github.io 改成 你的用户名/你的用户名.github.io就好

16

使git部署

一步之遥了兄弟们,

输入npm install hexo-deployer-git –save

再输入执行:(hexo clean –>hexo generate –>hexo deploy)

大功告成兄弟们,你的博客建好了!

剩下的就是github的模板应用以及优化美化问题了,优化的我已经出了,可能的话我再会出一期关于博客美化的文章!!

心得体会

终于写完了❤

自从经历了大失败过后,很久没有享受到完整自觉去做完一件事所带来的成就感了,这里找回了一点感觉,继续加油努力吧自己!!!