美文网首页
使用 Hexo 和 Github Pages 搭建博客

使用 Hexo 和 Github Pages 搭建博客

作者: 莫17 | 来源:发表于2017-01-04 15:58 被阅读10次

1. 安装 Hexo

安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:

如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。

$ npm install -g hexo-cli

2. 部署 Hexo

安装 Hexo 完成后,执行以下命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init <folder>
$ cd <folder>
$ npm install

新建完成后,指定文件夹的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

每个文件的具体介绍可以在 Hexo官网查询。
至此,本地的 Hexo 博客已经搭建完成,在终端执行以下命令,然后在浏览器中访问 localhost:4000 就能看到新鲜出炉的博客了。

$ hexo server

3. 发表新文章

$ hexo new [layout] <title>

新建一篇文章。如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话,请使用引号括起来。
在 source 目录下,可以找到新建的这篇文章进行编辑。编辑完成后,执行以下命令生成静态文件。

$ hexo generate

在浏览器重新访问 localhost:4000,就能看到新建的这篇文章了。
执行过 generate 命令以后,hexo 的文件夹目录下会出现一个 public 的文件夹,包含了静态文件的一些内容,需要托管到 Github Pages 上的就是这个文件夹.

4. 将 Hexo 博客托管到 Github Pages

首先你要有一个 github 的账号。
在 github 上创建一个名称为 username.github.io 的 repository。
执行以下命令,将 repository 克隆到本地。**这里,最好将 repository 克隆到你 Hexo
的主目录下,方便进行管理**

$ git clone https://github.com/username/username.github.io

在 Hexo 的 _config.yml 文件中,找到 public_dir,将其修改为你刚才克隆repository的文件。
然后:

  • 执行 Hexo 的 generate命令
  • 将修改提交到github
  • 在浏览器访问 username.github.io

Done!

相关文章

网友评论

      本文标题:使用 Hexo 和 Github Pages 搭建博客

      本文链接:https://www.haomeiwen.com/subject/jaqkdttx.html