建 blog 究极指南

经历了奇怪的摸索路径,我觉得我应该可以整清楚这玩意了

可以先看看Hexo官网的教程

首先是建立 github 仓库

名字必须是 username.github.io

然后去终端下载 hexo我们就用它好吧
Mac

1
brew install hexo

windows

1
npm install hexo-cli -g

接着就可以初始化了

1
2
3
mkdir username.github.io
hexo init username.github.io
cd username.github.io

然后再给这个本地仓库,怎么说,推送到刚建的 github 仓库了

1
2
3
git remote add origin https://github.com/username/username.github.io.git
git branch -M main
git push -u origin main

这几条语句就挺好理解的吧,学了 git 的话,或者说了解了

然后很重要的一条就是这个 url(咬牙切齿),在你初始化的仓库的配置文件 config.yml 里,这是决定你的 blog 请求的文件相对路径如何表示的,就怎么说,比如你图片要在哪里找到就是在这里决定了,一部分,就相当于你的根目录的位置,对,反正是对 github

1
url: https://github.username.github.io

就这样,不相信我的话可以去试试别的,随你便

下一步就是装主题了,我装的是butterfly,直接 git clone 就行

1
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

-b 是表示克隆一个分支,就 master 分支,克隆到根目录下的 themes/butterfly

记得在根目录下的配置文件 config.yml 里更改主题

1
theme: butterfly

最后下几个插件

1
npm install hexo-renderer-pug hexo-renderer-stylus --save

这个是 pug 和 stylus 渲染器,不知道是什么,反正需要就是了

1
npm install hexo-deployer-git --save

这个是和部署有关的

剩下就自己配置了

还有一些常用的指令

1
hexo new "title"

创建一个新帖子,当然也可以手动创建,简写成 hexo n ""

1
hexo generate

生成文件,就 public 哪些部分之类的,你用了就知道了 hexo g

1
hexo server

启用本地测试,你可以先在这里看看,再部署上去 hexo s

1
hexo deploy

部署到 github 上,(不会还有人手动 push 把自己搞得一团糟吧) hexo d

生成和部署可以一起完成

1
hexo g -d

如果你不怕出什么问题的话(怕什么,反正也没人看)

好困,睡了

附:

  • 要先下git(自己查)
  • 然后下npm
1
curl -qL https://www.npmjs.com/install.sh | sh