基于HEXO博客框架和Github搭建我的博客简单教程

准备工做

配置环境

安装Node.js
安装Git
注册GitHub

Hexo 部分

1. Hexo简介
   Hexo 是一个轻量的静态博客框架。经过Hexo能够快速生成一个静态博客框架,仅须要几条命令就能够完成,至关方便。
   而架设Hexo的环境更简单了 不须要 lnmp/lamp/XAMPP 这些繁琐复杂的环境 仅仅须要一个简单的http服务器便可使用 或者使用互联网上免费的页面托管服务

2. Hexo安装方法 参考官网中文文档,只须要一条命令便可自动安装hexo框架。 $ npm install -g hexo-cli #使用 npm 安装 Hexo

3. 初始化 建立一个文件夹，如：Blog，cd到Blog里执行hexo init的。命令：
   hexo init

4. 生成静态页面
   继续再Blog目录下执行以下命令，生成静态页面 hexo generate （或者 hexo g）

5. 本地启动
   启动本地服务，进行文章预览调试，命令： hexo server

6. 本地测试
   浏览器输入 http://localhost:4000

Github 部分

1. 注册github
   Github
2. 新建仓库 创建与你用户名对应的仓库，仓库名必须为【your_user_name.github.io】， 固定写法 !!!
3. 本地_config.yml文配置件，创建关联 咱们须要_config.yml文件，来创建关联(注意冒号后面要有空格)

deploy:  
   type: git   
   repository: https://github.com/leopardpan/  leopardpan.github.io.git  
   branch: master  

复制代码

部署

执行以下命令才能使用git部署
npm install hexo-deployer-git --save
(我没用SSH Keys若是你用了SSH Keys的话直接在github里复制SSH的就好了，总共就两种协议，相信你懂的。) 执行配置命令：
hexo deploy
而后再浏览器中输入http://username.github.io/就好了，把 username ,改为你 github 的帐户名就好了

发文章

每次部署的步骤，可按如下三步来进行。

hexo clean  
hexo generate  
hexo deploy  

复制代码

一些经常使用命令：

hexo new "postName" #新建文章 
hexo new page "pageName" #新建页面 
hexo generate #生成静态页面至public目录 
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server） 
hexo deploy #将.deploy目录部署到GitHub 
hexo help  #查看帮助 
hexo version  #查看Hexo的版本 

复制代码

---

参考：

1. www.jianshu.com/p/465830080…
2. www.chinaz.com/web/2016/01…