稍等一下...
1051 字
5 分钟
搭建个人博客的首次尝试,部署过程以及成果总结
2026-03-31
无标签

前言

这是我编写的第一篇博客,并没有什么明确的主题。因为是首次部署的博客系统,各方面的流程都还不太熟悉,也许有许多想法,但是没办法很好的呈现出来。
虽然此前有过用 obsidian 记笔记的习惯,但对于 Markdown 语法还算不上特别熟悉。为了避免博客荒废,还是先写一些实验性的博客,就当是熟练语法吧


关于此次搭建博客系统的想法

参考了许多开源项目,和网上各位博主的的经验;以及在各种 AI 工具的辅助下,终于是搭建出了一个比较满意的博客系统

实现的功能

  • 动态壁纸

    使用的是之前用 AE 制作的动态壁纸,格式是 mp4。重点还是在实现 亮色/暗色 模式差分的美术工作,以及配套功能所需的代码。
    美术效果上,不仅会根据主题模式改变壁纸的场景,在黑夜模式下,还会有荧光的粒子效果。至于性能上,可能会消耗比较多的性能,并且拖慢加载时间。虽然默认逻辑是优先加载低质量的静态壁纸,然后懒加载动态壁纸 mp4,但是介于 cloudflare 的访问速度,也没有更好的办法了…

  • 亮色/暗色 模式

    支持 亮色/暗色 模式的视觉效果,可以跟随设备主题。重点是新增支持==跟随时间==进行切换,这也是本博客默认的模式。
    原因是大部分电脑的主题都并没有自动切换,所以还是由我来强制做出选择吧。这也是为了呈现出更好的视觉效果,避免浪费了我制作的壁纸差分。

  • 云服务器及图床

    使用 GitHub+Cloudflare Pages 作为博客服务器。Cloudflare R2 储存+Workers 规则实现图床以及图像压缩和防盗链。
    这也算是目前比较主流的‘’白嫖‘’配置了。原本是希望把使用服务部署在我自己的服务器上的,毕竟本博客的宗旨并不是用于广泛的大众访问,仅仅是服务于我个人以及主域名的占位。但是因为家宽没有 80/443 端口,要想实现主域名无端口跳转就需要回源或者各种‘骚操作’。这样一圈弄下来,不仅访问速度慢得可怜,我还需要担心服务器的 ddos 安全以及性能和带宽损失。索性完全白嫖,反正有大量前人的经验,跑通这样的流程几乎没有任何难度,还能照抄工作流,算得上是十分方便了。

  • 工作流

    使用 Obsidian 编写博客,Git 插件实现上传,GitHub 仓库+Github Action 实现博客源代码托管和上传自动触发编译,并推送到 Clouldflare Pages。
    依旧是一套很成熟的免费工作流程;对于我很舒服的一点是,此前就已经将日记的管理全部迁移到了 Obsidian。这次搭建博客系统的文章管理部分便得以无缝衔接 Obsidian。全平台同步,强大的插件生态,以及优秀的 Markdown 支持。Obsidian 的确算得上是十分优秀的笔记软件了。有许多详细的 Obsidian 细节,也许以后会单独写一篇博客介绍一下。

  • 基础样式和组件

    基础网页框架来自 Astro 框架和 Twilight 主题,并在此基础上进行了修改。音乐组件来自 Firefly 主题,使用自托管的 Meting API 提供API服务。

  • 评论系统

    使用自托管的 Twikoo 作为评论系统,并且采用 Firefly 主题的 Twikoo 插件修复了原本评论页面显示异常的问题。
    不过感觉对于我的博客,评论系统似乎聊胜于无。并且我开启了手动审核,就当是提供一个快捷的联系我的方式吧。


十分简单的一次博客编写尝试,等以后再慢慢固定风格吧

搭建个人博客的首次尝试,部署过程以及成果总结
/posts/搭建个人博客的首次尝试部署过程以及成果总结/
作者
发布于
2026-03-31
许可协议
CC BY-NC 4.0

部分信息可能已经过时

Profile Image of the Author
Hi
公告栏
欢迎来到我的博客,目前还没有公告
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词