关于

About · 关于本站

一份源码 · 六线并行

Hexo 静态站点，同一份构建产物同时分发给 6 条线路（2 条主线路 + 4 条备用线路），全站 HTTPS、实测全部协商到 TLS 1.3 + HTTP/2。下面把每条线路的节点位置、Ping 延迟、HTTPS 握手耗时与首字节响应都摊开写清楚。

• 6在线线路
• 2主线路
• TLS 1.3全站 HTTPS
• h2HTTP/2 全支持

1.线路信息🚁

本站是纯静态站点，一份构建产物同时推给 6 个托管商：2 条主线路负责日常访问，4 条备用线路负责兜底与分流。六条线路全部支持 HTTPS，浏览器与服务器都能协商到 TLS 1.3 + HTTP/2。下面先逐条说明「它在哪、有什么特点」，再给一张本机实测参数对照表。

主线路 · 日常入口 2 条

example.com主线路

example.com

Vercel Edge Network · 全球 Anycast 泛播，本次请求落到新加坡 sin1 节点（响应头 x-vercel-id: sin1::…），边缘缓存命中（x-vercel-cache: HIT）；HSTS 有效期 2 年

Ping 延迟186ms

HTTPS 握手197ms

首字节 TTFB188ms

64.29.17.65实时延迟 · 待测

example.com主线路

example.com

Cloudflare · 泛播就近接入，本次落到阿姆斯特丹 AMS（cf-ray: …-AMS），动态回源（cf-cache-status: DYNAMIC）；额外提供 HTTP/3（alt-svc: h3）。用 .cn 域名的原因：更易被记住，对国内 SEO 也更友好

Ping 延迟250ms

HTTPS 握手250ms

首字节 TTFB230ms

172.67.222.147实时延迟 · 待测

备用线路 · 兜底与分流 4 条

github.example.com备用

github.example.com

GitHub Pages / Fastly · 解析到 Fastly 任播（Server: GitHub.com、Via: 1.1 varnish）。裸连接是六条里最快的，但正文响应在国内时常被拖住，只当兜底用

Ping 延迟60–1081ms

HTTPS 握手65–171ms

首字节 TTFB多次超时

185.199.108/109.153实时延迟 · 待测

netlify.example.com备用

netlify.example.com

Netlify · 源站在 AWS 新加坡 ap-southeast-1（Server: Netlify）。命中边缘缓存时表现稳定，冷启动 / 回源时抖动比较明显

Ping 延迟191ms

HTTPS 握手197ms

首字节 TTFB190ms

13.215.239.219实时延迟 · 待测

edgeone.example.com备用

edgeone.example.com

腾讯云 EdgeOne · 腾讯云海外节点（Server: edgeone makers），响应头 Age: ≈49000 说明边缘缓存长期命中；本次采样 0 失败，是四条备用线路里最稳的一条

Ping 延迟216ms

HTTPS 握手211ms

首字节 TTFB221ms

43.174.247.63实时延迟 · 待测

render.example.com备用

render.example.com

Render · 免费容器托管，入口经 Cloudflare 清洗与加速（cf-ray: …-LAX，本次落到洛杉矶）。静态产物走边缘，只有容器冷启动时才会变慢

Ping 延迟173ms

HTTPS 握手181ms

首字节 TTFB171ms

216.24.57.18实时延迟 · 待测

本机实测参数对照 2026-10-04 · 每条采样 4 次重测全部

