好耶,是 Koi

欢迎使用 Astro Koi 博客模板!本模板是基于 Astro 官方博客模板脚手架修改而来。您可以使用本模板:

  • 开设博客
  • 自豪的展示自己的 原创角色,或者是您喜欢的其它大图
  • 以及更多用途(?

本模板提供了预先配置好的 Astro 配置文件 astro.config.js 和 Tailwind CSS 配置文件 tailwind.config.js,同时还将博客常见设置封装在 src/consts.ts 中,这样您可以在不修改模板本体的代码的情况下,就能实现基础的个性化需求。

使用指南

本模板包含的示例文章/页面本体就是文档 (self-documented),您可以参考里面的内容对模板进行调整。

我想让首页直接展示博文列表

将本页面 src/index.astro 替换为如下内容:

---
import { filterPosts } from "@/utils/misc";
import { getCollection } from 'astro:content';
import BlogPostList from "@/layouts/BlogPostList.astro";
import { BLOG_PAGINATION_SIZE } from "@/consts";

const posts = filterPosts(await getCollection('blog'), {
    filterDraft: true,
    filterUnlisted: true,
});
const latestPosts = posts.slice(0, BLOG_PAGINATION_SIZE);
---

<BlogPostList data={latestPosts} currentPage={1} lastPage={Math.ceil(posts.length / BLOG_PAGINATION_SIZE)} />

然后删除 src/_index.md 即可。

鸣谢

本样板站头图来自: