清柠博客下载
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
哈哈哈哈哈哈哈哈哈哈哈