线路	托管平台 / 边缘	本次落点	Ping (TCP RTT)	HTTPS 握手 (TLS)	首字节 (TTFB)	稳定性
example.com	Vercel Edge Network	新加坡 sin1 · 64.29.17.65	186 ms	197 ms	185–190 ms	4 次里 2 次响应被拖慢
example.com	Cloudflare（支持 HTTP/3）	阿姆斯特丹 AMS · 172.67.222.147	212–343 ms	219–278 ms	214–258 ms	4/4 成功
github.example.com	GitHub Pages / Fastly	Fastly 任播 · 185.199.108/109.153	60–1081 ms	65–171 ms	多次超时	正文 3/3 未取回（HEAD 200 正常）
netlify.example.com	Netlify（源站 AWS 新加坡）	新加坡 ap-southeast-1 · 13.215.239.219	191 ms	194–440 ms	190 ms（峰值 1021）	4 次里 1 次超时
edgeone.example.com	腾讯云 EdgeOne	腾讯云海外 · 43.174.247.63	187–239 ms	190–267 ms	206–227 ms	4/4 成功 · 边缘缓存命中
render.example.com	Render（入口经 Cloudflare）	洛杉矶 LAX · 216.24.57.18	164–191 ms	178–383 ms	163–181 ms	4/4 成功

数据口径：上表三列全部是 2026-10-04 在站长本机（中国大陆家庭宽带）上用原始套接字分阶段计时得到的 —— DNS 解析 → TCP 三次握手 → TLS 握手 → 发出 GET / 直到收到第一个字节，每条线路采样 4 次后取区间。单位毫秒，是参考值不是承诺值：不同运营商、不同省份、不同时段的差异可以很大，跨国线路尤其明显（相邻两次采样差出一秒很常见，所以只写区间）。
线路卡右下角的「实时延迟」徽标才是属于你自己的数字 —— 它是浏览器用 fetch(mode:"no-cors") 打一次带随机参数的请求量出来的往返耗时，点一下即可单独重测，页面静置五分钟也会自动静默复测一轮。
另外：主域 example.com 还通过 Service Worker 把主域链接劫持到对象存储，国内访问时会进一步走更快的国内线路。

2.技术栈&框架🧪

按「请求从哪进来 → 页面怎么生成 → 浏览器里跑什么 → 产物怎么构建发布 → 数据存在哪 → 授权怎么给」拆成六层。版本号均为当前实际安装版本，不是官网最新版。

L1接入与边缘Ingress / Edge

• 边缘网络Vercel · Cloudflare · 腾讯云 EdgeOne · Netlify · GitHub Pages(Fastly) · Render
• 传输层全站强制 HTTPS：实测六条线路均协商到 TLS 1.3、ALPN 为 h2（HTTP/2）；Cloudflare 侧额外开放 HTTP/3（alt-svc: h3=":443"）。Vercel / Netlify / EdgeOne 均下发 HSTS 响应头
• 线路分流同一份构建产物推给多个托管平台，用不同域名并行分发；再用 Service Worker 做请求分流
• 静态资源任何 S3 兼容对象存储 / 图床均可，换成你自己的桶地址即可
• CDN 源npmmirror · elemecdn · 360 baomitu · jsdmirror · 阿里矢量图标库

L2站点生成与渲染SSG / Renderer

• 生成器Hexo 6.3.0（Node.js 静态站点生成，全量构建约 9 秒）
• Markdownhexo-renderer-markdown-it 6.1.0 与 @upupming/hexo-renderer-markdown-it-plus 2.0.2 双渲染器注册（plus 先注册、markdown-it 后注册生效）
• 模板 / 样式Pug 3.0.0 · Stylus 2.1.0 · EJS · YAML
• 主题Fomalhaut 1.0.2，基于 Butterfly 4.3.1 二次开发，源码已开源：hexo-theme-fomalhaut
• 内容插件markdown-it-container / -deflist / -emoji / -mark · hexo-abbrlink 2.2.1（固定链接） · hexo-blog-encrypt 3.1.6（文章加密） · hexo-wordcount-fomal（字数统计） · hexo-filter-nofollow · hexo-filter-gitcalendar
• 聚合与订阅hexo-generator-index / archive / category / tag · hexo-generator-sitemap · hexo-generator-feed · hexo-generator-baidu-sitemap · hexo-baidu-url-submit（百度主动推送）

L3前端运行时Client Runtime

