其实一直都有想做一个博客的想法,一方面为了记录我的技术成长,另一方面来说,如果能有更多的人关注的话,也可以交流一下,共同成长。Hexo 是一个关注了很久的一个快速简洁的博客框架。作为第一篇博客,还是按照很多 Hexo 博主的惯例,写一写 Hexo 的 Hello World。
起步
安装Hexo
Node.js 的安装网上有很多的教程,对于一个前端程序员来说,Node 也是一个经常会接触到的东西,这里就暂且不表。我们的安装过程从安装 Hexo 开始。
打开终端,用npm install
安装 Hexo :
$ npm install hexo-cli -g |
在本地创建一个博客站
在准备创建文件夹的位置打开终端:
$ hexo init blog |
至此,Hexo博客在本地安装完毕,浏览器输入http://localhost:4000
,即可在本地运行。若无法运行,可能是4000
端口被占用,可用 hexo s -p 4001
指定端口号,其中 4001
自定。也可修改 node_modules\hexo-server\index.js
中默认的 port
值解决。
在Github上托管博客
在 Github 上建立与你用户名对应的仓库,仓库名必须为 username.github.io
配置 Hexo 文件夹的 _config.yml
文件,翻到最下面,改成:
deploy: |
注意 yml
配置文件冒号后面有空格。
然后在终端上输入以下指令部署到 Github
上:
$ hexo g |
若出现报错:ERROR Deployer not found:git
在终端上运行:
$ npm install hexo-deployer-git –save |
生成新的文章
$ hexo new [layout] <title> |
您可以在命令中指定文章的布局(layout),默认为 post
,可以通过修改 _config.yml
中的 default_layout
参数来指定默认布局。
布局 | 路径 |
---|---|
post |
source/_post |
page |
source |
draft |
source/_drafts |
更改博客主题
博客主题保存在 themes
文件夹下,初始创建时 Hexo 为我们创建了一个默认的主题 landscape
。
博客主题可以在 Github 和 https://hexo.io/themes 上搜寻。本站主题地址点击此处。
修改 _config.yml
中的 theme
来指定博客主题。
其他
在 _config.yml
包括对应主题的文件夹下的 _config.yml
中还有很多的配置项,具体配置说明参照Hexo官方配置文档以及主题 Github 的说明。
其他文档参照Hexo官方API。