---
url: /article/gudijp9f/index.md
---
## 前言

拥有个人博客是一件有意义的事，可以在一个公开平台输出、展示自己，本文将尽可能详细介绍如何搭建一个**hexo**静态博客网站，以 Windows 系统为例，其他系统步骤相同。
在完全参照本文操作前，默认你已安装**Git**、**Node.js**，且拥有 **Github**账号。注意，因为**GWF**的原因，有些网站打开可能会很慢，非常不稳定，对此各位自显神通。

## 1. 开始安装

大多数教程都是先从安装**Hexo**开始，然后起动服务、编译、上传，整个过程非常繁琐，很容易打击你那颗爱写作的心。经过我的摸索，发现直接从**Vercel**自动化部署工具开始最快，让你一分钟即可从 0 到 1 完成建站，操作尽量使用 Micro Edge 或 Chrome 浏览器。

### 1.1 初始化建站

打开[**Vercel**](https://vercel.com/)主页，无需注册，点击 **Start Deploying**；

![](https://cdn.jsdelivr.net/gh/Ma-yeah/picx-images-hosting@main/2021-10-28/01_2.1_01.webp)

然后点击 **Browse All Templates**，选择建站模板；

![](https://cdn.jsdelivr.net/gh/Ma-yeah/picx-images-hosting@master/2021-10-28/01_2.1_02.webp)

因为我们要使用Hexo建站，所以选择**Hexo**模板；

![](https://cdn.jsdelivr.net/gh/Ma-yeah/picx-images-hosting@master/2021-10-28/01_2.1_03.webp)

至此，你马上就可以完成建站了，接下来我们选择**Continue With GitHub**；

![](https://cdn.jsdelivr.net/gh/Ma-yeah/picx-images-hosting@master/2021-10-28/01_2.1_04.webp)

然后会弹出提示，需要你授权登录GitHub，依照提示，填写好你的GitHub账号及密码，完成后如下所示，选择GitHub后继续；

![](https://cdn.jsdelivr.net/gh/Ma-yeah/picx-images-hosting@master/2021-10-28/01_2.1_05.webp)

选择你的GitHub账号后，需要创建一个仓库。注意：Vercel 会为你提供一个 Https 的域名，如我创建的仓库名为"maye"，则访问域名为：https://maye.vercel.app 因此，这里的仓库名依据个人喜好自定义。然后选择"Create"，创建仓库，**Create a Team** 可以选择跳过，接着等待 **Deploy** 完成即可。

![](https://cdn.jsdelivr.net/gh/Ma-yeah/picx-images-hosting@master/2021-10-28/01_2.1_06.webp)

现在可以在浏览器输入：https://你的仓库名字.vercel.app 即可看到
![](https://cdn.jsdelivr.net/gh/Ma-yeah/picx-images-hosting@master/2021-10-28/01_2.1_07.webp)

此时，静态博客网站已经搭建完成。

### 1.2. 图床

目前发现最好用的免费图床 <https://picx.xpoet.cn/>，仅 web 界面，无需安装任何软件，使用 github 存储，支持多图片上传、压缩、重命名、CDN 加速、转链。

## 2. 自动构建

目前使用腾讯云的 webify 托管服务。当代码仓库选择 coding 时，需事先创建一个项目，项目表示一个集合，项目类可以包含多个代码仓库。创建项目时注意：最好选择**全功能**，至少也要包含`代码托管`和`自动部署`服务，否则当推送代码时，可能不会触发自动构建。

我本想使用 腾讯云 webify + coding 来托管，因为我在腾讯云买了域名，结果发现从 2021 年 8 月 15， webify 不再支持域名备案了，之前备案过的域名不受影响。而现在只能买云服务器才能备案。本来还想着用一些国内的 OSS 存储，付点费也行，只要稳定，但国内的 OSS 存储几乎都是要网站备案的。。。
干脆还是用原来那套 vercel + github 算了，白嫖，腾讯云的域名也能绑定上去解析，只是不能备案而已，但现在用 github 图床，也没必要考虑备案。
插一句，备案是指域名，腾讯的域名只能绑定腾讯的云服务器资源才能完成备案。其他运行商的域名需要转入至腾讯云运营商才能备案。大陆以外的服务器不能备案，也无需备案。
服务器没有备案这一说，只是域名备案必须要有服务器才能备案。
vercel 基本上你代码推上去立刻构建，很快就能通过自定义域名访问到最新变更，而 webify ，构建完后可以立马通过分配的 cloudbase 域名访问最新变更，但这个域名太长了，一般用自定义域名访问，但通过自定义域名访问，需要等 5-10 分钟才能看到最新变更。
vercel 分配的域名是根据你的 仓库名.vercel.app 来命名，比较友好，而 cloudbase 分配的域名很长还不好看。其实用 vercel 你不自定义域名都可以，域名钱都不用话，完全白嫖。

|产品|免费构建时长(分钟/月)|域名要备案|费用|
|:--:|:--:|:--:|:--:|
|webify|300|必须|1000PV 收费0.01~0.1,不足 0.01 按 0.01 收费|
|vercel|1000|无需|免费|

纯白嫖，YYDS ~~

## 3. 评论系统

已接入[Waline](https://waline.js.org/)评论系统，推荐使用国际版，国内版需要网站备案，并且需要公网 ip。
免费接入并部署在`vercel`，部署完成后，请访问 `<serverURL>`/ui/register 进行注册，首个注册的人会被设定成管理员。
自定义 Waline 头像，可使用博客资源，根目录为 source，故资源地址为：https://mayee.cc/\<source目录下的路径>