• 无刷新路由Pjax 0.2.8（换页不整页刷新，配合站点侧 pjax:complete 事件重新初始化各模块）
• 资源加载vanilla-lazyload 17.8.3 图片懒加载；jQuery 3.6.0 + 本地兜底 /js/jquery.min.js（CDN 失效不断链）
• 离线 / 分流Workbox 6.5.4 生成 Service Worker：预缓存 + 主域请求分流
• 交互组件自研零依赖轻量通知组件 /js/notify.js，替换掉原 Element-UI + Vue 方案（省下约 813 KB 同步 CSS/JS）
• 评论Twikoo 2.0.12 + Vercel 自托管云函数 + MongoDB 存储
• 搜索hexo-generator-search 2.4.3（本地搜索） + hexo-algoliasearch 1.0.0（algoliasearch 4.14.3 / instantsearch.js 4.49.2）
• 音乐 / 媒体hexo-tag-aplayer 3.0.4 + MetingJS

L4构建与自动化交付Build / CI-CD

• 构建链gulp 4.0.2 → gulp-html-minifier-terser 7.1.0 · gulp-htmlclean · gulp-clean-css · gulp-terser · gulp-babel
• 图片Imagine 有损压缩 → imagesTool 转 WebP
• 字体Python fonttools 子集化（只打包用到的字形） → CloudConvert 转 WOFF2
• 发布Git 钩子 + GitHub Actions 触发，hexo-deployer-git 一份产物推到 6 个远端

L5数据与可观测Data / Observability

• 结构化存储MongoDB：托管 Twikoo 评论数据
• 访问统计不蒜子（前端 UV/PV） + 百度统计 + baidu-tongji-api 爬虫（部署在 Vercel）
• 性能监控51la + 灵雀监控（站点 JS 全部 defer，不进首屏关键路径）
• 友链朋友圈hexo-circle-of-friends 爬虫由 GitHub Actions 定时跑，产出静态 JSON 后交 jsDelivr 分发

L6工程规范与授权Engineering / License

• 开发语言HTML5 · CSS3 · JavaScript · Pug · Stylus · YAML · Node.js
• AI 辅助DeepSeek V4.1 Flash 与 GPT 6.1 Sol 模型 + DeepSeek Harness 终端智能体（本次全站重构的代码改写、样式排查与文案润色均由它协助完成）
• 站点增强hexo-butterfly-swiper（首页轮播） · hexo-butterfly-clock-anzhiyu · hexo-butterfly-envelope · hexo-butterfly-tag-plugins-plus · hexo-magnet-fomal · hexo-pdf · hexo-tag-map
• 版权声明见 CC BY-NC-SA 4.0（署名 · 非商业性使用 · 相同方式共享）
• 维护日志见 旧时光 栏目；鸣谢：Hexo、Butterfly、以及所有开源作者。

3.关于这个演示站📃

D

Demo

示例站点 · 主题演示

• Hexo
• Fomalhaut
• 静态站点

站点名称Demo

主题hexo-theme-fomalhaut v1.0.2（基于 Butterfly 4.3.1 二次开发）

邮箱you@example.com

源码github.com/yourname/hexo-theme-fomalhaut

技术栈Hexo 6.3.0PugStylusgulpVercelCloudflare Pages

怎么把它变成你自己的站

1. 根目录 _config.yml：站点名、作者、描述、url、部署仓库，换成你自己的。
2. 根目录 _config.fomalhaut.yml：主题全部开关都在这里 —— 社交链接、头像、首页轮播、评论、统计、AI 助手、侧栏卡片，按注释改即可。
3. 主题本体在 themes/fomalhaut/，站点级自定义样式在 source/css/、自定义脚本在 source/js/；两者分离，升级主题不会冲掉你的改动。
4. source/_posts/ 放自己的文章；source/ 下不需要的页面（画廊、朋友圈、网址导航……）直接删掉即可。
5. 本页的样式在 source/css/about-page.css，想换版式改那一个文件就够。

这份源码的全部意义，是让你少走一遍前人在美化博客路上踩过的坑。祝你搭站顺利 🍭

hexo-theme-fomalhaut v1.0.2｜Apache-2.0｜基于 Butterfly 4.3.1 二次开发