0%

[Hexo] 在 GitHub 上搭建博客 (1)

在此整理了一下 Hexo 博客建立的方法,以下代码演示是基于 Mac 平台。Windows 平台大同小异。 当然最全面的参考自然是在 Hexo 官网。这里只是做一个小小的总结。这篇文章将要讲述:

  • 如何安装 Hexo
  • 如何创建文章
  • 如何发布文章
  • 如何删除文章

Here We Go!

博客初建立

需要的插件

  1. 安装 Git
  2. 安装 Node.js
  3. 安装 Hexo:

打开终端,输入下列命令

1
$ npm install -g hexo-cli

安装文件

创建一个你喜欢的文件夹,比如 ~/Documents/Blog,这就是你博客的大本营了。定位到该文件夹下,在根目录下运行

1
$ hexo init

当你看到

就表示命令已完成。你会发现文件夹里多了好多东西,但是博客在哪里呢?

我们来试运行一下,输入命令

1
2
$ hexo generate
$ hexo server

提示

打开浏览器,访问 http://localhost:4000,就会见到你的博客了

Remark: 在Terminal下按下Ctrl+C就可以取消本地服务器了

第一篇博客

创建新文章

刚刚我们已经看到了博客中有一篇叫 Hello World 的文章了。这篇文章具体在哪里呢?打开 <你的博客目录>/source/_post/,你会发现下面有一个 “hello-world.md” 文件,它就是网站上的文章对应的 Markdown 文件。

Hexo 的所有文章都是通过 Markdown 书写的,我们也来写一篇自己的文章好了!

打开 Terminal,输入

1
$ hexo new <"你的文章标题">

比如我们要写一篇测试文章,于是输入

1
$ hexo new "My first test blog"

系统会提示

1
INFO  Created: <你的博客目录>/source/_posts/My-first-test-blog.md

重新打开 <你的博客目录>/source/_posts/ 目录,你会发现里面已经有了一个新的MD文件。这就是我们刚刚创建的新文章。

编写文章

用任意编辑器(我一般用 MacDown 或者 Emacs)打开 “My-first-test-blog.md”,你会发现里面已经写好了一点东西了:

1
2
3
4
5
---
title: My first test blog
date: 2017-03-21 14:48:40
tags:
---

其中:

  • title 是你最终的文章标题
  • date 就是文章创建的时间,这个可以不用管
  • tags 则是文章的标签,如何加 Tags 我们以后再讲

在最下面另起一行,你就可以开始写文章了!

比如你可以写如下文章:

请忽略最上面几行的奇怪行为

然后保存 MD 文件即可。

草稿功能

创建草稿

有时候一些文章的创作需要的时间很长,为此我们可以用利用 Hexo 的草稿功能,创建草稿的命令如下:

1
$ hexo new draft <title>

就是简单的在创建文章的命令里加入 draft 参数。创建的文件会被保存到 <你的博客目录>/source/_drafts 这个文件夹。

预览草稿

草稿文件默认不会显示在页面中,但是我们可以用以下命令预览草稿。

1
$ hexo server --draft

也就是在启动服务器的时候带上 --draft 参数。

发布草稿

可以使用 publish 命令将草稿移动到 <你的博客目录>/source/_posts 文件夹中,草稿发布后 _drafts 目录下的草稿会同时删除。

1
$ hexo publish <"你的文章标题">

发布文章

发布到网站

文章写好了,要怎么发布呢?

Terminal 定位到<你的博客目录>,然后依次输入以下命令

1
2
$ hexo generate
$ hexo server

第一个命令 hexo generate 是生成新的文件,第二个命令是启动 server。再次打开 http://localhost:4000,我们发现我们的文章已经被放上“网”了!

删除文章

现在有没有觉得那个 Hello World 很扎眼,我们肯定想要删除它。重新回到 <你的博客目录>/source/_posts/ 目录,找到 hello-world.md 文件,直接将其删除即可。

有人就要问了,为什么删除了我的浏览器里还是有呢?因为我们还没有更新我们的网站,在 Terminal 下运行

1
2
3
$ hexo clean
$ hexo generate
$ hexo server

再刷新网页,是不是就没有了?


参考链接

  1. 教你免费搭建个人博客,Hexo&Github
  2. 手把手教你使用Hexo + Github Pages搭建个人独立博客