基于Astro 构建新的博客程序

8 min read

为什么写一个博客程序？

对现有博客程序不满，之前我的博客是基于 typecho 的。我不懂 PHP ，所以在折腾的时候有很大的局限性。

经过一些了解，我最终选择 Astro 构建新的博客程序。并且进行一次彻底的改版。

Astro 只需要会点前端基础就能写。这几天我参考官方文档，边学边做，实践出了这个产物。

## 特性如下

  1. 基于 #Astro 构建，部署后生成静态文件
  2. 支持 明亮与黑暗模式（代码高亮同）。
  3. 支持 图片动画、标签、目录。
  4. 支持 Markdown 、MDX 。
  5. 响应式，且有三种图片模式（宽屏、竖屏、超宽屏），只需要在 alt 中指定即可。

值得一提的是，在使用了 Cloudflare 或者 Vercel 部署之后。我们只需要维护 Github 仓库即可，只需要提交到仓库，更新和发布都是自动的。而且免费、无需备案、在全球有不同节点。

## 网址

预览 https://astro-blog.qum.cc/

Github https://github.com/austin2035/astro-air-blog

### 主页

!首页

### 黑暗

文章黑暗模式

### 普通文章

普通文章模式

### 语法高亮

Syntax

### 不同的图片显示模式

有三种图片显示模式: wide, big, inline.

当你编写 mark 文件的时候可以指定 wide 或 big 或 inline 到你的图片 alt 属性中, 比如这样:

分隔符号是 |, 默认模式是 big.