火车轨道

3. 自定义配置
更换背景图:修改 body 的 background-image 链接

修改个人信息:更新侧边栏的头像、名称、简介、社交链接

添加碎碎念:在 #murmurTimeline 中复制 murmur-item 结构,填写 data-link、data-title、data-tags、data-content 和时间内容

调整颜色主题:修改 CSS 中的主色调(如 #3b82f6 为您的品牌色)

4. 部署上线
推荐使用:

  • GitHub Pages:推送代码到仓库,开启 Pages 服务
  • Vercel:导入项目,自动部署
  • Netlify:拖拽文件夹上传

🌟 设计亮点详解
毛玻璃卡片系统

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.5);

通过半透明背景 + 模糊滤镜,实现光线透过的玻璃质感,同时保持内容可读性。

智能搜索功能
基于 data-* 属性实现多字段匹配,实时过滤碎碎念条目,无搜索结果时显示友好提示。

移动优先的导航
在移动端,顶部导航自动重组为汉堡菜单 + 搜索框 + 标题的三行布局,抽屉中整合侧边栏所有信息,确保小屏体验不妥协。

📝 开源协议
本项目采用 MIT 许可证,您可以自由使用、修改、分发,甚至用于商业用途。保留原始版权声明即可。

🤝 贡献指南
欢迎通过以下方式参与:

  • 提交 Issue 报告问题或建议
  • Fork 项目并提交 Pull Request
  • 分享给更多需要的朋友

📬 联系方式
GitHub:@lsjnb1460
QQ交流:点击侧边栏QQ图标加入群聊

💡 未来规划
深色模式切换
文章详情页完整模板
评论系统集成(可通过第三方如 Giscus)
标签云页面
文章归档时间轴

清柠博客 —— 为每一刻灵感,提供一个纯净的容器。
浮光掠影,皆为诗。愿您在这里,写下属于自己的篇章。

"下载链接"
https://lsjnbnb.lanzouw.com/ii9U93j8hotg
哈哈哈哈哈哈哈哈哈哈哈