准备
Github pages 的创建在上一篇博文已经说了,这里略过
git 自带,略过
Hexo 基于 Node.js ,这个等会装
安装 Hexo
整个过程大概就是:
创建 Github pages —> 安装 Node.js —> 安装 Hexo —> Hexo 初始配置 —> 关联 github —> 开始创作
一、安装 Node.js
这里选择 Homebrew 进行安装,对于没有 Homebrew 的自己去找下教程,网上教程很多,不过最好的教程在官网,特简单易懂,这里附上官网地址 https://brew.sh/,Homebrew 安装好之后,开始下面的步骤
在命令行输入
剩下的交给时间
二、安装 Hexo
有啥不懂的,特别推荐官网查询 https://hexo.io/docs/
三、Hexo 初始化
来到自己喜欢的目录下,新建一个文件夹,我这里新建了一个 文件夹
接着输入
如果没有出错的话,Hexo 就初始化完成了,此时会在你新建的文件夹(我这里的是 HexoBlog) 里头看到如下目录结构
每个目录是做啥的呢,去官网看吧 https://hexo.io/docs/setup.html
启动 Hexo 服务
或者 debug 模式下启动,debug 模式可以看到更多的日志
成功启动效果
然后在浏览器输入http://localhost:4000/就可以看到
Hexo 常用命令
上面的 表示可以直接用简写或者全称 书写,效果一样
更多指令请查看 https://hexo.io/zh-cn/docs/commands.html
四、关联 Github
打开我们的 HexoBlog 目录下的配置文件 ,拉到最下头,找到 ,进行如下配置
其中 输入我们 Github Pages 对应的仓库地址,为上传日志,可不填
配置完之后,命令行输入
如果出现如下错误
通过运行以下命令解决
再次输入 ,等待部署完成
注意:如果没有进行对 github 进行 ssh 配置,每次部署的时候可能都需要输入 github 的账号密码,ssh 配置这里先略过
再次进入我们的网址 https://objectville.github.io/是不是就是 Hexo 了
当部署到 github 完成之后,在本地会有一个 目录,里面的内容就是我们的仓库文件,与你打开 https://github.com/objectville/objectville.github.io看到是一样的
五、换个主题吧
进入我们的 HexoBlog 目录(貌似一直在)执行
OK之后,打开配置文件 ,修改 字段的值为
然后执行
关于主题的更多配置,请查看上方的链接
六、开始创作
我们先把 这篇自带的删掉,然后
我们就会看到在 目录下,出现了 文件,在文件里头编辑自己的内容,就是一篇博文了,比如
然后在命令行输入
来到我们的博客地址瞅瞅
七、域名
这个这个,我的域名过期了,暂时没打算买域名,以后再说吧,囧…
领取专属 10元无门槛券
私享最新 技术干货