搭建Hexo静态博客

概述

开源项目Hexo是由Node.js完成,所有源码位于GitHib上,可以使用它搭建自己的静态博客网页。很重要的一点,该框架可以使用轻量级标记语言Markdown编辑文章,可参考Markdown入门资料

环境搭建(OS X)

Node.js

访问Node.js官网下载对应版本并安装

Hexo

$ npm install hexo -g –no-optional –svae

Hexo 3.0以后直接使用此命令,不然使用命令时可能会产生一些警告,-g是表示全局安装,--no-optional为了防止刚才提到的一些警告。

Git

安装Xcode后会默认安装git,如还未安装git,可自行搜索安装,这里就不再赘述。

初始化Hexo

进入你想存放文件的目录,如我是在/Document/hexo/blog下,命令进入到相应目录下,执行:

1 $ hexo init
2 $ npm install

启动本地服务器

$ hexo s

浏览器打开http://localhost:4000,至此本地的静态网页博客已经搭建成功,那么如何让其他人也能够访问到呢,我们需要将他部署到GitHub上

部署到GitHub

前提

申请GitHub社区账号,并新建新的Repository,注意Repository的名字一定要遵守用户名.github.io,如图是我的
New

配置

在本地的静态博客根目录下,找到_config.yml文件,找到deploy关键字,根据自己新建的Repository修改为如以下配置

deploy:
type: git
repo: git@github.com:Jucongyuan/Jucongyuan.github.io.git
branch: master

部署到GitHub,在博客根目录下执行以下命令

1 $ hexo clean
2 $ hexo generate
3 $ hexo deploy

注意事项

由于采用的SSH,所以需要在本地生成SSH Key,可参照GitHub官网

访问你的http://用户名.github.io,至此完成整个搭建过程

Hexo可以配置不同的主题,如本博客采用的是国内的一个主题NexT,在该主题上可以在博客中增加其他如分享、搜索、评论等其他第三方功能和自定义样式主题,更多请访问NexT

坚持原创分享,您的支持将鼓励我不断前行!