Hexo建站系列之搭建

偶然之中,我与Hexo邂逅

当然啦,这里的Hexo并不是某个人

而是一款快速、简洁且高效的博客框架

一开始只是抱着尝试学习的心态去搭建的

到最后,我发现我爱上了这个框架

一切的开始

还要从昨晚我看到这篇推文开始。。。

Hexo 搭建个人博客简易教程

正巧当时正处复习完毕,闲的没事干

于是便开始捣鼓了起来

首先要具备以下条件:

①有Github账号

②会使用Git

③安装了Git Bash

④安装了NodeJs

若是不满足以上条件。。。

那就去满足它!

由于我没装过nodejs,于是赶紧下载了个nodejs安装,具体安装过程及遇到的问题这里不再阐述,请各位读者自行百度。正常来说一直下一步即可,主要是有没有自动添加进环境变量才是关键

安装好nodejs后,

也意味着包管理工具npm也一起装好啦

接下来就是要使用npm来安装Hexo

首先选择一个目录作为本地仓库,git bash打开,输入命令:

npm i -g hexo

安装完成后,执行初始化指令:

hexo init

随后本地目录就会出现相关文件啦

各文件目录功能这里就不一一阐述了,有兴趣者可自行查阅文档

这一步完成后,在Github创建一个仓库

此处yourename改为你想自定义的名称

没错,这就是大名鼎鼎的Github Pages!

免费建站,你值得拥有

创建完成后,就可以开始修改Hexo配置文件啦

打开_config.yml,修改deploy:后面的信息

Hexo可以用多种方式部署,这里使用的git

免费服务器不用白不用

配置信息简单明了,熟悉git操作的同学都懂

接下来,终于迎来激动人心的时刻

首先输入命令:

hexo generate

或者命令简写:

hexo g

顾名思义,先生成静态html文件

然后输入命令:

hexo server

或者命令简写:

hexo s

好的,如图所示

访问localhost:4000就可以看到网站啦

成功访问网站,如图显示的是默认主题

当然这还不算完,现在只是本地运行而已

输入命令:

hexo deploy

同样也可以命令简写:

hexo d

就可以把文件推送到远程仓库上啦

(在这之前要先安装一个包,命令为:npm install hexo-deployer-git --save)

随后会跳出登录框让你验证身份啦

正常来说输入正确后

就可以把文件上传到远程仓库啦

恩。。正常来说

很无奈,并不是很顺利,还是遇到问题了

显然上传不成功,查询官方文档,寻找原因

一个比较常见的就是Git没配置

但经过验证,我的Git完全没问题

于是又是一番搜索

最后找到答案

https://github.com/hexojs/hexo/issues/1495

总之我只需要把文件传到远程仓库

方法自然很多,我也可以用正常的git操作来做

但是我自然要选最轻松的

于是我将deploy设置中的仓库链接改成ssh形式

上传,弹出密钥输入框

输入私人密钥后,成功上传

怀着激动的心情,我访问了我的新博客地址(https://rollby.github.io/)

总算是搭建成功了,此时也已经接近零点了

于是怀着满足的兴趣告一段落了

此时,我还不知道

接下来Hexo竟会给我带来多么大的惊喜

未完待续。。。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180606G23T0S00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券