Write Blog As A Geek

发表于

如何构建类似本站的博客框架，主要有三个部分组成

  • github
  • hexo
  • markdown

GitHub

使用GitHub

访问并注册github

创建一个repo，命名为xxxx.github.io，这么命名是为了到时可直接当成域名访问

关联到本地

下载并安装Git

打开Git Bash，利用SSH关联github网站，这样每次本地修改需要同步到服务器就很方便，不用每次都输密码
需要注意的是，git clone的时候用的是`git@github.com:AndKid/andkid.github.io.git`，而不是https打头的地址

Hexo

安装

Hexo帮助文档
先安装Node.js，也可从我的网盘下载
安装完成后执行命令

npm install -g hexo-cli

基本使用

1
2
3
4
5
6
hexo init xx  初始化一个网站目录
cd xx
npm install  安装package.json指定的插件
hexo new xxx   创建博文
hexo generate 生成静态网站，可简写成hexo g
hexo deploy   部署到服务器，可简写成hexo d

部署成功后就能通过xxxx.github.io访问了

在不执行hexo deploy部署到远程服务器的情况下，也是可以通过执行本地建站

hexo server

通过localhost:4000进行本地访问

文件结构

1
2
3
4
5
6
7
.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _posts
└── themes

_config.yml是网站的总配置文件，网站名，作者，远程服务器，主题等
themes是存放主题相关资源的地方，其也有配置文件，也可修改部分源码或资源达到修改目的
source存放md文件，也就是博文内容

其他使用

更换主题

node_modules下是package.json指定的一些插件，如hexo-deployer-git

修改lib/deploy.js

+ var sourceDir = this.source_dir;
...
- return fs.copyDir(publicDir, deployDir)
+ return (fs.copyDir(publicDir, deployDir) && fs.copyDir(sourceDir, deployDir));

可将source目录下的md文档一同部署到服务器，以便异地编辑
上述方法虽然可异地编辑md文档，但是并不能实时部署到博客
之后会介绍何如利用和github关联的Travis CI自动编译服务来完成以下动作：

  1. 我们向blog分支（md文档以及资源）push文档
  2. github向作为Web Service的Travis CI发送消息告知有新消息
  3. Travis CI立马安排编译并将结果push回github的master分支（html静态博客）

Markdown

markdown
支持html语言