返回首页 King0fLight

工具 USES

用到的东西
其实就这几样.

这个网站的全部工具链。左边是名字,右边是它在这里负责什么。最后有一节"刻意不用",那部分和用了什么同样重要。

HTML / CSS / JShand / written Markdownmd / posts 内联 SVGsvg / covers Python 3py / build pytesttest / green Playwrighthead / less Pillowimg / 1200x630 Cloudflare Pagesdeploy / 10s wranglercli / ship

页面本身

HTML / CSS / JavaScript 本站的页面技术。与 AI 协作维护,使用静态 HTML、CSS 和 JavaScript。
Markdown 文章与笔记的写作格式。写完不用管排版,交给生成脚本。
内联 SVG 首页的光线图形与工具示意直接嵌入页面,不额外请求图片。
系统等宽字体 Cascadia Code / Consolas。署名必须用等宽——不然数字 0 会被看成字母 o。

生成与预览

Python 3 跑在一个 conda 环境里。只用来做生成和检查,不参与网站运行。
markdown-it-py + PyYAML 把 *.md 和 front matter 渲染成页面。tools/build_blog.py 一次产出博客、笔记、sitemap 与 RSS。
tools/serve.py 本地预览服务器。它按 Cloudflare Pages 的规则解析没有后缀的地址,本地和线上表现一致。
Pillow 生成 1200×630 的社交分享图,以及压头像。

质量检查

pytest 验收测试入口,用于检查内容链接、主题、布局与键盘操作。
Playwright 独立无头浏览器。盯 320 到 1440 的布局、200% 文字缩放、键盘操作、关掉脚本还能不能读、站内死链。
WCAG 对比度 读计算样式算真实比值,不靠肉眼判断。可以在实验室里自己试。

发布与域名

Cloudflare Pages 免费托管,自动 HTTPS,全球分发。只发布 public/ 这一个目录。
wrangler 一条命令发布,十秒左右生效。改网站不需要打开控制台。
Cloudflare DNS 解析托管在这里,橙云代理开着。
华为云 只负责域名注册与实名,2027 年 6 月到期。
Git Bash / PowerShell 日常两条命令的路径不同,部署命令在两种终端里都写了。

刻意不用

前端框架 这个体量的页面,框架带来的复杂度大于收益。
CMS 与数据库 内容就是仓库里的 Markdown 文件,不需要后台。
远程字体与 CDN 依赖 页面不向第三方要资源,测试里有一条专门盯着这件事。
访问统计 目前没有统计脚本。要看数据的话,只会考虑不带 cookie 的方案。