Skip to content

建站记录

约 1272 字大约 4 分钟

vuepress建站

2021-10-28

前言

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

1. 开始安装

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

1.1 初始化建站

打开Vercel主页,无需注册,点击 Start Deploying

然后点击 Browse All Templates,选择建站模板;

因为我们要使用Hexo建站,所以选择Hexo模板;

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

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

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

现在可以在浏览器输入:https://你的仓库名字.vercel.app 即可看到

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

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 你不自定义域名都可以,域名钱都不用话,完全白嫖。

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

纯白嫖,YYDS ~~

3. 评论系统

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