Astro杂志资讯作品集

bilingual-astro-editorial-template — Astro 杂志资讯模板

作者 EloyEMC

面向书籍、作者作品集与编辑项目的西英双语 Astro 静态模板,含 WebGL 粒子首页与本地化法务页。

看看你的网站会是什么样

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

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

演示站首页的真实桌面布局。

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

西英双语静态路由,带 canonical 与 alternate-language 元数据

02

WebGL 粒子标题与全屏太空场景,支持指针交互

03

本地化法务、Cookie 与第三方署名页面

04

reduced-motion 与 WebGL 不可用时的静态回退

05

内容集中在 src/data/ 本地数据文件,无需 CMS 或数据库

模板详细介绍

这是一个以「电影感」为视觉基调的双语 Astro 静态模板,面向书籍发布、作者作品集、创意工作室和叙事类项目。它不依赖 CMS、数据库或运行时 API,通过 Astro 静态生成输出 /es/ 与 /en/ 两套本地化路由,并带有 canonical 与 alternate-language 元数据。内容集中在 src/data/ 下的本地数据文件,页面结构与视觉系统由模板提供,示例数据、插画、链接和法务文案需要自行替换。

首页被设计成沉浸式入口:全屏深色太空场景、随指针移动的粒子标题、悬浮封面或项目图作为主入口,下方是本地化的购买、法务与署名链接,语言切换器在 /es/ 与 /en/ 之间保持上下文。详情页沿用同一套视觉语言,转为可读的编辑页面,包含封面、标题、描述、行动按钮、元数据和响应式布局。模板还包含本地化的法务、Cookie 与第三方署名页面,以及无障碍导航、焦点状态和 reduced-motion 支持;在 WebGL 不可用或用户偏好减少动效时,保留语义文本与静态回退。

使用门槛主要在内容替换与合规检查:需要替换 src/data/books.ts 与 legal.ts 中的示例内容、public/media 下的示例插画,并在 astro.config.mjs 中设置生产域名。Wormhole Extreme 场景与 three.js 有各自的许可和署名要求,重新分发定制版前应阅读 THIRD_PARTY_NOTICES.md。仓库许可证状态在资料中标注为 review,实际使用前建议核对 LICENSE 与第三方声明的具体条款。

Astro杂志资讯作品集

适合你的项目吗?

适用场景

  • 书籍发布页或作者个人作品集
  • 创意工作室、叙事类项目的双语落地页
  • 需要沉浸式视觉入口的编辑型静态站点

适合人群

  • 接受 Astro 静态生成、愿意自行替换示例内容的开发者
  • 需要西英双语且重视无障碍与动效回退的项目
  • 希望以本地数据文件管理内容、不引入后端的中小型站点

上手与定制指南

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

  1. 1

    运行 npm install 与 npm run dev,默认访问 /es/ 或 /en/

  2. 2

    替换 src/data/books.ts 与 src/data/legal.ts 中的示例内容

  3. 3

    用可发布的插画替换 public/media/template-cover-*.svg

  4. 4

    在 astro.config.mjs 中设置生产域名

  5. 5

    重新分发前阅读 THIRD_PARTY_NOTICES.md,确认 Wormhole Extreme 与 three.js 的许可和署名要求

查看仓库使用说明

授权与来源资料

使用条件与限制

有额外使用条件

模板自有脚手架为MIT,但Wormhole Extreme场景与three.js受各自许可约束,再分发定制版前须阅读第三方声明。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 保留MIT版权与许可声明
  • 再分发定制版本前阅读并遵守THIRD_PARTY_NOTICES.md中Wormhole Extreme场景与three.js的许可与署名要求

额外费用与待核对事项

  • public/media示例美术素材的可替换性与授权范围未在提供文本中明确
查看原文依据

The Wormhole Extreme scene and three.js remain subject to their own licenses and attribution requirements

README 原文

The above copyright notice and this permission notice shall be included in all

许可证原文
https://github.com/EloyEMC/bilingual-astro-editorial-template/blob/main/LICENSEhttps://github.com/EloyEMC/bilingual-astro-editorial-template/blob/HEAD/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 82 / 100
技术栈
Astro
网站类型
杂志资讯 · 作品集
这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

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

反馈内容错误

看看同类模板

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