Ir al contenido
verdict:

Astro 6.0.0-beta.6

preview

Notas de la versión

note: la síntesis y las notas de la versión están en inglés

note: sin síntesis para esta release más antigua

Sintetizamos las releases recientes. Las notas de la versión originales de esta versión están aquí abajo.

release-notesgithub.com/withastro/astro · 115 líneas
  1. ### Major Changes
  3. - [#15332](https://github.com/withastro/astro/pull/15332) [`7c55f80`](https://github.com/withastro/astro/commit/7c55f80fa1fd91f8f71ad60437f81e6c7f98f69d) Thanks [@matthewp](https://github.com/matthewp)! - Adds frontmatter parsing support to `renderMarkdown` in content loaders. When markdown content includes frontmatter, it is now extracted and available in `metadata.frontmatter`, and excluded from the HTML output. This makes `renderMarkdown` behave consistently with the `glob` loader.
  5. ```js
  6. const loader = {
  7. name: 'my-loader',
  8. load: async ({ store, renderMarkdown }) => {
  9. const content = `---
  10. title: My Post
  11. ---
  13. # Hello World
  14. `;
  15. const rendered = await renderMarkdown(content);
  16. // rendered.metadata.frontmatter is now { title: 'My Post' }
  17. // rendered.html contains only the content, not the frontmatter
  18. },
  19. };
  20. ```
  22. ### Minor Changes
  24. - [#15291](https://github.com/withastro/astro/pull/15291) [`89b6cdd`](https://github.com/withastro/astro/commit/89b6cdd4075f5c9362291c386bb1e7c100b467a5) Thanks [@florian-lefebvre](https://github.com/florian-lefebvre)! - Removes the `experimental.fonts` flag and replaces it with a new configuration option `fonts` - ([v6 upgrade guidance](https://v6.docs.astro.build/en/guides/upgrade-to/v6/#experimental-flags))
  26. - [#15332](https://github.com/withastro/astro/pull/15332) [`7c55f80`](https://github.com/withastro/astro/commit/7c55f80fa1fd91f8f71ad60437f81e6c7f98f69d) Thanks [@matthewp](https://github.com/matthewp)! - Adds a `fileURL` option to `renderMarkdown` in content loaders, enabling resolution of relative image paths. When provided, relative image paths in markdown will be resolved relative to the specified file URL and included in `metadata.localImagePaths`.
  28. ```js
  29. const loader = {
  30. name: 'my-loader',
  31. load: async ({ store, renderMarkdown }) => {
  32. const content = `
  33. # My Post
  35. ![Local image](./image.png)
  36. `;
  37. // Provide a fileURL to resolve relative image paths
  38. const fileURL = new URL('./posts/my-post.md', import.meta.url);
  39. const rendered = await renderMarkdown(content, { fileURL });
  40. // rendered.metadata.localImagePaths now contains the resolved image path
  41. },
  42. };
  43. ```
  45. - [#15291](https://github.com/withastro/astro/pull/15291) [`89b6cdd`](https://github.com/withastro/astro/commit/89b6cdd4075f5c9362291c386bb1e7c100b467a5) Thanks [@florian-lefebvre](https://github.com/florian-lefebvre)! - Adds a new Fonts API to provide first-party support for adding custom fonts in Astro.
  47. This feature allows you to use fonts from both your file system and several built-in supported providers (e.g. Google, Fontsource, Bunny) through a unified API. Keep your site performant thanks to sensible defaults and automatic optimizations including preloading and fallback font generation.
  49. To enable this feature, configure `fonts` with one or more fonts:
  51. ```js title="astro.config.mjs"
  52. import { defineConfig, fontProviders } from 'astro/config';
  54. export default defineConfig({
  55. fonts: [
  56. {
  57. provider: fontProviders.fontsource(),
  58. name: 'Roboto',
  59. cssVariable: '--font-roboto',
  60. },
  61. ],
  62. });
  63. ```
  65. Import and include the `<Font />` component with the required `cssVariable` property in the head of your page, usually in a dedicated `Head.astro` component or in a layout component directly:
  67. ```astro
  68. ---
  69. // src/layouts/Layout.astro
  70. import { Font } from 'astro:assets';
  71. ---
  73. <html>
  74. <head>
  75. <Font cssVariable="--font-roboto" preload />
  76. </head>
  77. <body>
  78. <slot />
  79. </body>
  80. </html>
  81. ```
  83. In any page rendered with that layout, including the layout component itself, you can now define styles with your font's `cssVariable` to apply your custom font.
  85. In the following example, the `<h1>` heading will have the custom font applied, while the paragraph `<p>` will not.
  87. ```astro
  88. ---
  89. // src/pages/example.astro
  90. import Layout from '../layouts/Layout.astro';
  91. ---
  93. <Layout>
  94. <h1>In a galaxy far, far away...</h1>
  96. <p>Custom fonts make my headings much cooler!</p>
  98. <style>
  99. h1 {
  100. font-family: var('--font-roboto');
  101. }
  102. </style>
  103. </Layout>
  104. ```
  106. Visit the updated [fonts guide](https://v6.docs.astro.build/en/guides/fonts/) to learn more about adding custom fonts to your project.
  108. ### Patch Changes
  110. - [#15337](https://github.com/withastro/astro/pull/15337) [`7ff7b11`](https://github.com/withastro/astro/commit/7ff7b1160d2d60e40073ddc422fc7a00c59696aa) Thanks [@ematipico](https://github.com/ematipico)! - Fixes a bug where the development server couldn't serve newly created new pages while the development server is running.
  112. - [#15331](https://github.com/withastro/astro/pull/15331) [`4592be5`](https://github.com/withastro/astro/commit/4592be5bb7490474fe5e204f60b7131d9a79dae5) Thanks [@matthewp](https://github.com/matthewp)! - Fixes an issue where API routes would overwrite public files during build. Public files now correctly take priority over generated routes in both dev and build modes.
  114. - Updated dependencies \[[`7c55f80`](https://github.com/withastro/astro/commit/7c55f80fa1fd91f8f71ad60437f81e6c7f98f69d)]:
  115. - @astrojs/markdown-remark@7.0.0-beta.3

ver en githubimported 2026-09-28 vía npm