「免费博客搭建系列」基于hexo+GitHub搭建免费博客

HEXO是什么?

在开始搭建之前,先来科普一下hexo到底是个什么东西?下面是引用自Hexo官网的介绍,其实还少了一点,就是免费,哈哈哈。

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Hexo特性

超快速度,Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。
支持 Markdown,Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件。
一键部署,只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
丰富的插件,Hexo 拥有强大的插件系统,安装插件可以让 Hexo 支持 Jade, CoffeeScript。

为什么选择Hexo?

比较流行的一些静态博客框架有Jekyll,Hexo,Simple,Octopress,Pelican以及Lo·gecho等等,但最后我选择了Hexo来搭建自己的博客,主要原因除了上面所介绍的特性以外,还有一个决定性的原因,就是Hexo有很多很好看的主题可以选,哈哈哈。好了,废话不多说,下面开始我们的主题,搭建博客。

搭建步骤

一、安装nodejs,没装的戳这里

二、安装git,没装的,麻烦再戳一次

三、GitHub账号跟SSH绑定,没配置好的,请戳第三次

四、Hexo建站,这部分就没得戳了,往下看吧

1、安装Hexo
由于新版的nodejs已经集成了npm,所以安装nodejs的时候,npm也一并安装好了,所以现在可以用 npm 来完成 Hexo 的安装。创建博客项目的存放目录,比如E:\hexo\blog,在该文件夹中,右键点击git bash here,输入npm install -g hexo,即可完成hexo的安装。如下图所示。

安装hexo

输入hexo v 或者 hexo version,可以查看到相关插件的版本信息和环境信息。

查看hexo环境

2、初始化hexo
还是刚才的界面,输入hexo init实现初始化,如下图所示,说明初始化成功。

初始化hexo

Hexo 将会在当前文件夹中新建所需要的文件,文件夹目录和简单介绍如下

├── _config.yml   网站的 配置 信息,您可以在此配置大部分的参数。
├── package.json  应用程序的信息。
├── scaffolds   模版 文件夹。
├── source  资源文件夹是存放用户资源的地方。
   | ├── _drafts
   | └── _posts
└── themes  主题 文件夹。Hexo 会根据主题来生成静态页面。

再输入hexo s 或者hexo server,就可以启动hexo服务器了,默认情况下,访问网址为:http://localhost:4000/。

3、创建github仓库,需要注意的在图中特别说明了,一开始没有相同,踩了坑。

创建仓库

4、上传项目
打开配置文档_config.yml,滑到最下,可以看到depoly那一块的配置是空的,需要我们配置自己的上传的地址。type我们填git,repository我们加入刚才创建的仓库的地址,分支默认是master。有一点需要注意的是缩进问题,yml文件依靠缩进来确定元素间的从属关系。因此,请确保每个deployer的缩进长度相同,并且使用空格缩进。所以type、repository、branch冒号的后面都有一个空格,前面都是通过两个空格对齐。

仓库配置

修改好之后,回到git base窗口,输入npm install hexo-deployer-git --save,安装git发布插件。

安装git发布插件

接着输入hexo generate或者hexo g,来生成静态文件。

生成静态文件

接着输入hexo deploy 或者 hexo d,进行项目的发布。

发布
发布

上面两个命令也可以合并起来,直接输入hexo generate --deploy 或者hexo deploy --generate,让 Hexo 在生成完毕后自动部署网站下一步,我们打开刚才创建的仓库,点击Settings,往下拉到这里,可以看到已经提示我们的站点已经发布好了。

仓库的配置

于是满怀期待的打开了https://gopoop.github.io/,可以看到我们的网站最最最雏形的模样了,乱入了句歌词,哈哈。

 网站

到此我们的免费博客就搭建完成啦,如果觉得写的还可以,动动手指点个喜欢,哈哈。下一篇文章将会介绍怎么更换主题,还有编写文章。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容