关于 | Angus笔记

About · 关于本站

一份源码 · 四线并行

Hexo 静态站点,同一份构建产物同时分发给 4 条线路(2 条主线路 + 2 条备用线路),全站 HTTPS。下面把每条线路的托管平台与特点摊开写清楚;点任意卡片右下角的徽标,就能实时测出你到这条线路的延迟。

  • 4在线线路
  • 2主线路
  • 2备用线路
  • HTTPS全站加密

1.线路信息🚁

本站是纯静态站点,一份构建产物同时推给 4 个托管平台:2 条主线路负责日常访问,2 条备用线路负责兜底与分流。四条线路全部支持 HTTPS。下面先逐条说明「它在哪、有什么特点」,页面右下角的实时探针会替你量出真实的往返延迟。

主线路 · 日常入口 2 条
备用线路 · 兜底与分流 2 条
实时探针对照 浏览器实测 · 点「重测全部」立即刷新
线路托管平台 / 边缘网络位置Ping
(TCP RTT)
HTTPS 握手
(TLS)
首字节
(TTFB)
定位
blog.sihan.fun Vercel Edge Network Anycast · 实测常落东京 hnd1 见卡片徽标 见卡片徽标 见卡片徽标 主线路 · 日常入口
eo-blog.sihan.fun 腾讯云 EdgeOne 大陆边缘节点 见卡片徽标 见卡片徽标 见卡片徽标 主线路 · 国内快线
cf-blog.sihan.fun Cloudflare Pages(支持 HTTP/3) 海外 Anycast 见卡片徽标 见卡片徽标 见卡片徽标 备用 · 海外兜底
esa.sihan.fun 阿里云 ESA 大陆边缘节点 见卡片徽标 见卡片徽标 见卡片徽标 备用 · 国内兜底
数据口径:本页不预写任何静态延迟数字 —— 线路卡右下角的「实时延迟」徽标才是属于你自己的数字,它是浏览器用 fetch(mode:"no-cors") 打一次带随机参数的请求量出来的往返耗时;点一下即可单独重测,页面静置五分钟也会自动静默复测一轮,上表数据随探针同步刷新。
单位毫秒,是参考值不是承诺值:不同运营商、不同省份、不同时段的差异可以很大,跨国线路尤其明显(相邻两次采样差出一秒很常见)。
另外:四条线路的访客统计已按主域名 blog.sihan.fun 归并成同一份计数,无论从哪条线路进站,看到的访客数都一致。

2.技术栈&框架🧪

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

L1接入与边缘Ingress / Edge
L2站点生成与渲染SSG / Renderer
  • 生成器Hexo 6.3.0(Node.js 静态站点生成)
  • Markdownhexo-renderer-markdown-it 与 @upupming/hexo-renderer-markdown-it-plus 双渲染器注册(plus 先注册、markdown-it 后注册生效)
  • 模板 / 样式Pug · Stylus · EJS · YAML
  • 主题Fomalhaut 1.0.4,基于 Butterfly 4.3.1 二次开发,本站源码已开源:github.com/Angus-fw/blog
  • 内容插件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(换页不整页刷新,配合站点侧 pjax:complete 事件重新初始化各模块)
  • 资源加载vanilla-lazyload 图片懒加载;jQuery 3.6.0 + 本地兜底 /js/jquery.min.js(CDN 失效不断链)
  • 交互组件自研零依赖轻量通知组件 /js/notify.js,替换掉原 Element-UI + Vue 方案(省下约 813 KB 同步 CSS/JS)
  • 评论Twikoo + MongoDB 存储(mongodb.sihan.fun)
  • 搜索hexo-generator-search(本地搜索,无需外部服务)
  • 音乐 / 媒体hexo-tag-aplayer + MetingJS
L4构建与自动化交付Build / CI-CD
  • 构建链gulp → gulp-html-minifier-terser · gulp-htmlclean · gulp-clean-css · gulp-terser · gulp-babel
  • 图片Imagine 有损压缩 → imagesTool 转 WebP
  • 字体Python fonttools 子集化(只打包用到的字形) → CloudConvert 转 WOFF2
  • 发布Git + GitHub Actions 触发,hexo-deployer-git 一份产物推到 4 个远端;Vercel / Cloudflare Pages 侧由 Git 推送自动构建
L5数据与可观测Data / Observability
  • 结构化存储MongoDB:托管 Twikoo 评论数据
  • 访问统计Vercount(侧栏访客数,多线统一计数) + 百度统计(统计页图表走 OpenAPI)
  • 性能监控51la + 灵雀监控(站点 JS 全部 defer,不进首屏关键路径)
L6工程规范与授权Engineering / License
  • 开发语言HTML5 · CSS3 · JavaScript · Pug · Stylus · YAML · Node.js
  • AI 助手DeepSeek 模型,经站点同源代理 /api/chat/completions 接入(密钥仅存服务端环境变量,不进页面)
  • 站点增强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.关于本站📃

A
Angus笔记
个人博客 · 记录技术与生活
  • Hexo
  • Fomalhaut
  • 静态站点
站点名称Angus笔记 · blog.sihan.fun
主题hexo-theme-fomalhaut v1.0.4(基于 Butterfly 4.3.1 二次开发)
技术栈Hexo 6.3.0PugStylusgulpVercel腾讯云 EdgeOneCloudflare Pages阿里云 ESA
未来就是现在 🍭 —— 感谢每一位路过的小站访客,祝阅读愉快。
hexo-theme-fomalhaut v1.0.4|Apache-2.0|基于 Butterfly 4.3.1 二次开发

评论
avatar
🎯专注学习中
Angus笔记
未来就是现在 🍭🍭🍭
🛴前往小家...
公告栏
--- 主域名 ---
blog.sihan.fun | eo-blog.sihan.fun
--- 备用域名 ---
cf-blog.sihan.fun
esa.sihan.fun
日历
日历加载中…
倒计时
倒计时加载中…
小站资讯
1.3w
总字数
1.4k
篇均字
1
友链
已运行1167 天·距上次发文206 天·更新10-19
年度产出共 5 个写作日
5
1
3
2024
2025
2026
—
本站访客数
—
本站总访问量
空降评论复制本文地址
随便逛逛昼夜切换关于博客美化设置切换全屏打印页面