Astro 操作指南
檢視加入功能至 Astro 專案的引導式範例。
官方操作指南
標題為 官方操作指南Astro 的官方操作指南簡短明確,帶讀者為特定的任務做出可用的範例。操作指南是藉由循序漸進的指示為 Astro 專案加入新功能或行為的絕佳方法!
-
Installing a Vite or Rollup plugin
Learn how you can import YAML data by adding a Rollup plugin to your project.
-
Analyze bundle size
Learn how to analyze the bundle generated by Astro using `rollup-plugin-visualizer`.
-
Build a custom image component
Learn how to build a custom image component that supports media queries using the getImage function.
-
Build forms with API routes
Learn how to use JavaScript to send form submissions to an API Route.
-
Build HTML forms in Astro pages
Learn how to build HTML forms and handle submissions in your frontmatter.
-
Use Bun with Astro
Learn how to use Bun with your Astro site.
-
Call endpoints from the server
Learn how to call endpoints from the server in Astro.
-
Verify a Captcha
Learn how to create an API route and fetch it from the client.
-
Build your Astro site with Docker
Learn how to build your Astro site using Docker.
-
Dynamically import images
Learn how to dynamically import images using Vite's import.meta.glob function.
-
Add icons to external links
Learn how to install a rehype plugin to add icons to external links in your Markdown files.
-
Add i18n features
Use dynamic routing and content collections to add internationalization support to your Astro site.
-
Create a dev toolbar app
Learn how to create a dev toolbar app for your site.
-
Add last modified time
Build a remark plugin to add the last modified time to your Markdown and MDX.
-
Add reading time
Build a remark plugin to add reading time to your Markdown or MDX files.
-
Add an RSS feed
Add an RSS feed to your Astro site to let users subscribe to your content.
-
Share state between islands
Learn how to share state across framework components with Nano Stores.
-
Share state between Astro components
Learn how to share state across Astro components with Nano Stores.
-
Using streaming to improve page performance
Learn how to use streaming to improve page performance.
-
Style rendered Markdown with Tailwind Typography
Learn how to use @tailwind/typography to style your rendered Markdown.