一、Mac下使用GitHub+Hexo搭建个人博客

发表于 2022-07-03 本文字数： 2.6k 阅读时长 ≈ 2 分钟

一、环境准备

1.安装Homebrew

注：Linux通常使用yum或者wget安装软件，Mac电脑通常使用的brew安装三方软件，这里记录下Mac Pro下brew的安装过程。

在命令行工具输入以下命令，如果已经安装过Homebrew可以忽略。

1	/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

检查Homebrew

1 2	输入：brew -v 输出：Homebrew 2.7.1

2.Homebrew 安装 node.js

1	brew install node

安装后可以使用命令来检查是否安装成功

检查node

node -v

输出结果：

v16.15.1

检查npm是否安装成功，npm是node.js的包管理工具，用它来安装hexo

npm -v

输出结果:

8.11.0

3.Homebrew 安装git

1	brew install git

检查git是否安装成功

1	git --version

输出结果:

1	git version 2.24.3 (Apple Git-128)

4.升级 npm 为cnpm

为了提升安装速度，我们可以先安装cnmp

设置淘宝镜像源cnpm

Hexo需要借助npm包管理器来安装，国内使用npm镜像源速度很慢，需要设置淘宝镜像源cnpm，终端输入
1
npm install -g cnpm --registry=https://registry.npm.taobao.org
完成后输入 cnpm -v 查看版本，验证是否安装成功

如果报错需要在命令前加 sudo 赋予权限5.使用cnpm安装Hexo博客框架

5.使用 cnpm 安装 hexo

1	cnpm install -g hexo-cli

hexo -v 查看版本，验证是否安装成功

hexo-cli: 4.3.0
os: darwin 19.6.0 10.15.7

node: 16.15.1
v8: 9.4.146.24-node.21
uv: 1.43.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.18.1
modules: 93
nghttp2: 1.47.0
napi: 8
llhttp: 6.0.4
openssl: 1.1.1o+quic
cldr: 40.0
icu: 70.1
tz: 2021a3
unicode: 14.0
ngtcp2: 0.1.0-DEV
nghttp3: 0.1.0-DEV

二、创建博客

1.创建博客文件夹

1 2	mkdir kobe_blog cd kobe_blog

2.用hexo初始化生成博客

1	输入sudo hexo init

当出现Start blogging with Hexo！就代表下载完成

![image-20220702171324295](/Users/kobe/Documents/Typora/Typora图片/202207021713-hexo init.png)

3.启动博客

输入hexo s

你会得到http://localhost:4000的一个网址，用浏览器打开，你就得到了你自己的第一个博文，Hello World，

关闭的时候按 control + c 即可

4.新建博客

1	输入hexo n "kobe's first blog"

双引号内写博客的标题

你就可以得到一个红色的字体的一行字

![image-20220702172653050](/Users/kobe/Documents/Typora/Typora图片/202207021726-hexo n.png)

现在是在blog的目录下，需要进入到创建的这个博客里面，需要输入cd+红字的后半部分的位置的位置：

cd source/_posts/

此时就可以对你的这篇博客进行编辑了：

vim 我的第一篇博客.md

就正常写博客就可以了

执行 hexo s

然后再访问就可以看见新写的文章

三、将博客部署到github

1.新建博客Git仓库

进入到自己的github，然后点右上角的加号，第一个new repository。

注意⚠️：将仓库的名字设置成自己github帐号的名字，必须一模一样，每个帐号只有一个github pages。

例如我的仓库名是kobe，那么名字必选是kobe.github.io，这是用户部署个人博客的GitHub仓库的命名要求。

2.下载git插件

终端输入

1	cnpm install --save hexo-deployer-git

再设置：

vim _config.yml中的最底部，设置Deployment

type: git
repository: 仓库的地址（此处要注意不能简写，我配置的时候简写repo不生效）

3.将hexo部署到github

接下来就是三部曲：

1
2
3

hexo clean
hexo g
hexo d

现在你就可以通过你gtihub的名字 + .github.io来访问
比如我的博客: https://kobe.github.io/

4.hexo常用命令

Hexo常用命令
hexo new postName       #新建文章 在source/_posts 下生成     简写指令：hexo n 
hexo new page pageName  #新建页面 在source/pageName 下生成    
hexo deploy             #将.deploy目录部署到GitHub          简写指令：hexo d 
hexo generate           #生成静态页面至public目录            简写指令：hexo g 
hexo server             #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）简写指令hexo s 
hexo clean              #清除所有静态页面和缓存数据