导航不应该抢走正文的第一眼
如果读者一进来先注意到导航样式,而不是文章标题,说明顶部 chrome 的存在感已经太强了。
这是 Moonsilver 的个人博客初版方向。它不追求信息密度,也不做热闹的内容流, 而是更像一间安静的工作室,把长期有效的观察、项目经验和生活感受好好留下来。
Currently
把首页做得像作者名片,而不是一个堆满卡片的内容入口。
建立统一的排版、留白和信息层级,后续接真实文章时不需要重做。
先用少量示例内容把品牌气质定住,再慢慢扩展项目页、归档和搜索。
03
Essays
04
Notes
01
Quiet tone
Featured Essay
设计与品牌 · 2026.04.16 · 6 min read
个人博客真正稀缺的不是功能,而是气质。第一版应该先解决“读起来舒不舒服、看起来像不像你”这两个问题。
Design Direction
留白要成为内容的一部分
不是为了显得高级而空,而是让文字有呼吸,让阅读更像在纸面上展开。
每个层级都要能一眼看懂
标题、摘要、分类、日期各自承担职责,页面不靠装饰去制造存在感。
动效存在,但不抢戏
轻微的悬浮和模糊已经足够,用户应该先感受到从容,再注意到细节。
Latest Writing
文章列表不做信息轰炸,而是像一本薄杂志的目录。标题要克制,摘要要准确,读者应该一眼就知道这篇文章值不值得打开。
Notes
如果读者一进来先注意到导航样式,而不是文章标题,说明顶部 chrome 的存在感已经太强了。
摘要不是复述标题,而是补全阅读预期。它应该帮助读者判断这篇内容会给自己带来什么。
很多时候不是布局有问题,而是分割线和卡片边界太重,导致页面从容感不够。
个人博客是一项长期工程,最开始的视觉认同感会直接影响你后面还有没有动力继续写。
About This Version
第一阶段不急着引入复杂 CMS、评论系统或标签体系,而是先把品牌感、结构感和阅读体验固定下来。这样后面无论接 Markdown、MDX 还是 Headless CMS,都不会推倒重来。
内容优先
首页、列表页和文章页的层级已经先站稳,后续填内容会很顺。
视觉统一
统一使用银灰、留白、柔和边框和轻量阴影,避免样式漂移。
便于扩展
下一步可以自然接入文章数据源、项目页、搜索和 RSS,不需要重做结构。