Milo · 主题演示https://demo.tanwenhao.com/2026-11-11T15:27:30.873ZMilo把一叠笔记做成一个静态博客https://demo.tanwenhao.com/posts/build-a-static-notebook/2026-11-10T02:30:00.000Z2026-11-11T15:27:30.859Z搭静态博客时，我先拿三篇笔记试做。一篇有照片，一篇带长代码，还有一篇需要被旧链接找到。它们能帮我判断文章怎么归类、图片应该放在哪里，以及换主题之后哪些地址还必须有效。这篇文章记录了从整理原稿到检查生成结果的过程。我在手机上重排了一篇旧文https://demo.tanwenhao.com/posts/a-page-for-reading/2026-11-08T02:20:00.000Z2026-11-11T15:14:28.188Z改稿前，我把同一篇两千字的旧文在电脑和手机上各读了一遍。桌面上一眼能分清的章节，在手机上要滑好几屏才碰得到。最容易丢掉位置的是回头找一句话、对照一张图，或回完消息再接着读。我把这些停顿记下来，再决定哪些标题要改、哪些段落该拆、图注该放在哪里。从桥底下绕回家https://demo.tanwenhao.com/posts/weekend-by-the-river/2026-10-25T10:40:00.000Z2026-11-11T14:41:59.328Z那天下午，我提前两站下车，从一块被树枝遮住的指示牌后面拐进河堤。桥下有人蹲着补车胎，天快黑时，第一盏灯先在水里亮起来。沿着堤岸走上最后一段台阶，我闻到了常去的那家面馆煮汤的味道。那场雨没有照片https://demo.tanwenhao.com/posts/leave-some-time-unrecorded/2026-10-12T07:30:00.000Z2026-11-11T14:51:29.033Z相册里，同一扇窗拍了十几次。每张照片都能认出是几点的光，可我想不起那几天读了什么。又一场雨来的时候，我把手机留在书桌上，只带了一本借来的小说去窗边。一篇 Markdown 是怎么变成网页的https://demo.tanwenhao.com/posts/small-static-site/2026-09-19T01:15:00.000Z2026-11-11T15:14:28.204Z文章已经能打开，配图却不见了。我先在生成的 HTML 里找到图片地址，再去核对浏览器实际请求的位置。原来页面在文章目录里找图，文件却生成在站点的图片目录。顺着 Markdown、HTML 和浏览器这三处往回查，也能看出首页明明列出了文章，旧链接为什么还会返回 404。给书桌留一块摊纸的地方https://demo.tanwenhao.com/posts/desk-after-a-year/2026-08-23T08:10:00.000Z2026-11-11T15:14:28.197Z用了将近一年，我才知道桌上最该留空的是键盘旁边那一小块。摊一本书、写几行字、拆一封信都在那里。我先搬走了最少打开的收纳盒，把显示器往后推了一点。现在临时想写几行字，手边就有地方摊开纸。傍晚五点的两个路口https://demo.tanwenhao.com/posts/the-crossing-at-five/2025-10-21T10:20:00.000Z2026-11-11T15:27:30.859Z从市场回家，可以走有红绿灯的大路，也可以穿过两条小街。地图上只差几十米，推着买菜车走一遍，差别就出来了。一边要在坡口等两次灯，另一边虽然窄，却有一段能停下来给人让路的屋檐。给小项目留一份维护记录https://demo.tanwenhao.com/posts/keep-a-small-project/2025-08-06T02:00:00.000Z2026-11-11T15:14:28.198Z阅读清单加过几次功能，最常碰到的麻烦却还是从详情返回时搜过的词会消失。我给这次修改留了一条记录，写明从哪里进入、返回后应看到什么，以及怎样确认刷新也能恢复同一组结果。后来改文案、改导出格式，我也这样记，但检查的范围随改动而变。给旧笔记补一句当初的问题https://demo.tanwenhao.com/posts/notes-that-can-be-found/2025-07-11T03:00:00.000Z2026-11-11T15:14:28.200Z找一篇关于图片布局的文章时，我翻过三个文件夹，只找到两份相同的摘抄。后来保存资料，我会先写下当时的问题，比如「图片加载前，怎样避免正文突然下移」。出处和使用条件就记在下面。隔几个月再找，通常是那句自己的话先浮上来。一串文件名怎样撑宽了卡片https://demo.tanwenhao.com/posts/css-width-and-overflow/2025-05-22T01:40:00.000Z2026-11-11T15:14:28.194Z一个没有空格的文件名，把原本正常的双栏卡片撑宽了。沿着网格逐层检查，我发现文字列和外层内容区都可能被默认的最小尺寸卡住。处理标题时可以给长字符留出断行机会，代码则需要保留行宽，在自己的区域里滚动。最后再用长路径和连续中文各试一次。重读一本画满线的书https://demo.tanwenhao.com/posts/read-slowly/2025-03-08T12:10:00.000Z2026-11-11T15:14:28.202Z旧书上的划线太多，几乎每页都在提醒我该注意什么。这次我拿纸盖住批注，先把一整段读完，再回头看当时为什么停在那里。有些划过的句子已经读不出什么新意，倒是从前匆匆翻过的一段，讲出了我最近才遇到的难处。下午三点半，阳光照到书架https://demo.tanwenhao.com/posts/winter-light/2024-12-14T08:00:00.000Z2026-11-11T15:14:28.207Z冬天下午，阳光刚越过对面的楼时，会在书架第二层停一会儿。椅子搬过去，书还没读上几页，那片光就落到了地板上。最初我总拿相机追着拍，后来只拍一张。剩下的时间刚好够坐回去，再读几页。重读时，怎样找回当年的批注https://demo.tanwenhao.com/posts/reading-margin-index/2024-09-08T06:30:00.000Z2026-11-11T15:27:30.873Z重读一本书时，我在扉页找到三个页码，却忘了自己为什么记它们。后来我只补三样东西：章节、当时的问题和重读后的判断。几年后即使换了版本，仍能凭这些线索找回那一段。旧街图书馆的靠窗座位https://demo.tanwenhao.com/posts/spring-library/2024-04-18T06:20:00.000Z2026-11-11T15:14:28.205Z雨来得突然，旧楼二层的图书馆还开着。窗边有空位，我在那里翻了一会儿植物图册。后来再去还书，发现那张被人抱怨西晒的桌子旁多了一层薄窗帘。借书卡背面写着开放时间，我把它留在了书里。在博客里写下第一篇https://demo.tanwenhao.com/posts/why-write-here/2024-02-24T01:00:00.000Z2026-11-11T15:01:33.232Z第一次打开空白编辑器，我想了半天该怎么介绍这个网站，最后写的是出门买面包时绕过的那条街。它给这个小站开了个头，也决定了以后大概会写些什么。