免费自建个人网站-Gridea+GitHub+Vercel傻瓜式搭建静态博客评论SSL多主题

很多人想要搭建自己的博客网站，但是又苦于没有什么代码基础，部分同学可能觉得申请虚拟主机管理空间等操作繁琐，于是苦苦寻找那种单纯的写作平台，例如早期的新浪博客，现在的简书、国外的WP等也就成为了不少人的选择。

但是使用第三方的博客平台有一个最大的问题：不稳定。可能有的人会说大厂商不怕倒闭，纵观互联网这十几年的发展，再大的大牌服务如果没有赢利支撑，该倒闭的倒闭，该关停的关停。用户的利益对于商家来说不是高于一切。

本篇文章就来分享一个利用静态博客生成器Gridea来发布自己的博客网站，你可以将它发布任何支持Web访问的空间，这里我们以Vercel提供的免费空间来作为我们的静态博客文件发布平台，Vercel支持绑定域名，且提供免费SSL证书，是我们的理想建站平台。

更多的建站免费资源，这里还有：

1. 免费域名.tk,.ml,.ga,.cf,.gq申请注册和DNS解析-绑定免费空间教程

2. 微软Azure免费VPS主机申请与使用-香港,日本,韩国,美国等机房VPS主机可选

3. Oracle Cloud甲骨文免费VPS主机申请使用-日本,韩国和美国等免费云VPS主机

一、GitHub创建仓库

网站：

1. https://github.com/settings/tokens

2. 演示：https://gmm.wzfou.net/

1.1 新建API

进入到GitHub的API获取页面，点击创建新的Token。

在创建Tokens时，名字可随意，只需勾选repo相关权限即可。

1.2 新建仓库

在GitHub新建仓库。

给你的博客项目命名。

二、Gridea生成网站

网站：

1. https://gridea.dev/

2.1 配置软件

进入到Gridea，下载安装。启动软件，点击远程设置，这里填写你的域名、仓库名称、分支为main、用户名为你的Github用户名、令牌就是你刚刚获取的Token。如下图：（点击放大）

2.2 开启评论

Gridea支持开启Gitalk、Disqus评论，如果要开启Gitalk评论你需要先开启授权。首先，您需要选择一个公共github存储库（已存在或创建一个新的github存储库）用于存储评论。

然后需要创建 GitHub Application，如果没有 点击这里申请：https://github.com/settings/applications/new，Authorization callback URL 填写当前使用插件页面的域名。

最后，你就可以在评论设置中ID和密钥了，如果Gitalk 提示 Error: Not Found,点击 GitHub 登录会返回首页。这是因为 GitHub OAuth Application 中的 Homepage URL 和 Authoration callback URL 有误，若是有自定义域名需填写自定义域名。

2.3 同步文件

点击Gridea的同步，就可以将刚刚我们设置的网站同步到GitHub仓库了。

打开你的Github项目的main分支就可以看到你同步过来的文件了。

三、Vercel发布网站

网站：

1. https://vercel.com/

其实Github Page就是一个免费的静态空间，但是Vercel相对于来更加有优势，一是速度更快，在亚太有节点，国内访问速度快；二是可以绑定自己的域名；三是支持自动为绑定域名生成Lets免费证书，支持Https访问。

直接在Vercel使用Github账号登录，然后选择导入你的Git，就是你刚刚创建的项目。

选择你的账号。

确认你的项目。

确认导入。

最后就是将你的Github代码部署到Vercel了。

打开你的Vercel二级域名你就可以看到你的博客部署成功了。

四、绑域名开启SSL

本部署是可选项，对于没有自己的域名使用上面的Vercel二级域名建站也是可以的，不过购买一个域名现在已经也是白菜价了，像腾讯云、阿里云等一个域名也就是十几块钱。

在Vercel中点击设置，然后选择绑定域名，输入你自己的域名。

此时，Vercel会生成一个CNAME记录。

到你的域名DNS解析处，给你的域名添加CNAME记录。一般来是www和@，这里我以gmm来测试的。

待域名解析生效后，你就可以使用你的域名来访问Vercel空间了。

五、自定义博客主题

网站：

1. https://gridea.dev/themes

本部署是可选项，Gridea提供的四个默认的主题其实已经可以满足大多数人的写作需要了，当然为了好看你也可以选择一些网友制作的主题。（点击放大）

点击 Gridea 左侧「系统」菜单，查看源文件夹目录，进入目录，然后将主题文件夹放入 themes 文件夹，重启应用即可。

将下载的主题文件放在这里。

Gridea 有些主题提供的非常多的设置选择，比如设置背景图片、音乐、访问统计、SEO等等。

这些你都是根据你自己的需要来选择。

六、Gridea撰写博客文章

完成上面的所有配置后，你现在就可以开始使用Gridea撰写博客文章了。

Gridea撰写文章还是比较简洁的，添加表情、添加图片、设置分隔符等。

Gridea支持直接在线预览，撰写之后点击预览就可以看到效果。

没有问题的话，点击同步一下就行了。

七、Gridea同步与备份

如何你想要在其它的电脑上撰写博客文章怎么办？你仅将博客源文件夹（默认是 ~/Documents/Gridea）通过OneDrive 、坚果云或其他类似网盘同步工具进行文件备份与同步，然后在别的电脑上替换一下Gridea的博客源文件即可。

1. 巧用又拍云FTP和坚果云WebDAV-打造个人文件备份和数据云存储

2. 本地网络磁盘RaiDrive挂载Dropbox,Google Drive,OneDrive支持WebDAV,FTP,SFTP

如何一起同步自己的静态文件?手动复制文件到博客源文件夹的 static 文件夹，构建时会直接复制到 output 文件夹