单栏、单强调色的极简排版,内置明暗模式
lonefox — Astro 博客模板
作者 hareai
极简 Astro 博客主题,单栏单强调色,支持明暗模式,内容分为文章、学习、碎片与关于页。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前只有 1 张可用预览,尚未找到可用演示站,暂无法补充内页和手机端截图。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
内容分为文章、study、scraps、about 等固定板块
站点信息、导航与照片路径统一收在 lonefox.config.ts
文章 frontmatter 支持 category、location、cover、images 等字段
照片留空时保留纸质边框占位,标识回退到内置狐狸 SVG
内置 RSS 与 sitemap,提供 dev、build、check、preview 脚本
模板详细介绍
lonefox 是一个极简风格的 Astro 博客主题,核心是单栏布局与单一强调色,提供明暗两套配色。内容组织上,它把博客拆成几个固定板块:Markdown 文章放在 src/content/blog/,另有首页、study(技术写作归档)、scraps(诗、散步与随笔)、about 和 404 页面,并内置 RSS 与 sitemap。所有站点信息、导航、首页文案和照片路径都集中在根目录的 lonefox.config.ts 中,主题源码不需要改动。
文章 frontmatter 支持 title、date、description、category(tech、notes、travel、poem)、可选的 location、cover 和 images。照片与自定义标识通过配置指向 public/ 下的 URL,留空时首页、关于页、study 和 scraps 的配图位置会保留一个纸质边框占位,站点标识则回退到内置的狐狸 SVG。颜色在 src/styles/global.css 中调整。
使用方式有两种:把它作为 GitHub 模板仓库克隆,或作为依赖引入并在站点根目录保留自己的 lonefox.config.ts。运行需要 Node 22+,提供 dev、build、check、preview 四个脚本。仓库目前星标为 0,许可证标注为 MIT 但状态仍待核对;README 没有说明评论、搜索、分页或内容数量增长后的表现,也没有涉及真实后端或部署结果,正式上线前建议自行验证这些方面。
适合你的项目吗?
适用场景
- 个人技术博客,文章按 tech、notes、travel、poem 分类归档
- 想用 Astro 搭建轻量静态站点、偏好单栏阅读体验的写作者
- 需要把随笔、诗歌与照片混排在同一站点中的个人主页
- 以 GitHub 模板方式快速起步,再通过配置文件定制站点信息
适合人群
- 接受 Node 22+ 与 Astro 构建流程的开发者
- 偏好极简视觉、不需要复杂交互的博客作者
- 愿意通过编辑 lonefox.config.ts 和 global.css 完成定制的人
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
运行环境要求 Node 22+,克隆后执行 npm install 与 npm run dev
- 2
站点信息、导航、首页文案和照片路径均在 lonefox.config.ts 中修改,不要改动主题源码
- 3
照片与自定义标识需放入 public/ 并在配置中指向对应 URL,留空则显示纸质边框或内置 SVG
- 4
仓库许可证标注为 MIT 但状态仍为待核对,使用前建议确认授权情况
- 5
README 未说明评论、搜索、分页等能力,也没有部署与生产就绪说明,上线前需自行验证
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可,可免费使用、修改、商用;README仅标注MIT,无额外限制,需保留版权与许可声明。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 保留版权声明与许可声明
额外费用与待核对事项
- README未说明封面、照片等示例图片素材的授权范围
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
## License [MIT](LICENSE)
README 原文
https://github.com/hareai/lonefox/blob/main/LICENSEhttps://github.com/hareai/lonefox/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较少 · 54 / 100
- 技术栈
- Astro
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-09-15
- 截图检查日期
- 2026-09-15
目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。
目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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

astro-paper
A minimal, accessible and SEO-friendly Astro blog theme.
Astro · 博客

fuwari
✨A static blog template built with Astro.
Astro · 博客

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

astro-theme-cactus
A simple Astro theme. Use it to create your blog or website.
Astro · 作品集

astrofy
Astrofy is a free and open-source template for your Personal Portfolio Website built with Astro and TailwindCS…
Astro · 作品集
