用Hexo+Github+Coding搭建静态博客（一）

为什么搭建Hexo静态博客？

      Hexo是一款快速、简洁而且高效的博客框架，使用Markdown(或者其他渲染引擎)解析文章，在几秒内，既可以安装可利用的靓丽的主题生成静态页面

我目前只在window系统下面操作过，Mac和linux没有操作过，不过原理应该是一样的，欢迎大家点评，不过以后要是在liunx或者Mac折腾的话，相信会继续更新哒！！
关于Markdown的使用，请见这篇文章MarkDown学习笔记
那么建立Hexo,你要具备什么知识呢？

1. 知道npm包管理工具的基本使用
2. 了解Git原理以及使用Git
3. 知道Github page是如何实现的
4. 域名分流是如何操作的

其特点有:

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

我觉得用 大象无形，大道至简 形容最好了！Hexo太容易就运行了呢！
那还等什么，快开始Hexo探索之旅吧！！

勤能补拙是良训，一分耕耘一分才      ——华罗庚

在本地运行Hexo项目

撸码时刻，准备兴奋！！ 你的系统必须具备以下环境，否则，会安装失败的哟

• Node.js
• Git

安装Node建议用nvm,nvm是node版本控制工具
NVM安装成功后，执行 nvm install stable 就可以安装node了

1、全局安装hexo
    npm install hexo-cli -g
2、hexo命令生成一个博客雏形
    hexo init blog
3、进入blog文件夹
    cd blog
4、根据package.json安装依赖模块
    npm install
5、启动hexo项目
    hexo server

你的博客可以运行了吧，啊哈哈，有没有一种超快的赶脚？不过Hexo远不止于此，你离真正使用Hexo搭建一个个性化博客还是很远的呢，待我慢慢道来吧。
如果想要自定义Hexo博客，请看我这篇文章哦 搭建Hexo博客进阶篇
运行成功之后，把目标转向安装的文件夹，文件夹目录如下所示：

.
├── _config.yml   //这里是网站的配置信息
├── package.json  //HEXO项目依赖
├── scaffolds     //模板文件夹
|   ├──post.md    //文章模板
|   ├──draft.md   //
|   └──page.md
├── source       //资源文件夹，
|   ├── _drafts
|   └── _posts
└── themes       // 主题文件夹。Hexo会根据主题来生成静态页面

目录文件解释如下：

目录/文件名	子文件名	作用	备注
_config.yml	---	这里是网站的配置信息	----
package.json	---	HEXO项目依赖	应用程序的信息，EJS, Stylus 和 Markdown renderer 已默认安装，您可以自由移除。
scaffolds	post,draft,page(.md)	模版 文件夹。当您新建文章时，Hexo 会根据 scaffold 来建立文件。	模板是指在新建的markdown文件中默认填充的内容。例如，如果您修改scaffold/post.md中的Front-matter内容，那么每次新建一篇文章时都会包含这个修改。
source	_drafts、_posts	资源文件夹是存放用户资源的地方	除 _posts 文件夹之外，开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹，而其他文件会被拷贝过去。
themes	主题配置相关	主题 文件夹。Hexo 会根据主题来生成静态页面。	---

Hexo的基本使用

配置

网站基本信息在 _config.yml 中配置 :

网站

Site
title:       网站标题      
subtitle:    网站副标题    
description: 网站描述      
author:      您的名字
language:    网站使用的语言 zh-Hans,
timezone:    网站时区  America/New_York, Japan, 和 UTC

其中，description主要用于SEO，告诉搜索引擎一个关于您站点的简单描述，通常建议在其中包含您网站的关键词。author参数用于主题显示文章的作者
网站时区，详情请见时区列表

网址

url: http://yoursite.com   网址
root: /      网站根目录
permalink: :year/:month/:day/:title/   文章的永久链接格式
permalink_defaults:  永久链接中各部分的默认值

如果您的网站存放在子目录中，例如 http://yoursite.com/blog，则请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。

目录

Directory
source_dir: source  资源文件夹，这个用来存放内容
public_dir: public 公共文件夹，这个文件夹用于存放生成的站点文件
tag_dir: tags 标签文件夹
archive_dir: archives 归档文件架
category_dir: categories 分类文件夹
code_dir: downloads/code include code文件夹
i18n_dir: :lang 国际化文件夹
skip_render:跳过指定文件的渲染，您可使用 glob 表达式来匹配路径。

public,tags,archives,categories文件夹在hexo项目中是不可见的，只有执行Hexo generate命令时，生成public静态文件的时候才存在
我们可以看一下public文件夹的目录信息

目录

文章

Writing
新文章的文件名称
new_post_name: :title.md  //File name of new posts
预设布局
default_layout: post
把标题转换为 title case
titlecase: false Transform title into titlecase
在新标签中打开链接
external_link: true Open external links in new tab
把文件名称转换为 (1) 小写或 (2) 大写
filename_case: 0
显示草稿
render_drafts: false
启动 Asset 文件夹
post_asset_folder: false
把链接改为与根目录的相对位址
relative_link: false
显示未来的文章
future: true
代码块的位置
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:

分类标签

Category & Tag
default_category: uncategorized
category_map:
tag_map:

时间/日期格式

Date / Time format
date_format: YYYY-MM-DD
time_format: HH:mm:ss

分页

Pagination
per_page: 10
pagination_dir: page

扩展

Extensions
Plugins: https://hexo.io/plugins/
Themes: https://hexo.io/themes/
theme: yelee

一键部署

Deployment
deploy:
  type:

Hexo基本指令

• 新建文章：
  hexo new [layout]