Fork me on GitHub

Hexo 本地部署

1. Hexo简介

  • 1.1 什么是 Hexo

        Hexo 是一个快速、简洁且高效的博客框架。[Hexo][2] 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

2. 系统环境

    这里博主使用的是win7 64位和Hexo 3.x。在搭建Hexo个人博客之前,需要安装 Node.jsgit

点击下载:

3. 安装Hexo

    安装好Git之后,打开 git-bash.exe ( 用来输入 shell 命令的,就是后面说的 Git Shell ) ,输入npm命令即可安装。

1
2
3
4
5
# 安装时,自动下载最新版本
npm install -g hexo-cli
# 或者使用下面的话
npm install -g hexo
# 两者有什么区别,博主也不是很清楚

4. Hexo初始化配置

    根据自己喜好建立目录(如E:\hexo),这个文件夹将来就作为存放代码的地方,名字可以随便取,进入 Git Shell 切换到该路径下E:\hexo执行以下指令:

1
2
hexo init
# 安装 Hexo 完成后,请执行下列命令,Hexo 将会在 `E:\hexo` 目录下新建所需要的文件。

初始化完成后, E:\hexo 目录下内容如下:

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

文件目录解释:

  • _config.yml 文件是网站的配置文件,可以在其中配置网站的大部分参数。
  • package.json 文件是应用程序的信息。
  • source 是资源文件夹,是用来存放用户资源的地方。
  • themes 是主题文件夹,Hexo会根据主题来生成不同的静态页面。
  • scaffolds是模板件夹,当新建文章的时候,Hexo会根据模板来建立文件。

新版本的 source 文件夹下只有 _posts ,没有 _drafts ! 不要惊慌!!!

5. 安装Hexo插件

    安装 Hexo 所需的各种插件插件,以后会一一介绍。

1
2
3
4
5
6
7
8
9
10
11
12
13
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save

6. 本地查看效果

继续执行以下命令,成功后可登录localhost:4000查看效果。至此,hexo的本地部署已经完成。

1
hexo server
坚持原创技术分享,您的支持将鼓励我继续创作!
-------------    本文结束  感谢您的阅读    -------------
0%