背景

上篇文章刚介绍用了 Octopress 搭建 blog,这边又用 hexo 来搭建 blog,到底是几个意思?你过来,我保证不打死你!问起原因,只能说 Octopress 构建的时候有些慢并且我不喜欢它的主题(虽然它的主题很多,不喜欢就不喜欢呗,还找这么多理由干什么)。下面开始介绍怎么用 hexo 搭建 blog。

本机相关环境

macOS High Sierra 10.13.3

node v8.10.0

npm 5.6.0

git version 2.14.3 (Apple Git-98)

安装 Hexo

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

需要的环境
Node.js 和 Git

安装 Hexo

$ npm install -g hexo-cli

初始化

$ hexo init <folder>

进入初始化的文件夹

$ cd <folder>

安装相关模块

$ npm install

在 _config.yml 中配置相关的信息

写文章

$ hexo new [layout] <title>
$ hexo generate
$ hexo server

2018.6.15添加
可以用草稿的方式暂时不发布那些还没有写完的文章,具体的操作是指定 layout 为 draft,这种布局在建立时会被保存到 source/_drafts 文件夹,可通过 publish 命令将草稿移动到 source/_posts 文件夹,该命令的使用方式与 new 十分类似,您也可在命令中指定 layout 来指定布局。如果你希望强行预览草稿,更改配置文件render_drafts: true 或者用如下方式启动 server :hexo server --drafts

然后就能在 http://localhost:4000 看到效果了

部署

到 github 上创建相关的仓库

到 github 上创建一个 username.github.io 的 rep

$ hexo-deployer-git.
$ npm install hexo-deployer-git --save
$ hexo deploy

美化

主题

1.clone

git clone https://github.com/Haojen/hexo-theme-Anisina.git themes/Anisina

2.配置

修改 _config.yml 中的 themes 为 Anisina 即可。

评论

注册来必力,在 _config.yml 中增加相应的 id 。

图片地址

在配置中经常要用到某一张图片的 url ,这是我们可以把图片传到 github 的仓库中,然后在仓库中查看图像即可获得相应的图片的 url 。

社交平台的配置

github 只需要用户名就行。微博的可以在设置中配置个性域名,然后把个性域名配置到 _config.yml 中。

番外

Node.js 是什么?

Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端JavaScript 环境,基于 Google 的 V8 引擎,V8 引擎执行 Javascript 的速度非常快,性能非常好。

用 Homebrew 装 Node.js

安装 Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装 Node.js

brew install node

参考链接

hexo 官网来必力评论模块Anisina 主题