AstroJekyll博客

astro-sidey — Astro 博客模板

作者 odhyp

astro-sidey 是一个基于 Astro 与 TailwindCSS 的极简个人博客主题，灵感来自 sidey-jekyll，采用 MIT 许可，适合开发者、写作者与数字园丁发布文字内容。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

基于 Astro 构建，样式使用 TailwindCSS，灵感来自 sidey-jekyll

02

极简设计，文件少、样式少，便于修改

03

排版优先，使用 Geist 字体与 Flexoki 明暗配色

04

支持 Expressive Code 语法高亮、行号与可折叠区块

05

自动生成路由、RSS 订阅与站点地图，支持 MDX

06

提供图片灯箱与 View Transitions 客户端导航

模板详细介绍

astro-sidey 是一个以内容为中心的侧边锚定式极简博客主题，使用 Astro 构建，样式基于 TailwindCSS，并参考了 sidey-jekyll 的设计。项目定位面向开发者、写作者和数字园丁，强调减少干扰、让文字呈现在干净的画布上。

功能方面，主题提供按文件夹结构自动生成路由、单一配置文件 sidey.config.ts、RSS 订阅与站点地图自动生成、MDX 支持、Expressive Code 语法高亮（含行号与可折叠区块）、图片灯箱、View Transitions 客户端导航，以及基于 Geist 字体与 Flexoki 配色的排版和明暗模式。

内容组织上，src/content/pages/home.mdx 对应根路径 /，src/content/pages/about.mdx 对应 /about，src/content/writings/ 下的文件对应 /writings/ 路径。快速开始方式为在 GitHub 上使用模板创建仓库，然后克隆、安装依赖并运行开发命令，再填写 sidey.config.ts 中的个人信息。

许可方面，仓库采用 MIT 许可，可免费使用、修改、商用和分发该版本代码，但需保留版权声明与许可声明；演示图片、字体、图标等第三方素材需按各自许可单独核对，域名、托管等外部服务可能另行收费。

AstroJekyll博客

适合你的项目吗？

适用场景

  • 搭建个人博客并发布文字内容
  • 作为开发者或写作者的个人站点
  • 用于数字花园式的内容整理与展示
  • 需要 Markdown/MDX 写作与代码高亮的技术博客

适合人群

  • 希望快速起步并保持极简风格的开发者
  • 偏好 Markdown/MDX 写作的写作者
  • 需要 RSS 与站点地图自动生成的内容站点
  • 接受 MIT 许可并自行核对第三方素材的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    在 GitHub 上点击 Use this template 创建新仓库，然后克隆到本地

  2. 2

    运行 npm install 安装依赖，再运行 npm run dev 启动开发环境

  3. 3

    打开 sidey.config.ts 填写个人信息，这是主要的配置入口

  4. 4

    内容文件放在 src/content/pages 与 src/content/writings 目录下，路径直接映射为 URL

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可核对，域名与托管等外部服务可能另行收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文
https://github.com/odhyp/astro-sidey/blob/main/LICENSEhttps://github.com/odhyp/astro-sidey/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 92 / 100
技术栈
Astro · Jekyll
网站类型
博客
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-08-21
截图检查日期
2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: e4292bdf90d9ac29a37fd423e5172ff1066a99c709b668616304d7a988ffca81

2026-10-02T09:47:08.013Z

来源文件 / 仓库
# Astro Sidey

A content-focused, side-anchored minimalist theme designed for developers,
writers, and digital gardeners. Built on Astro. Nothing in the way, just your
words on a clean, fast canvas.

**[Live Demo](https://sidey.odhyp.com)** · **[Getting Started](https://sidey.odhyp.com/writings/1-getting-started)**

---

## Features

- **Minimal by design** — few files, little styling, easy to modify
- **Typography first** — set in [Geist](https://vercel.com/font) with a clean, readable prose layout
- **Flexoki color scheme** — a warm, paper-like palette for comfortable reading in light/dark mode
- **Expressive Code** — syntax highlighting with line numbers and collapsible sections
- **Image lightbox** — click any image to open it full screen
- **Auto-generated routes** — folder structure maps directly to URLs
- **Single config file** — everything lives in `sidey.config.ts`
- **View Transitions** — smooth client-side navigation
- **RSS Feed & Sitemap** — generated automatically from your content
- **MDX support** — use components inside your markdown

## Quick Start

Click **Use this template** on GitHub to create a new repository, then:

```bash
git clone https://github.com/your-username/your-repo.git
cd your-repo
npm install
npm run dev
```

Open `sidey.config.ts` and fill in your details. That is the whole setup.

## Content Structure

| File                               | URL                 |
| ---------------------------------- | ------------------- |
| `src/content/pages/home.mdx`       | `/`                 |
| `src/content/pages/about.mdx`      | `/about`            |
| `src/content/writings/my-post.mdx` | `/writings/my-post` |

Read more about content structure at [sidey.odhyp.com/writings/2-content-structure](https://sidey.odhyp.com/writings/2-content-structure).

## Built With

- [Astro](https://astro.build)
- [Tailwind CSS](https://tailwindcss.com)
- [Expressive Code](https://expressive-code.com)
- [Geist](https://vercel.com/font)
- [Flexoki](https://stephango.com/flexoki)

## License

MIT License. See [LICENSE](./LICENSE) for details.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

astrowind

astrowind

⭕️ AstroWind: A free template using Astro v7 and Tailwind CSS v4. Astro starter theme.

Astro · 博客

astro-paper

astro-paper

A minimal, accessible and SEO-friendly Astro blog theme.

Astro · 博客

fuwari

fuwari

✨A static blog template built with Astro.

Astro · 博客

Firefly

Firefly

Firefly 是一款基于 Astro 的静态博客主题，由 CuteLeaf 在 saicaca 的 Fuwari 模板基础上二次开发，主打清新美观的视觉风格。

Astro · 博客

astro-theme-cactus

astro-theme-cactus

A simple Astro theme. Use it to create your blog or website.

Astro · 作品集

astrofy

astrofy

Astrofy is a free and open-source template for your Personal Portfolio Website built with Astro and TailwindCS…

Astro · 作品集