Hexo静态博客搭建教程

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。生成静态网页能够托管在github。下面简单介绍一下hexo的安装部署步骤，以避免新手或从新配置时走弯路。 node

1.安装Git

官方下载地址：https://git-scm.com/ git

下载并执行默认安装便可完成安装。github

2.安装Node.js

在 Windows 环境下安装 Node.js 很是简单，仅须下载安装文件并执行便可完成安装。这里我下载的是V4.4.1LTS npm

3.安装hexo

利用 npm 命令便可安装。（在任意位置点击鼠标右键，选择Git bash）浏览器

 
          npm  
          install 
          -g hexo

能够经过一下命令查看hexo的版本bash

 
           $ hexo version 
          
           hexo: 3.2.0 
          
           hexo-cli: 1.0.1 
          
           os: Windows_NT 10.0.10586 win32 x64 
          
           http_parser: 2.5.2 
          
           node: 4.4.1 
          
           v8: 4.5.103.35 
          
           uv: 1.8.0 
          
           zlib: 1.2.8 
          
           ares: 1.10.1-DEV 
          
           icu: 56.1 
          
           modules: 46 
          
           openssl: 1.0.2g

3.1建立Hexo文件夹

安装完成后，在合适的磁盘内新建一个文件夹做为博客目录（如E:\Hexo），执行如下指令(在E:\Hexo文件夹内点击鼠标右键，选择Git bash，注意后面的命令都是在此文件夹内执行的 )，Hexo 即会自动在目标文件夹创建网站所须要的全部文件。hexo

 
          hexo init

固然也能够在上面的命令后方加上文件夹的路径，这样就不用像上面同样先新建文件夹了。app

3.2安装依赖包

 
          npm  
          install

3.3本地查看

如今咱们已经搭建起本地的hexo博客了，执行如下命令(在E:\Hexo)，而后到浏览器输入localhost:4000看看。框架

 
          hexo generate 
         
          hexo server

hexo 也支持缩写命令：ssh

 
          hexo generate = hexo g  
         
          hexo server = hexo s  
         
          hexo deploy = hexo d  
         
          hexo new = hexo n

好了，至此，本地博客已经搭建起来了，只能在本地访问。下面，咱们要部署到Github。

4.将博客部署到Github

4.1注册Github帐号

已有帐号能够跳过，没有的，请在此进行注册，很简单，这里就不介绍了

4.2建立repository

在本身Github主页右上角，点击加号，建立一个新的repository。好比个人Github帐号是stellar91，那么我应该建立的repository名字应该是stellar91.github.io。

4.3部署

编辑_config.yml(在E:\Hexo下)。你在部署时，要把下面的stellar91都换成你的帐号名。

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

最新版本的hexo 中，这里的 type 要写成 git，而不是 github。另外尤为要注意不要删除上述文件中的空格，冒号后面都紧跟了一个空格

在正式部署以前，新用户须要设置 SSH。SSH 的介绍和设置方法按照官方教程的四个步骤很容易完成（真的很容易）。

接下来安装部分模块，执行下面的命令

 
          npm  
          install 
          hexo-deployer-git --save

在第一次使用Git时，须要用户名和邮箱两个信息。具体经过如下命令设置：

 
          git config --global user.name  
          "stellar91" 
         
          git config --global user.email  
          "muyuxingguang@163.com"

最后执行下列指令便可完成部署。

 
          hexo generate 
         
          hexo deploy

第一次使用可能要输入GitHub的用户名和密码。命令执行过程当中只要不是error能够忽略，（确实会出现不少空格编码的warning ）

Notes：每次修改本地文件后，须要hexo generrate才能保存。每次使用命令时，都要在E:\Hexo目录下。每次想要上传文件到Github时，就应该先键入hexo generate保存以后，再键入hexo deploy。

咱们的博客已经彻底搭建起来了，在浏览器访问stellar.github.io访问博客了！（可能须要等一下子才会生效）

5.绑定本身的域名

在域名解析服务中添加为CNAME记录，记录值就是stellar91.github.io这种形式。好比这里我绑定的是blog.star91.net

接下来须要去本身的hexo进行域名设置，，进入source文件夹，建立名为CNAME的文件（没有扩展名的哦），第一行写入你的域名：

 
          blog.star91.net

这样就设置好了，域名解析须要必定时间生效，访问http://blog.star91.net就能看到本身的博客网站了。

若是出现404NOT FOUND二等状况，须要在E:/Hexo下再次执行：

 
          hexo generate 
         
          hexo deploy

执行完上述命令，CNAME的文件就会出如今Github的仓库，这样就能够经过本身的域名访问了，固然你也能够直接在Github上建立这个文件。