背景
上篇文章刚介绍用了 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> |
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. |
美化
主题
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 |