本站是怎么搭起来的:零依赖、可离线、一个文件加一篇文章
记录这个博客的技术选型与目录结构:不装 Node、不跑构建,双击 index.html 就能看,加文章只需编辑一个 JS 数组。
共 32 篇笔记
记录这个博客的技术选型与目录结构:不装 Node、不跑构建,双击 index.html 就能看,加文章只需编辑一个 JS 数组。
按「2xx/3xx/4xx/5xx」归类常用状态码,讲清 301 与 302、401 与 403 的区别,以及 GET/POST/PUT 的语义边界。
一份能直接用的 Nginx 配置模板:静态站、反向代理、证书签发与自动续期、安全头,附 502/403 排查顺序。
从 Cache-Control 字段讲清强缓存与协商缓存,说明文件名 hash 为什么是前提,以及浏览器、Nginx、CDN 三层缓存如何配合。
逐个解释 X-Content-Type-Options、X-Frame-Options、HSTS、Referrer-Policy 与 CSP,给出一条能直接用的配置,以及 CSP 从零上线的稳妥步骤。
三个纯文本文件的作用与写法,附一个用脚本从文章数据自动生成 sitemap 的思路,以及 RSS 让订阅者不漏更新的价值。
为什么不该随便引 CDN 上的字体和库,如何自托管字体与图标,图片格式怎么选、怎么压缩,以及 preload 的正确用法。
sitemap 提交到各站长平台、主动推送接口、验证站点所有权、robots.txt 常见写法,以及收录慢时该查什么。
Google Analytics、Cloudflare Web Analytics、Plausible/Umami 自建、以及 Nginx 日志分析的对比,附选择建议与隐私注意。
Nginx 配置自定义 404/50x、静态站 SPA 的回退处理、错误页该包含什么内容,以及 error_page 的几个易错点。
四个主流生成器的特点与适用场景、构建速度、模板语法、生态与部署便利度,以及什么时候干脆不用生成器。
LCP、INP、CLS 各自的含义与常见成因、针对性优化手段、测量方法,以及真实用户数据怎么看。
多路复用解决了什么问题、HTTP/2 在 Nginx 里的开启方式、HTTP/3 的 QUIC 与 UDP 端口要求、以及如何验证是否生效。
同一个静态站分别丢到三个地方跑一遍,对比访问速度、自定义域名成本和可控性,并给出推荐组合。
与 HTTP 轮询的对比、握手过程、Nginx 反代配置的关键两行、心跳与重连机制,以及不适合用 WebSocket 的场景。
PWA 的三个要素、manifest 的写法、Service Worker 缓存策略选择、更新机制,以及个人站点值不值得做。
同源策略是什么、简单请求与预检请求的区别、服务端该返回哪些头、带 Cookie 的特殊处理,以及常见报错的对应解法。
混合内容、证书链不完整、域名不匹配、证书过期、HSTS 缓存——五类最常见的 HTTPS 报错与对应排查命令。
Elements/Console/Network/Sources 各面板的实用功能、断点与条件断点、设备模拟、性能录制与 Lighthouse。
内联 SVG symbol 雪碧图的做法、currentColor 跟随文字颜色、尺寸控制与无障碍处理,以及和图标字体的对比。
键盘可达性、焦点样式、对比度、语义标签与 aria 的正确用法,以及用 Lighthouse 和键盘自查的方法。
一份 build → rsync 到服务器的 workflow 配置,含 SSH 密钥Secret 配置、缓存加速、失败排查与常见安全注意点。
逐字符扫描的状态机思路、各语言的关键字表、注释与字符串优先处理,以及深浅色配色的切换方式。
从传输压缩、缓存策略、图片格式、渲染阻塞四个维度给出可落地的优化项,附 Nginx 配置与验证命令。
分块的思路、行内与块级分开处理、代码块优先保护、表格与列表的实现,以及为什么先转义再解析。
hash 路由的原理、路由表解析、与标题锚点的冲突处理、平滑滚动,以及它相对 History API 路由的取舍。
各格式的特点与压缩率对比、picture 元素做兼容回退、转换命令与批量脚本、响应式 srcset,以及懒加载要点。
橙色云的正确用法、缓存规则怎么设、页面规则做跳转、WAF 基础防护,以及「开了 CDN 反而更慢」的几个原因。
自定义属性用法、用 data-theme 切换整套配色、跟随系统偏好、localStorage 记忆,以及闪烁问题的解决。
一句话区分两者的适用场景,Flex 的主轴与收缩规则、Grid 的常用写法与 auto-fill 技巧,以及三个高频布局的现成代码。
常用语义标签的正确用法、标题层级为什么不能跳、meta 标签该写哪些、结构化数据的作用,附一份页面模板。
把我这一年建站踩过的坑压缩成一份可勾选清单,从买域名到上线后巡检,按顺序走就不会漏。