从0到1：无需购买服务器，手把手教你搭建Free的博客网站

引言

想搭建自己的博客却预算有限？不懂技术不会编程好难下手？本文带你从零开始，从零开始，用 GitHub 和 Hexo 搭建免费的博客，让你轻松拥有自己的博客。

什么是 Hexo？

Hexo 是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown（或其他标记语言）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

Hexo优势：

快速：利用 Markdown 及其他模板引擎快速渲染文章。
简洁：没有冗余文件，站点由源文件和配置文件组成，基于配置文件可轻松定制网站。
高效：使用文本编辑器撰写文章，借助本地服务器预览，无需考虑繁杂的格式和调整样式。
灵活：支持多款主题、多种部署方案，可通过插件扩展功能。

Hexo劣势：

学习成本 ：对于不熟悉命令行或 Node.js 的用户来说，Hexo 的配置没有可视化界面，通过_config.yml文件配置（少个空格就报错），有学习成本。
主题和插件 ：虽然 Hexo 有很多主题和插件，但插件与主题间可能不通用，导致无法使用。比如：文章无法分享到国内社交圈
部署复杂性 ：通常部署与github上，通常需要git版本控制，Cloudflare 加速，配置床图，且有容量限制(免费1G)，没有WordPress 等平台直观好升级，对于习惯使用图形界面的用户来说，可能不太友好。
评论系统依赖第三方 ：需接入外部评论系统（如 Waline、Valine、Disqus），配置复杂且数据依赖第三方平台。

适用场景

适合人群	不适合人群
- 开发者/技术爱好者/写作者 - 追求速度和安全性的用户 - 需要版本控制和自动化部署的团队	- 希望通过图形化界面管理博客的新手 - 需要复杂动态功能（如电商、论坛）的用户 - 对存储空间敏感且内容庞大的博主

搭建成品预览：https://chinapmcc.github.io/

1、搭建准备工作

2、配置Git ssh密钥并连接Github

打开 `Git Bash` 程序，执行以下命令

1 2	git config --global user.name "github用户名" git config --global user.email "github注册邮箱"

检查是否配置成功

执行命令后，显示配置的用户名及邮箱，说明配置成功了

1	git config -l

3、生成ssh公钥与私钥

执行以下命令，一直点回车

1	ssh-keygen -t rsa -C "github注册邮箱"

密钥生成目录位置：`C:\Users\用户名\.ssh\`

id_rsa=私钥
id_rsa.pub=公钥
.ssh目录及文件不要移动

4、连接到Github

用Notepad++软件打开id_rsa.pub公钥文件，并复制内容。
登录github网站设置，点击右上角头像→Settings→SSH and GPG keys
在SSH keys选项中，点击New SSH key按钮
Title自定义–>在 Key 的输入框中，粘贴公钥文件内容→最后点击 Add SSH key 的按钮。

连接测试是否成功

1	ssh -T [email protected]

第一次连接，会出现Are you sure you want to continue connecting (yes/no/[fingerprint])?的提示，输入yes就可以了。
如果，你设置了密码还会在有Enter passphrase for key '/c/Users/用户名/.ssh/id_rsa':的提示，输入你设置的密码即可。

创建GitHub.io仓库

在github创建仓库，输入自定义仓库名要求<用户名>.github.io，点击Create repository

5、安装 Hexo

上述必备安装完成后，使用 npm 安装 Hexo。

1	npm install -g hexo-cli

验证Hexo是否安装成功。

hexo -v

Hexo初始化

执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

1
2
3

hexo init chinapmccHexo
cd chinapmccHexo
npm install

初始化后，您的项目文件夹(chinapmcc)将如下所示：

.
├── node_modules 依赖包
├── _config.yml  博客的配置文件
├── _config.landscape.yml 主题的配置文件
├── package.json  项目名称、描述、版本、运行和开发等
├── scaffolds  生成文章模板
├── source  用来存放Blog文章
|   ├── _drafts  
|   └── _posts  
└── themes 主题

启动Hexo项目

执行以下命令启动服务器。默认情况下，访问网址为： http://localhost:4000/。

1	hexo server

6、部署发布到GitHub Pages

安装插件 hexo-deployer-git

1	npm install hexo-deployer-git

在项目目录中修改 _config.yml 文件
修改最后一行的配置，将repository修改为你自己的github项目地址即可，还有分支要改为main代表主分支（注意用空格缩进）。

deploy: 
  type: git
  repository: [email protected]:chinapmcc/chinapmcc.github.io.git
  branch: main

打开 Git Bash 程序，执行以下命令，将项目上传部署到github上

1	hexo clean && hexo generate && hexo deploy

hexo server 或 hexo s：
功能：启动一个本地服务器，用于在开发过程中实时预览博客。
用途：在编写博客或修改博客配置时，使用 hexo server 可以让你在本地浏览器中查看博客的实时效果，这对于调试和预览是非常有帮助的。
hexo clean 或 hexo cl：
功能：清理缓存文件。
用途：当你更改了博客的主题或插件，或者需要从头开始生成静态文件时，可以使用这个命令。它会删除 public 目录（包含生成的静态文件）和 .cache 目录（包含缓存文件）。
hexo generate 或 hexo g：
功能：生成静态文件。
用途：当你添加了新的文章、修改了配置或主题后，需要重新生成静态文件以便在本地预览或部署到服务器。
hexo deploy 或 hexo d：
功能：将生成的静态文件部署到远程服务器。
用途：当你完成博客的编写和本地预览后，需要将博客发布到互联网上，可以使用这个命令将静态文件部署到远程服务器。

如果出现Deploy done: git，则说明部署成功了。

7、挂载到 Cloudflare Page自动构建部署(可选)

Cloudflare可以直接从 Git 存储库（如 GitHub 或 GitLab）拉取代码并自动构建和部署的功能，只需在 Git 存储库中提交代码，Cloudflare 会自动完成后续工作。
在 Workers 和 Pages 中选择 Pages 的 设置TAB，点击构建

点击GitHub的按钮，登录GitHub（Only select repositories选仓库）
点击Install & Authorize
选择你要存储的库，<用户名>.github.io
点击开始设置
点击保存并部署后，等待项目部署完成即可。

设置GitHub仓库=私有

返回刚才部署的github仓库

点击设置（settings)
往下拉，找到Danger Zone，点击 Change visibility
点击 Change to private
弹出的确认窗口，好几个一直点最后。（提醒意思：星星/排名都会清除）