首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Mac 下用 Github和Hexo 搭建博客

准备

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之后,打开配置文件 ,修改 字段的值为

然后执行

关于主题的更多配置,请查看上方的链接

六、开始创作

我们先把 这篇自带的删掉,然后

我们就会看到在 目录下,出现了 文件,在文件里头编辑自己的内容,就是一篇博文了,比如

然后在命令行输入

来到我们的博客地址瞅瞅

七、域名

这个这个,我的域名过期了,暂时没打算买域名,以后再说吧,囧…

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180504G1XE6O00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券