Table of Contents

Astro Friday

一个以内容为核心的 Astro 集成，支持标签和系列功能。

你可以在 这里 找到源代码。

特性

• 配置简洁，易于使用，只需安装并设置内容集合
• 多集合设计，支持过滤
• 通过 astro-seo 实现 SEO
• 通过 @astrojs/sitemap 自动生成站点地图
• 内置 robots.txt 集成自动生成，轻松添加远程或本地规则
• 通过 @vercel/og 自动生成开放图谱图像
• 通过 astro-color-scheme 支持明暗模式
• 响应式设计，移动端和桌面端友好
• 使用 unocss 处理 CSS，图标 的使用也很方便
• 默认为文章标题、标签和系列链接导航启用 视图过渡

使用方法

• 安装 astro-friday

npm install astro-friday
# or
pnpm add astro-friday
# or
yarn add astro-friday

• 在你的 astro.config.* 中添加 astro-friday 集成

import friday from 'astro-friday'
import { defineConfig } from 'astro/config'

export default defineConfig({
  integrations: [
    friday({
      collections: {
        blog: {
          glob: {
            pattern: '**/*.md',
            base: './src/contents/blog',
          },
        },
      },
    }),
  ],
})

• 在 src/content.config.ts 文件中导入集合

import collection from 'virtual:astro-friday-collection'

export const collections = collection()

现在, 你可以启动服务了。

更多设置可以在 这里 找到。

路线图

• sitemap
• robots.txt
• 搜索
• 目录
• 将 keywords frontmatter 用于 SEO
• frontmatter 字段键值映射
• 自动更新最后修改时间
• loader 和 schema 自定义
• 代码块优化（行号、复制按钮等）
• MDX 支持
• 下载为 Markdown（获取处理过的 MDX 和 MD）
• 多语言版本内容支持
• OG 图像参数自定义
• 自动生成配置文档
• 资源管理
• 图片预览
• 等等

致谢

• 页面风格由 antfu.me 启发。