几乎全免费的博客建站

3 min

  目前这个博客站点除了域名外全用的免费服务。如果可以接受服务商的二级域名,则可以完全不花钱。以下做一个简单的总结。

使用的服务

1. 域名

  域名购于porkbun,每年5美元。托管在CloudFlare下。

2. 网站框架和主题

  博客使用Astro框架Retypeset主题。并用通义灵码的VS Code插件和个人专业版本的token限时免费额度,以及Github的月度Copilot免费额度修改代码,实现了一些原主题没有但自己想要的功能(合集、分页等等)。

TIP

有时候也用Deepseek等免费AI针对某个疑难问题验证/优化通义或Copilot的解决方案。

3. 源码托管

  源码托管在Github上。

4. 部署

  网站部署于Netlify。Github仓库变动后自动触发实时部署。Netlify 会给你分配一个免费二级域名。如果不在意,可以不用自己域名。那就完全免费了。

5. 图床

  图床使用ClouFlare-Imgbed,用CloudFlare的pages部署,文件存储为CloudFlare的R2免费版本。简单够用。

6. 评论系统

  评论使用Waline,根据官方指南部署于Vercel。

工作流程

  各种类的工作流程如下:

1. 源码管理

  VS Code集成编辑、测试、推送、管理等所有和代码相关的流程,非常方便。

2. 文章撰写

  用Obsidian写好文章后拷贝md文件到项目文件夹,再用VS Code或者Terminal(看当时打开了哪个App)推送到Github仓库。

  Obsidian通过Remotely Save插件实时同步/备份文章,确保无论在哪里打开,文章都是最新的版本。

  偶尔图方便直接在VS Code里面编辑了文章,就手动拷贝md回Obsidian文件夹覆盖更新。本来还想过设法让Obsidian和VS Code共用一个文章库,免去手动操作。但想想实在没必要,一来手动操作的时候很少(只有文章推送到Github后再修改,才会需要手动操作),二来两个软件间有个隔离工作也清晰。

3. 文件备份

  本地用Synology Drive将项目实时备份到NAS,NAS上再用CloudSync实时备份到远端网盘。

  上述流程确保任何关于代码和文章的改动,都会实时同步+实时备份。一旦改动推送到Github,Netlify也会实时部署,网站实时更新。