2 分钟阅读 603 字

我的全新 Astro 博客

欢迎来到旧识桥,这是 ailmel 关于极简设计与技术的个人空间。介绍旧识桥博客的技术架构,基于 Astro 构建的极简博客框架,融合美学与现代前端技术。

博客缘起

在信息过载的时代,我渴望一个干净、优雅、专注的写作空间。旧识桥正是基于这样的理念诞生的——它不是又一个复杂的 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

评论