短域名的符号美学：让三个字母留下印象
从 jqj.cc 的字母节奏出发，建立一套能在图标、页眉和文字中保持一致的识别方式。
A PATH THROUGH THE FOLIO
Journey · 从想法出发
从短域名、数字花园与收藏目录开始，把模糊的想法整理成可以发布、可以继续维护的小网站。
顺着读下去
01 / CHAPTERS↗
求索者的数字花园：给未完成的想法留位置
用状态、关联与修订记录组织个人网站，让尚在生长的观察也能被诚实地呈现。
从收藏到策展：把链接变成可用的目录
为链接补上用途、对象和使用条件，让收藏从私人记号成为可以帮助别人的选择。
从草稿到发布：一份小网站的检查表
用真实内容、完整操作和明确边界检查作品，避免把视觉完成当成产品完成。
延伸资料
02 / REFERENCES网页
HTML 内容结构 ↗
从标题、段落、链接等基础元素建立网页内容。
适合把一篇草稿变成有结构的页面，先解决内容再增加效果。
- 适合
- 刚开始制作个人网站的读者。
- 使用前
- 公开学习材料；练习时需要能编辑和打开本地文件。
来源核对 · 2026.10.13
developer.mozilla.org
网页
响应式布局 ↗
学习页面如何随可用空间调整布局和内容呈现。
为双语标题、窄屏卡片和可伸缩正文建立共同基础。
- 适合
- 需要让页面适应手机与桌面的作者。
- 使用前
- 断点只是手段；仍需检查长内容、缩放和实际设备。
来源核对 · 2026.10.13
developer.mozilla.org
网页
CSS 网格布局 ↗
查阅网格轨道、区域与二维布局的使用方式。
适合组织策展卡片和作品目录，减少靠固定像素挤位置。
- 适合
- 制作列表、卡片和页面骨架的开发者。
- 使用前
- 网格顺序与文档顺序都需检查，尤其是键盘浏览。
来源核对 · 2026.10.13
developer.mozilla.org
网页
网页表单 ↗
系统学习表单控件、标签、验证与提交的基础。
投稿和来信需要可靠的反馈路径，不能只做一个提交按钮。
- 适合
- 准备制作注册、投稿或联系表单的人。
- 使用前
- 浏览器验证不能替代服务端验证；示例需按实际流程调整。
来源核对 · 2026.10.13
developer.mozilla.org
维护
网页质量检查 ↗
了解 Lighthouse 如何生成网页质量检查报告。
把报告当作定位问题的入口，再回到真实阅读与交互中验证。
- 适合
- 准备上线或复查公开页面的维护者。
- 使用前
- 测量受环境影响；自动化评分不等于完整人工审核。
来源核对 · 2026.10.13
developer.chrome.com
维护
HTML 标记检查 ↗
检查网页标记中的结构和语法问题。
在发布前发现遗漏闭合、错误嵌套等基础问题。
- 适合
- 希望复查 HTML 输出的站点作者。
- 使用前
- 只提交可公开的页面或代码；不要上传私密内容。
来源核对 · 2026.10.13
validator.w3.org
维护
失效链接检查 ↗
检查网页中的链接与锚点，并阅读对应结果。
给策展目录安排低负担复查，及时发现失效入口。
- 适合
- 维护资源目录和长文链接的编辑。
- 使用前
- 仅检查公开地址；受站点访问限制影响的结果需人工复核。
来源核对 · 2026.10.13
validator.w3.org
维护
Django 上线检查清单 ↗
查阅 Django 5.2 部署前的安全、性能与运行配置检查。
适合把“能启动”推进到有配置依据的正式运行。
- 适合
- 部署与维护 Django 网站的开发者。
- 使用前
- 对应 Django 5.2；按实际版本核对，不在公开文档中暴露密钥。
来源核对 · 2026.10.13
docs.djangoproject.com