Hexo简介
Hexo是一款基于Node.js的静态博客框架。目前在GitHub上已有7285 star 和 1207 fork.Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
特性
-
风一般的速度
Hexo基于Node.js,支持多进程,几百篇文章也可以秒生成。 -
流畅的撰写
支持GitHub Flavored Markdown和所有Octopress的插件。 -
扩展性
Hexo支持EJS、Swig和Stylus。通过插件支持Haml、Jade和Less.
优势
-
首先它支持 Markdown,这样我们撰写博客就会变得十分方便。
-
Hexo 的扩展性也十分强大,它支持EJS、Swig,我们还可以通过插件让它支持Haml,Jade,Less等。
-
Hexo 支持多线程,生成几百篇文章所需要的时间只不过几秒钟。
-
Hexo 支持一键部署,只需要一条命令就可以把博客发布到 GitHub 上。
下面我们就来搭建这个博客,首先要搭建这个博客,必须要安装Node.js,搭建环境完成之后,我们需要安装Hexo框架。
安装
打开终端,输入命令:
$ npm install hexo -g
回车
输完之后,等等。。报错?这是啥玩意
这。。这是啥? Google之后,发现只需要输入命令
$ sudo npm install --unsafe-perm --verbose -g hexo
就可以了。
安装完成之后,我们开始新建一个项目
$ cd /Users/fay
进去一个新的文件夹
然后 $ hexo init hexoblog
hexoblog是自己起的一个项目名称
Hexo 会在这个文件夹内自动生成文件。
之后我们需要安装Hexo需要的模块
$ cd hexoBlog
$ npm install
现在我们就把Hexo安装好了。
新建博客
- 我们来新建一篇博客
$ hexo new "hello world"
#快捷键 'hexo n'
hello world是我们的博客标题
- 生成静态网站
$ hexo generate
#快捷键 'hexo g'
- 生成本地链接
$ hexo server
#快捷键 'hexo s'
Hexo默认的端口是4000,打开浏览器输入http://localhost:4000 看看生成的静态博客.
我们的博客就已经写好了。
写好之后我们怎么部署到github.com上呢?
部署博客
首先我们要知道一些关于 GitHub Pages:
- GitHub Pages 是免费的静态站点;
- 搭建简单而且免费;
- 自带主题,支持自定义页面;
- 支持绑定域名;
我们可以看到,GitHub Pages 十分适合我们在上面挂我们的博客。
在 GitHub 上搭建我们的博客有两种方式:
- 为个人或组织建立 Pages。
- 为某个项目建立 Pages。
进入github后我们需要注册一个直接帐号,如果有帐号的直接登录即可。
新建仓库
- 在 自己或组织 下建立一个名为
aeronxie.github.io
的仓库。
注意:仓库名称必须跟自己的登录名称相同
- 之后我怕们就可以使用
http://aeron.github.io
来访问我们的博客了
在Hexo上配置并部署到Github上
在终端进入到 hexoblog
目录后,找到并打开 _config.yml
这个文件
注意最后的那个
deploy:
type:
repository:
branch:
分别填上 git
github的地址
master
最后将博客部署到Github上
打开终端并输入: $ hexo deploy
#快捷键 hexo d
最后我们的博客就部署完毕了!
总结:
搭建Hexo
$ npm install hexo -g # 安装 Hexo
$ hexo init hexoBlog # 新建 Hexo 项目 <hexoBlog>
$ cd hexoBlog # 进入 hexoBlog
$ npm install # 安装 Hexo 模块
$ hexo new "Hello Hexo" # 新建一篇博客
$ hexo generate # 生成静态网站
$ hexo server # 在本地跑一遍网站 默认 http:// localhost:4000
$ hexo deploy # 开始部署
更新博客
$ hexo new "title" # 新建博客
$ hexo g # 生成静态网站
$ hexo s # 在本地预览网站效果
$ hexo d # 开始部署
网友评论