Blog 搭建过程


玩博客有三个阶段:
一、是在平台写,但是写着写着就会发现限制太多。比如博客流量来了,你想挂个广告之类的也不行。
二、是自己购买域名和vps自己搭建后台,使用wordpress之类的博客系统,然后自己折腾点赞、评论等功能。但是维护麻烦。比如sql问题,ip问题,就要修复整个系统。
三、是使用基于github提供的pages静态网页功能,既可以免费,二来迁移方便。你完全可以把整个系统备份到git上,又保证了写作的自由性,不用维护。
本文介绍 Mac上搭建基于github的hexo博客过程。

1.Node.js 进入Node.js官网,一路安装即可。

因为Xcode自带git,所以就没必要下了,如果没有安装的同学可以移步hexo官方文档去下载git

2.安装Hexo
当Node.js和git安装好,下面就需要安装Hexo了,终端执行以下命令

sudo npm install -g hexo

3.Hexo 初始化

$ hexo init

$ npm install

$ hexo s

此时在浏览器中打开网址http://localhost:4000相信就可以看到一个静态网页

4.关联Github
创建Github账号并新建项目
项目名称为用户名.github.io的固定写法
cd 到blog文件夹下,vim打开_config.yml,命令如下

$ vim _config.yml
打开后滑倒最后,修改成下面的样子,下面的coding是我在codeing上新建的一个项目,因为在github上访问太慢,所以我新建了一个仓库。
deploy:
type: git
repository:
github: https://github.com/justknow23/justknow23.github.io
branch: master
注意:在配置所有的_config.yml文件时(包括theme中的),在所有的冒号:后边都要加一个空格,否则执行hexo命令会报错.
注意配置信息里面的行缩进,前面的空格很重要!!!!!!

修改完成之后保存退出,然后输入以下命令

hexo clean
hexo g
hexo d

5.安装主题
Hexo官网主题页献给大家大家可以去下载自己喜欢的主题去配置,以下以hexo-theme-next为例
终端cd到 blog 目录下执行如下命令:

$ git clone https://github.com/iissnan/hexo-theme-next themes/next
将blog目录下_config.yml里theme的名称landscape修改为next

终端cd到blog目录下执行如下命令(每次部署文章的步骤):

$ hexo clean //清除缓存文件 (db.json) 和已生成的静态文件 (public)
$ hexo g //生成缓存和静态文件
$ hexo d //重新部署到服务器
至于更改theme内容,比如名称,描述,头像等去修改blog/_config.yml文件和blog/themes/next/_config.yml文件中对应的属性名称即可,

6.绑定个人域名
在/blog/source目录下新建文件名为:CNAME文件,注意没有后缀名!直接将自己的域名如:gengtt.cn写入.

7.目录结构

  • _config.yml站点的配置文件,需要拷贝;
  • themes/主题文件夹,需要拷贝;
  • source博客文章的.md文件,需要拷贝;
  • scaffolds/文章的模板,需要拷贝;
  • package.json安装包的名称,需要拷贝;
  • .gitignore限定在push时哪些文件可以忽略,需要拷贝;
  • .git/主题和站点都有,标志这是一个git项目,不需要拷贝;
  • node_modules/是安装包的目录,在执行npm install的时候会重新生成,不需要拷贝;
  • public是hexo g生成的静态网页,不需要拷贝;
  • .deploy_git同上,hexo g也会生成,不需要拷贝;
  • db.json文件,不需要拷贝。

文章作者: GengTao
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 GengTao !
  目录