<h3>先说一些废话</h3>
Hexo
基于Node.js
,由台湾大神tommy351
开发,可以实现一个静态网页组成的博客,而且更轻更快,使用也相当的简单。只要安装了Git
和Node.js
,我们就可以在电脑上快速的用Hexo来写作,Hexo同样支持评论、分类、标签、图片等。
<h3>特性</h3>
- 快速
Hexo
基于Node.js
,支持多线程,几百篇文章也可以几秒生成。 - 流畅
支持GitHub
Flavored
Markdown
和Octopress
的插件。 - 扩展
Hexo
支持EJS
、Swig
和Stylus
,通过插件支持Haml
、Jade
、Less
下面就来给大家介绍下Hexo
静态博客环境搭建的方法。
<h3>Hexo安装方法</h3>
<h4>一、下载Git<h4>
进入上面的页面,点击Download
会进入下载页面,找到Downloads
部分,根据自己系统的情况选择下载32位或者64位的安装包,下载完成后进行安装。
<h4>二、下在Node.js</h4>
Node.js下载地址
同样进入上面的界面,点击INSTALL
下载安装包,下载完成后并安装。
<h4>三、安装Hexo</h4>
完成上面两步后,此时当我们在桌面点击鼠标右键时,会有一系列新的选项,这里我们需要用到的Git Bash
,接下来我们会用命令行来完成剩余的工作。
<h5>1.安装Hexo</h5>
根据上面的方法,打开Git Bash
控制台,之后系统会打开一个窗口,窗口内是黑色的背景和一堆英文,看不懂没有关系跟着步骤一步一步做就行。
在控制台中输入以下命令:
npm install -g hexo
之后系统会自动去Git
上下载并安装Hexo
,接下来会一直循环显示/-\这三个符号,这表示系统在下载需要的文件。
但是根据笔者遇到的情况,使用npm
安装可能会出现卡住的现象导致无法正常安装,解决的办法就是修改npm
的安装源,大家可以选择以下方法中的一个即可(正常下载的朋友就略过这里)
-
通过config命令:
npm config set registry http://registry.cnpmjs.org
npm info underscore
-
通过命令行指定
npm -registry http://registry.cnpmjs.org info underscore
然后再来执行一次最开始的命令:
npm install -g hexo
耐心等待一会儿,Hexo
就下载好了。
<h5>2.生成Hexo静态博客</h5>
-
选一个适合的地方存放博客文件
cd
命令可以在命令行中快速指定到一个地址,比如:cd D:\
D:
这样可以快速的指定要一个地址上去,然后是创建一个文件夹进行归类管理
mkdir blog
这样在D盘我们就创建了一个名字为
blog
的文件夹。接下来我们在进入blog
文件夹中,同样使用cd
命令。cd blog
此时我们进入了我们选好的地址中,执行以下命令:
hexo init
然后你会看到以下的反馈:
[info] Copying data
[info] You are almost done! Don't forget to run 'npm install'...
所以接下来就要执行
npm install
等待他完成后我们可以进去到文件夹中看到以下目录:
node_modules
: Hexo的功能JavaScript文件public
:生成静态网页文件scaffolds
:工具模板-
source
:-
/_drafts
-草稿文件夹 -
/_posts
-文章文件夹
-
themes
:用来存放皮肤的文件夹_config.yml
:全局配置文件db.json
:json格式的静态常量数据库
- 查看生成的静态网页
进入到blog的地址后,执行如下的命令:
hexo generate
用来生成静态网页相关的文件,这些文件会存储在public
中,也可使用简单的命令hexo g
然后再输入hexo server
或者hexo s
这样可以在本地查看自己生成的网页,现在打开浏览器(推荐使用的浏览器是Chrome
和FireFox
),在地址栏输入localhost:4000
或者点击这里
<h3>最后</h3>
最初始的工作就做完了,下一步的任务就是如何吧网页托管到GitHub
上,这样别人也能开你的博客了。