0x00 - Hexo 建站, Start From Here

人生苦短,不造轮子

这是所有日志的起点,第一篇不知所谓但是就是想贴在这里的日志。

作为第一篇的话,这里准备写一写如何利用 Hexo 搭建这个网站。

不过工程正在建设中,如果发现没有写完的话就稍后再来吧~

0x00 准备工作

一切的开始要从安装 Hexo 开始。
如果有需要,也可以直接看官方的 文档
npm 是 Nodejs 的包管理工具,所以在此之前先安装 Nodejs 也是相当必要的。


请在 这里 找到 Nodejs 的下载地址,并在运行下面的代码之前安装完成。

1
$ npm install hexo-cli -g       # 安装 Hexo

接着就是等待 npm 自己完成自己的工作了。

在安装完成后,我们就可以着手第一个网站的搭建。
运行下面的脚本来初始化我们的网站。
注意!以后我们的网站的根目录就是下面这个 new_site 文件夹了

1
2
$ hexo init new_site            # 初始化 Hexo 仓库
$ cd new_site

0x01 开始

在初始化以后的文件夹内部,惊喜地发现在根目录下多了若干的文件夹。

source/_posts 下的 Markdown 文件就是我们的内容文件了。

官方准备了一份 hello-world.md 来协助完成写作的任务。

其实到此为止,已经完成了大部分的工作,接下来只需要运行:

1
2
$ hexo server                   # 本地服务器开启
$ hexo s # 也可以这样简写

你就可以在 http://localhost:4000 看到网站最初的成果了


如果希望将文件保存为静态页面,请运行:

1
2
$ hexo generate                 # 保存为静态页面
$ hexo g # 简写

在根目录下的 public 文件夹内,就是生成的所有网页文件了。

0x02 部署

那么现在一切准备就绪,如果我们希望发布到静态网站服务,例如 github pages 或者 gitee pages 上,那么我们可以使用 hexo 的 deployment 功能。

假如我们的目标是 github pages,那么我们首先需要新建一个 github pages 的仓库,请在 这里 找到搭建 github pages 的教程。

  • 一句话概括:新建 Repository, 名字为 username.github.io

_config.yml 内找到这部分,并且根据自己的情况更改配置

1
2
3
4
deploy:
type: 'git' # Git 方式
repository: https://github.com/username/username.github.io # 仓库地址
branch: master # 主要分支

接下来的事情,hexo 会帮你做好

1
2
$ hexo deploy                   # 部署至指定位置
$ hexo d # 简写

一切就绪,Enjoy~

0x03 新建

想在 Hexo 新建 Post 很简单:

1
$ hexo new post new_post        # 新建名字叫 new_post 的 post

执行完成后你就可以在 source/_posts 里找到新建的文档了。