Archive

Personal blog

Crossing Notes

一个像小镇地图一样展开的博客首页。这里放随笔、开发记录、生活观察, 节奏轻一点,视觉也轻一点。

先做出首页气质,后面可以继续接文章列表、分类页和详情页。

Reading Lane

Latest notes

Recent paths through the blog

页面往下不再跳出这个世界,而是继续沿着小路往前走。文章列表像村子里的几个停靠点,读起来更像散步。

Essay Orchard Build Shed Photo Pond Tiny Notes
Essay

把博客做成散步地图,而不是信息面板

记录首页视觉方向,保留足够的留白、可爱的地景元素,以及能慢慢展开的阅读体验。

Build log

静态首页的第一版结构

用最简单的 HTML、CSS、JS 起一个可预览版本,后续再决定是否迁移到框架。

Photo walk

春天颜色应该怎么落在网页里

用奶油白、果树绿、湖水蓝和桃色屋顶,让整个页面像一本会呼吸的插画本。

Topic Garden

Explore districts

Below the fold, the map keeps unfolding

可以把分类、专题和固定栏目都做成几个地点。用户不是在切换模块,而是在继续逛这个博客小镇。

Essay Orchard 长文、短想法、周记,适合慢慢读。
Build Shed 开发记录、调样式过程、做站笔记。
Photo Pond 图片、色彩灵感、散步途中拍到的东西。
Essays

Essay Orchard

放长一点的文章、阶段总结和那些值得单独记下来的感受。

Build

Build Shed

把这个博客从样式、结构到组件拆开记录,像搭一间木屋一样往上长。

Photos

Photo Pond

颜色、照片和零碎灵感汇进水面,适合做一个轻一点的视觉栏目。

Links

Tiny Notice Board

收藏夹、近期在看、短链接和一闪而过的小念头,都可以钉在这里。

Home Cabin

About garden

这个博客可以慢慢长成一座小村庄

首页是入口,下面是阅读路线,再往后可以继续长出文章详情页、标签页、归档页,甚至做成一张完整的互动地图。

现在这个版本先把气质、节奏和延伸感搭出来,后面无论你接静态博客,还是迁到 Vue、React、Next.js,视觉方向都已经很清楚了。

下一步很适合继续补导航、文章详情页首屏、标签筛选,或者把这些卡片接成真实数据。
Rhythm

每周 2-3 篇更新

保持轻一点的更新频率,让博客像持续有人照看的小地方。

Now reading

Design notes + tiny life logs

适合放当前在做的设计想法、工具记录和一些日常观察。

Personal blog

Crossing Notes

一个像小镇地图一样展开的博客首页。这里放随笔、开发记录、生活观察, 节奏轻一点,视觉也轻一点。

手机端改成更干净的阅读版,首屏只看入口卡片,继续往下再读文章、归档和关于。

Latest notes

Recent paths through the blog

页面往下不再跳出这个世界,而是继续沿着小路往前走。文章列表像村子里的几个停靠点,读起来更像散步。

Essay Orchard Build Shed Photo Pond Tiny Notes
Essay

把博客做成散步地图,而不是信息面板

记录首页视觉方向,保留足够的留白、可爱的地景元素,以及能慢慢展开的阅读体验。

Build log

静态首页的第一版结构

用最简单的 HTML、CSS、JS 起一个可预览版本,后续再决定是否迁移到框架。

Photo walk

春天颜色应该怎么落在网页里

用奶油白、果树绿、湖水蓝和桃色屋顶,让整个页面像一本会呼吸的插画本。

Explore districts

Below the fold, the map keeps unfolding

可以把分类、专题和固定栏目都做成几个地点。用户不是在切换模块,而是在继续逛这个博客小镇。

Essay Orchard 长文、短想法、周记,适合慢慢读。
Build Shed 开发记录、调样式过程、做站笔记。
Photo Pond 图片、色彩灵感、散步途中拍到的东西。
Essays

Essay Orchard

放长一点的文章、阶段总结和那些值得单独记下来的感受。

Links

Tiny Notice Board

收藏夹、近期在看、短链接和一闪而过的小念头,都可以钉在这里。

About garden

这个博客可以慢慢长成一座小村庄

首页是入口,下面是阅读路线,再往后可以继续长出文章详情页、标签页、归档页,甚至做成一张完整的互动地图。

现在这个版本先把气质、节奏和延伸感搭出来,后面无论你接静态博客,还是迁到 Vue、React、Next.js,视觉方向都已经很清楚了。

下一步很适合继续补导航、文章详情页首屏、标签筛选,或者把这些卡片接成真实数据。
Rhythm

每周 2-3 篇更新

保持轻一点的更新频率,让博客像持续有人照看的小地方。

Now reading

Design notes + tiny life logs

适合放当前在做的设计想法、工具记录和一些日常观察。