Astro博客

volks-typo — Astro 博客模板

作者 jdrhyne

以包豪斯与战时纪念碑风格为视觉核心的 Astro 博客主题,内置暗色模式、MDX、目录与阅读时长。

看看你的网站会是什么样

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

3 个预览视图
设计总览1 / 3
作者提供的预览

查看设计总览的内容组织、布局与视觉细节。

全部页面与视图 3

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

采集于 2026-09-27查看来源

值得关注的模板亮点

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

01

包豪斯与战时纪念碑风格混合的强视觉排版

02

暗色模式切换,localStorage 持久化并防 FOUC

03

同时支持 Markdown 与 MDX 内容文件

04

自动阅读时长与带滚动高亮的目录

05

自托管字体,无外部字体请求

06

内置 Playwright 功能测试与视觉回归基线

模板详细介绍

Volks-Typo 是一个 Astro 博客主题,视觉上刻意把包豪斯功能主义与二战时期纪念碑式排版放在一起,形成 README 所说的“不和谐的和声”。结构上它仍是标准博客骨架:首页、博客列表、动态文章页、分类页、关于页和联系页,桌面端带左侧栏,移动端为单列布局,配色以黑白灰为主、红色作强调。

内容层面支持 Markdown 与 MDX,文章 frontmatter 可填标题、日期、作者、摘要、分类、标签、封面图和草稿标记;阅读时长按约 200 词/分钟自动计算,H2–H4 标题会生成带滚动高亮的目录。暗色模式通过 localStorage 持久化并做了防闪烁处理,字体自托管,站点信息集中在 src/config.ts,另附 Playwright 测试与视觉回归基线。

它适合想用 Astro 搭建个人写作站点、且愿意接受强风格视觉的人。需要留意:README 未说明评论、搜索、RSS 或 CMS 集成,联系页只是静态页面,不涉及真实后端;部署到子路径时需要配置 SITE 与 BASE_PATH,上线前建议自行核对构建产物与无障碍表现。

Astro博客

适合你的项目吗?

适用场景

  • 个人设计、排版或历史主题博客
  • 想用 Astro + MDX 写长文并需要目录导航的站点
  • 需要暗色模式与自托管字体、注重隐私的静态博客
  • 希望用 Playwright 做视觉回归检查的主题二次开发

适合人群

  • 熟悉 Astro 或愿意学习其内容集合机制的开发者
  • 接受强风格视觉、不打算大改设计系统的写作者
  • 部署到 Netlify、Vercel 或 GitHub Pages 等静态托管的项目

上手与定制指南

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

  1. 1

    需要 Node.js 18.14.1 或更高版本

  2. 2

    站点标题、作者、社交链接等集中在 src/config.ts 修改

  3. 3

    部署到子目录(如 GitHub Pages)需设置 SITE 与 BASE_PATH 环境变量

  4. 4

    README 未提及评论、搜索、RSS 或 CMS,若需要应自行确认或另行集成

  5. 5

    联系页与关于页为静态页面,不包含真实后端提交逻辑

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可,允许免费使用、修改、分发及商用,仅需保留版权与许可声明;README未增设额外授权限制。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 保留版权声明与许可声明于所有副本或实质部分

额外费用与待核对事项

  • 自托管字体(Oswald、Roboto Condensed、Work Sans、JetBrains Mono)的独立字体许可未在提供文本中确认
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

README 原文

Permission is hereby granted, free of char

许可证原文
https://github.com/jdrhyne/volks-typo/blob/main/LICENSEhttps://github.com/jdrhyne/volks-typo/blob/HEAD/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

记录的仓库更新时间
2025-11-06
截图检查日期
2026-09-15

目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。

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

查看具体选型方法 →

介绍的制作与核对状态

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

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

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