开源发布 / 专为 Astro & Starlight 打造

把 PDF 无缝嵌入你的 Astro 文件与网站

astro-reader 是一个轻量级的 PDF 阅读器组件。让你的数字杂志、技术文档和在线阅读平台保持一致的流畅体验,同时保留完整的源码控制和主题适配。

npm install astro-reader
阅读入门指南

astro-reader 是如何运作的?

三个简单步骤,从安装到完美嵌入,让你的文档站具备专业级阅读体验。

STEP 01

安装整合套件

一行指令,将阅读器能力注入你的 Astro 或 Starlight 项目。

$ npm install astro-reader
STEP 02

宣告 Reader 元件

在 Markdown 或 Astro 页面中,直接引入并指定 PDF 路径。

<DocumentView src="/doc.pdf" />
STEP 03

无缝主題适配

自动继承 Starlight 的深色/浅色模式,提供流畅的翻页、缩放与导航体验。

为什么选择 astro-reader?

在速度、排版美观度和开发体验之间,找到最佳的 PDF 嵌入方案。

特性比较传统 iframe / object第三方 SaaS 嵌入astro-reader ✨
打包体积与性能依赖浏览器默认,性能不一依赖浏览器默认,性能不稳定极轻量,原生 Astro 优化
主题一致性❌ 无法自定义,视觉突兀⚠️ 有限支援✅ 完美适配 Starlight 深/浅色模式
移动设备体验❌ 缩放困难,容易跑版⚠️ 取决于供应商✅ 原生触控优化,流畅滑动
隐私与资料控制⚠️ 本地档案,但无互动控制❌ 需上传至第三方服务器✅ 100% 本地渲染,资料完全自主

实机预览:无缝融入你的文档站

左侧是你的 Starlight 文件导航与內容,右侧(或内嵌区块)是 astro-reader 提供的沉浸式阅读体验。支持目录跳转、页面缩放和全屏模式。

  • 零设置摩擦: 自动解析 PDF 元数据,生成默认工具栏。
  • 高度可扩展: 提供 Slot 和 Props,让开发者自定义按钮或覆盖默认样式。
localhost:4321/docs/guide
1 / 12
[ PDF Content Rendered Here ]

准备好提升你的文件阅读体验了吗?

开源,MIT 授权。立即将 astro-reader 加入你的下一个 Astro 项目。