🖼 所有搭建博客的汇总在这里:Blog全程搭建,示例🚀test.ruiqingyan.com

博客内容全是用ruiqingyan1.github.io这个项目,测试后会推送解析到别的域名,你可以看看搭建好什么样子

1、下载配置文件

前面已经成功下载brew、git、node,所以这里直接用

先下载cnpm,方便后续管理包,一定要加-g ,这样不需要配置其他环境变量,cnpm可以直接使用

1
sudo npm install -g cnpm
1
cnpm install -g hexo-cli
1
sudo npm install -g cnpm -registry=https://registry.npm.taobao.org
1
cnpm config set registry https://registry.npm.taobao.org
1
cnpm install -g hexo-cli

2、本地部署

找一个放博客的文件夹,初始化hexo项目,本地部署

1
2
hexo init
cnpm install
2403.1.新建文件夹,初始hexo项目
1
hexo clean && hexo g && hexo s
2403.2.hexo三连,本地部署

打开浏览器,输入http://localhost:4000/就可以访问到项目

2403.3.本地测试

3、推送到github

3.1 新建github项目

2403.4.新建github项目
如果你不用自己的github名创建博客项目,请看这里(比如你github名是hua,博客项目名不是hua.github.io,是其他名字)

有一个需要注意的小tip,比如我的github名叫做ruiqingyan1,

我创建了两个项目,分别是ruiqingyan1.github.ioruiqingyan2.github.io

ruiqingyan1.github.io是「GitHub Pages个人站点」,

ruiqingyan2.github.io是「GitHub Pages子站」,访问的RUL是ruiqingyan1.github.io/ruiqingyan2.github.io

①所以请务必用github名.github.io作为自己的博客项目名!!!

2400.1.项目名示例

②如果你部署了多个项目,云DNS解析域名的时候,

你所有的二级域名(xxx.ruiqingyan.com)应当都解析到ruiqingyan1.github.io

2400.2.域名解析示例

③你看会疑惑为什么都指向一个ip,为什么可以访问不同项目?

因为每个项目内有不同的CNAME,在不同项目中指定不同的域名

比如在ruiqingyan2.github.io项目中,CNAME指向test.ruiqingyan.com

所以访问test.ruiqingyan.com,会访问ruiqingyan1.github.io/ruiqingyan2.github.io

2403.5.新建github pages项目 2403.6.推送链接

3.2 本地hexo项目绑定github项目

2403.7.修改配置文件
1
2
3
4
5
# 代码类似这里
deploy:
type: git
repository: https://github.com/ruiqingyan1/ruiqingyan1.github.io.git #你的仓库地址
branch: master

注意,终端先进入博客所在目录,再通过_config.yml配置文件和git绑定github

下面命令是把本地项目绑定到我们的Github项目需要的包

1
cnpm install hexo-deployer-git --save
2403.8.绑定github

3.3 推送项目到github

在终端使用下面命令推送本地hexo项目到github仓库,一般推送失败网不好多来几次就好了

(用VPN的话可以看看https://一元机场.com/#/register,12元/年挺便宜的)

1
hexo clean && hexo g && hexo d   # 推送到github,长时间不动,control+c可以强制退出
2403.9.推送项目到github

3.4 生成github page

一般这里会自动生成

<img src=”https://ruiqingyan.oss-cn-shenzhen.aliyuncs.com/RuiqyBlog/2403.10.进入github— style=”zoom: 67%;” >setting.png” alt=”2403.10.进入github—>setting” />

2403.11.正常生成github page 2403.12.测试

目前,你可以通过访问test.ruiqingyan.com访问这个网站

3.5 hexo常用命令

1
2
3
4
hexo clean   # 清除缓存文件 db.json 和已生成的静态文件 public
hexo g # 生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo s # 项目不是到本地(hexo save 的缩写)
hexo d # 自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)

我们一般用下面的命令(一般称为hexo三连)

1
2
hexo clean && hexo g && hexo s   # 本地部署
hexo clean && hexo g && hexo d # 推送到github