Yifans_Z's Blog.

使用 GitHub 和 Hexo 搭建个人独立博客

字数统计: 872阅读时长: 12 min
2016/06/24 Share

Wordpress 这类博客系统功能强大,可对与我只想划拉的写点东西的人,感觉大材小用了。而且 Wordpress 需要部署,网站的服务器也会带来问题,国内的服务器首先需要备案,费用不低,国外服务器访问速度受影响。

近来接触到一种新的博客系统 Hexo,它的不同地方就是将:在上线编写博客和页面渲染的过程在线下完成

在本地编写博文的 Markdown 文件,使用 Hexo 将博客网站的所有前台 HTML 等全部生成,让后将生成的文件上传的服务器就行了。

那么原来 wp 中的评论等动态功能怎么办呢?放心第三方服务商早已为我们考虑了。例如:disqus就是一家第三方社会化评论系统,主要为网站主提供评论托管服务。

本文的操作的系统环境是 Ubuntu 15,Windows 下的搭建可触类旁通。

了解 Hexo

A fast, simple & powerful blog framework

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

Hexo 官方文档

安装 Git

Linux (Ubuntu, Debian):

sudo apt-get install git-core

Linux (Fedora, Red Hat, CentOS):

sudo yum install git-core

安装 Node.js

安装 Node.js 的最佳方式是使用 nvm。
cURL:

curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

安装完成后,重启终端并执行下列命令即可安装 Node.js。

nvm install 4

安装 Hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

npm install -g hexo-cli

建站

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init <folder>
$ cd <folder>
$ npm install

新建完成后,指定文件夹的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

新建一篇文章

hexo new [layout] <title>

如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话,请使用引号括起来。

生成静态文件

hexo generate

启动服务器

hexo server

网站会在 http://localhost:4000 下启动。在服务器启动期间,Hexo 会监视文件变动并自动更新,您无须重启服务器。

部署静态网页到 GitHub

注册设置 GitHub

  1. 登录 GitHub,注册自定义用户名如:imzyf
  2. 在主页右下角创建 New repository,name 必须和用户名一致如:imzyf.github.io
  3. 首次创建耐心等待 10 分钟左右审核,之后即可访问静态主页如:http://imzyf.github.io

同步内容至 GitHub

  1. 在 Hexo 目录下 git cl one git@github.com:imzyf/imzyf.github.io.git
  2. public文件下的所有文件拷贝到imzyf.github.io
  3. git add .增加当前子目录下所有更改过的文件至 index
  4. git commit -m 'xxx'提交到本地
  5. git push origin master将当前分支 push 到远程 master 分支
  6. 最后访问主页http://imzyf.github.io观察效果

绑定个人域名

设置 CNAME

  1. 在 Github 的网站目录下创建 CNAME 文件
  2. 填写自己的域名如zyf.im,保存结束
  3. 登录域名服务商,然后添加记录,记录类型选择CNAME,记录值imzyf.github.io.(有个点)

Reference

CATALOG
  1. 1. 了解 Hexo
  2. 2. 安装 Git
  3. 3. 安装 Node.js
  4. 4. 安装 Hexo
  5. 5. 建站
    1. 5.1. 新建一篇文章
    2. 5.2. 生成静态文件
    3. 5.3. 启动服务器
  6. 6. 部署静态网页到 GitHub
    1. 6.1. 注册设置 GitHub
    2. 6.2. 同步内容至 GitHub
  7. 7. 绑定个人域名
    1. 7.1. 设置 CNAME