Hello World

第一条博客

作者 Trevor Cui 日期 2018-01-08
Hello World

其实一直都有想做一个博客的想法,一方面为了记录我的技术成长,另一方面来说,如果能有更多的人关注的话,也可以交流一下,共同成长。Hexo 是一个关注了很久的一个快速简洁的博客框架。作为第一篇博客,还是按照很多 Hexo 博主的惯例,写一写 Hexo 的 Hello World。

起步

安装Hexo

Node.js 的安装网上有很多的教程,对于一个前端程序员来说,Node 也是一个经常会接触到的东西,这里就暂且不表。我们的安装过程从安装 Hexo 开始。

打开终端,用npm install安装 Hexo :

$ npm install hexo-cli -g

在本地创建一个博客站

在准备创建文件夹的位置打开终端:

$ hexo init blog
$ cd blog
$ npm install
$ hexo s

至此,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:
type: git
repository: https://github.com/abc/abc.github.io.git
branch: master

注意 yml 配置文件冒号后面有空格。

然后在终端上输入以下指令部署到 Github 上:

$ hexo g
$ hexo d

若出现报错: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