博客缘起
在信息过载的时代,我渴望一个干净、优雅、专注的写作空间。旧识桥正是基于这样的理念诞生的——它不是又一个复杂的 CMS 系统,而是一个精心策划的数字花园,让内容回归本质。
旧识桥采用静态站点生成架构,将性能、美观与开发体验完美融合。作为 ailmel 的个人博客,这里记录我的技术学习、设计思考和生活感悟。
设计理念
极简
设计遵循”少即是多”的原则,但并非简单的元素删减:
- 柔和浅蓝作为主色调,营造宁静的阅读氛围
- 低对比度文字,减少视觉疲劳
- 充足的留白,让内容自由呼吸
- 精致的微交互,提升使用愉悦感
细节
在极简的基础上,我注入了一些精致的细节:
- 页面加载时的淡入动画
- 卡片悬停时的微妙上浮效果
- 平滑的主题切换过渡
- 精心调校的字体层次
核心特性
极速性能
基于 Astro 的零 JavaScript 默认架构,页面加载速度极快:
- 首屏渲染时间 < 100ms
- 完美的 Lighthouse 评分
- 静态 HTML 输出,CDN 友好
优雅的写作体验
---
title: "我的文章"
description: "文章简介"
publishedAt: 2024-12-06
category: "分类"
tags: ["标签1", "标签2"]
featured: true
---
正文内容支持 Markdown 和 MDX...
完善的阅读功能
- 深色/浅色模式自动切换
- 文章目录自动生成
- 阅读进度指示
- 相关文章推荐
- 代码复制功能
搜索引擎优化
内置完整的 SEO 支持:
- 自动生成 Open Graph 和 Twitter Card 元数据
- 结构化数据标记
- XML 站点地图
- RSS 订阅源
技术亮点
项目采用现代前端技术栈:
| 技术 | 用途 |
|---|---|
| Astro | 静态站点生成器 |
| Tailwind CSS | 实用优先的 CSS 框架 |
| TypeScript | 类型安全的开发体验 |
| Alpine.js | 轻量级 JavaScript 交互 |
未来规划
目前这个项目还有些bug,不过未来会添加的更多,尽请期待😊
结语
旧识桥不仅是我的个人博客,更是一种生活态度——在复杂的世界中保持简单,在喧嚣的环境中追求宁静。
如果你对我的文章感兴趣,欢迎订阅 RSS 或通过邮件与评论与我交流。
博客地址:https://ailmel.top