Hexo安装+github部署博客教程

1.Hexo环境搭建

1 安装 Git

下载地址：Git
下载 Git并按照提示完成安装

2 安装Node.js

下载地址：Node.js
下载 Node.js并按照提示完成安装

3 Hexo环境搭建

3.1 安装 Hexo

1.打开git bash，执行如下命令

$ npm install -g hexo

3.2 新建一个博客文件夹

在电脑中建立一个名字叫「HexoBlog」的文件夹（比如我建在了D:\HexoBlog）

3.3 初始化Hexo

然后在此文件夹中右键打开Git Bash。执行下面的命令

$ hexo init[info] Copying data[info] You are almost done! Dont forget to run npm install before you start blogging with Hexo!

Hexo随后会自动在目标文件夹建立网站所需要的文件

3.4 安装依赖包

运行 npm install（在 /D/HexoBlog下）

npm install

会在D:\Hexo目录中安装 node_modules。

3.5 启动服务

执行命令

npm install hexo-server –save

然后运行下面的命令（在 /D/HexoBlog下）

$ hexo server[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

表明Hexo Server已经启动了，在浏览器中打开 http://localhost:4000/，这时可以看到Hexo已为你生成了一篇blog。

你可以按Ctrl+C 停止Server。

3.6 新建文章

新打开一个git bash命令行窗口，cd到/D/HexoBlog下，执行下面的命令

$ hexo new "My New Post"[info] File created at d:\Hexo\source\_posts\My-New-Post.md

刷新http://localhost:4000/，可以发现已生成了一篇新文章 “My New Post”。

3.7 生成静态文件

执行下面的命令，将markdown文件生成静态网页。

$ hexo generate

该命令执行完后，会在 D:\HexoBlog\public\ 目录下生成一系列html，css等文件。

3.8 编辑文章

hexo new “My New Post”会在D:\Hexo\source_posts目录下生成一个markdown文件：My-New-Post.md

可以使用一个支持markdown语法的编辑器（比如 Sublime Text）来编辑该文件。

4.部署到github

4.1 修改配置文件

部署到Github前需要配置_config.yml文件，首先找到下面的内容

# Deployment## Docs: http://hexo.io/docs/deployment.htmldeploy:  type:

然后将它们修改为

# Deployment## Docs: http://hexo.io/docs/deployment.htmldeploy:  type: github  repository: https://github.com/liboren/liboren.github.io.git (Github仓库地址,如何搭建github仓库请自行研究)  branch: master (分支名称)

4.2 安装hexo-deployer-git

执行以下命令

npm install hexo-deployer-git --save

4.3 部署

执行命令

hexo cleanhexo generatehexo deploy

执行完后登录github对应的博客网址，就能看到

5 Hexo常用命令总结

• 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的版本

6 设置主题

本博客用的主题是NexT，地址是NexT
更多主题可以在github上找

遇到的一些问题和解决方法

1.输入hexo server 显示没有这个命令

解决方法：执行npm install hexo-server –save命令

2.起了服务后打开localhost:4000出来Cannot GET /

解决方法：执行npm install命令

小工具：在线markdown编辑器