0x00 - Hexo 建站, Start From Here
人生苦短,不造轮子
这是所有日志的起点,第一篇不知所谓但是就是想贴在这里的日志。
作为第一篇的话,这里准备写一写如何利用 Hexo 搭建这个网站。
不过工程正在建设中,如果发现没有写完的话就稍后再来吧~
0x00 准备工作
一切的开始要从安装 Hexo 开始。
如果有需要,也可以直接看官方的 文档。
npm 是 Nodejs 的包管理工具,所以在此之前先安装 Nodejs 也是相当必要的。
请在 这里 找到 Nodejs 的下载地址,并在运行下面的代码之前安装完成。
1 | npm install hexo-cli -g # 安装 Hexo |
接着就是等待 npm 自己完成自己的工作了。
在安装完成后,我们就可以着手第一个网站的搭建。
运行下面的脚本来初始化我们的网站。
注意!以后我们的网站的根目录就是下面这个 new_site 文件夹了
1 | hexo init new_site # 初始化 Hexo 仓库 |
0x01 开始
在初始化以后的文件夹内部,惊喜地发现在根目录下多了若干的文件夹。
在 source/_posts
下的 Markdown 文件就是我们的内容文件了。
官方准备了一份 hello-world.md
来协助完成写作的任务。
其实到此为止,已经完成了大部分的工作,接下来只需要运行:
1 | hexo server # 本地服务器开启 |
你就可以在 http://localhost:4000 看到网站最初的成果了
如果希望将文件保存为静态页面,请运行:
1 | hexo generate # 保存为静态页面 |
在根目录下的 public
文件夹内,就是生成的所有网页文件了。
0x02 部署
那么现在一切准备就绪,如果我们希望发布到静态网站服务,例如 github pages 或者 gitee pages 上,那么我们可以使用 hexo 的 deployment 功能。
假如我们的目标是 github pages,那么我们首先需要新建一个 github pages 的仓库,请在 这里 找到搭建 github pages 的教程。
- 一句话概括:新建 Repository, 名字为
username.github.io
。
在 _config.yml
内找到这部分,并且根据自己的情况更改配置
1 | deploy: |
接下来的事情,hexo 会帮你做好
1 | hexo deploy # 部署至指定位置 |
一切就绪,Enjoy~
0x03 新建
想在 Hexo 新建 Post 很简单:
1 | hexo new post new_post # 新建名字叫 new_post 的 post |
执行完成后你就可以在 source/_posts
里找到新建的文档了。