Kaciras' Blog

header icon

github https://github.com/kaciras-blog

browsers 兼容性:

网页客户端

header icon

vue 网页端是用 Vue3 全家桶编写的单页应用,纯手撸组件未使用 UI 库。

write 拥有 Markdown 编辑器,支持动图、视频等。

sentry 由 Sentry.io 提供的的免费服务来监控页面里发生的错误。

Vite 使用 Vite 打包代码和资源,并提供开发时的热重载。

pwa 本站拥有 PWA 支持,大幅提升了加载速度, 使用了自己写的 ServiceWorker,主要参考了 workbox 项目。

页面服务器

header icon

nodejs 页面服务器使用 NodeJS 编写,使用了 Koa 全家桶。

ssr 支持服务端渲染,让网站能够被搜索引擎抓取,并减少首次访问的白屏时间。

webp 支持图片自动优化、压缩,转码为最新的格式,节约了 93.5% 的流量 (根据文章里的图片计算,假定浏览器支持 AVIF)。

内容服务器

header icon

spring framework 内容服务器以 JAVA 语言为主,使用 Spring 全家桶。

redis 由 Redis 提供高性能的会话、缓存、友链、通知等数据的存储。

mariadb 文章、评论、分类、用户等数据存储在 Mariadb 数据库中。

nginx 使用 NGINX 做反向代理,统一访问入口。

debian 本网站运行于 Debian 系统上,使用 testing 分支滚动更新。