vowel 0.2.4 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/404.md +3 -0
  2. package/README.md +134 -26
  3. package/bin.js +209 -1
  4. package/config.js +20 -0
  5. package/docs-source/.votive.db +0 -0
  6. package/docs-source/blog/url-ui.md +1 -5
  7. package/docs-source/blog.md +5 -0
  8. package/docs-source/docs/items.md +1 -1
  9. package/docs-source/home.md +1 -1
  10. package/docs-source/output/about.html +1 -0
  11. package/docs-source/output/blog/url-ui.html +8 -0
  12. package/docs-source/output/blog.html +1 -0
  13. package/docs-source/output/default.css +1 -0
  14. package/docs-source/output/docs/deploy.html +34 -0
  15. package/docs-source/output/docs/file-structure.html +24 -0
  16. package/docs-source/output/docs/folder-settings.html +20 -0
  17. package/docs-source/output/docs/images.html +2 -0
  18. package/docs-source/output/docs/items.html +6 -0
  19. package/docs-source/output/docs/pages.html +101 -0
  20. package/docs-source/output/docs/styling.html +18 -0
  21. package/docs-source/output/docs/taxonomies.html +20 -0
  22. package/docs-source/output/docs.html +28 -0
  23. package/docs-source/output/features/cards.html +1 -0
  24. package/docs-source/output/features/editing.html +1 -0
  25. package/docs-source/output/features/emoji.html +1 -0
  26. package/docs-source/output/features/frontmatter.html +1 -0
  27. package/docs-source/output/features/lists.html +1 -0
  28. package/docs-source/output/features/navigation.html +1 -0
  29. package/docs-source/output/features/rich-previews.html +1 -0
  30. package/docs-source/output/features/robots.html +1 -0
  31. package/docs-source/output/features/rss.html +1 -0
  32. package/docs-source/output/features/sitemap.html +1 -0
  33. package/docs-source/output/features/speed.html +1 -0
  34. package/docs-source/output/features/static.html +1 -0
  35. package/docs-source/output/features/taxonomies.html +1 -0
  36. package/docs-source/output/features.html +1 -0
  37. package/docs-source/output/feed.xml +1 -0
  38. package/docs-source/output/index.html +21 -0
  39. package/docs-source/output/reset.css +1 -0
  40. package/docs-source/output/roadmap.html +87 -0
  41. package/docs-source/output/robots.txt +14 -0
  42. package/docs-source/output/sitemap.xml +16 -0
  43. package/docs-source/output/typography.css +1 -0
  44. package/docs-source/settings.md +1 -0
  45. package/getMetadata.js +1 -1
  46. package/index.js +5 -660
  47. package/package.json +16 -1
  48. package/plugins/fonts/index.js +26 -0
  49. package/plugins/icons/index.js +26 -0
  50. package/plugins/images/index.js +45 -0
  51. package/plugins/markdown/index.js +1097 -0
  52. package/plugins/robots/index.js +23 -0
  53. package/plugins/styles/index.js +69 -0
  54. package/plugins/vectors/index.js +38 -0
  55. package/plugins/xml/index.js +196 -0
  56. package/stylesheets/DefaultStyles.css +329 -263
  57. package/stylesheets/ResetStyles.css +119 -123
  58. package/stylesheets/TypographyStyles.css +259 -242
  59. package/docs-source/assets/styles.css +0 -51
  60. package/docs-source/blog/home.md +0 -5
  61. /package/docs-source/{$features → features}/cards.md +0 -0
  62. /package/docs-source/{$features → features}/editing.md +0 -0
  63. /package/docs-source/{$features → features}/emoji.md +0 -0
  64. /package/docs-source/{$features → features}/frontmatter.md +0 -0
  65. /package/docs-source/{$features → features}/lists.md +0 -0
  66. /package/docs-source/{$features → features}/navigation.md +0 -0
  67. /package/docs-source/{$features → features}/rich-previews.md +0 -0
  68. /package/docs-source/{$features → features}/robots.md +0 -0
  69. /package/docs-source/{$features → features}/rss.md +0 -0
  70. /package/docs-source/{$features → features}/sitemap.md +0 -0
  71. /package/docs-source/{$features → features}/speed.md +0 -0
  72. /package/docs-source/{$features → features}/static.md +0 -0
  73. /package/docs-source/{$features → features}/taxonomies.md +0 -0
@@ -0,0 +1,2 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Images - Documentation - Vowel</title><meta property=og:title content="Images - Documentation - Vowel"><meta property=og:description content="How to host images."><meta property=og:url content=/docs/images><link rel=stylesheet href=/default.css?5sp5zfc3><link rel=stylesheet href=/reset.css?6t9x0yuz><link rel=stylesheet href=/typography.css?uelqd4ba><meta property=og:site_name><body class=docs_images><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/docs/deploy>Deploy</a><a href=/docs/file-structure>Files</a><a href=/docs/folder-settings>Folders</a><a href=/docs/images aria-current=page>Images</a><a href=/docs/items>Items</a><a href=/docs/pages>Pages</a><a href=/docs/styling>Styling</a><a href=/docs/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/docs/>Docs</a><a href=/docs/images aria-current=page>Images</a></nav><h1>Images</h1><p itemprop=description>How to host images.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav><p>We recommend hosting images elsewhere.
2
+ <p>Images hosted on imgix will automatically be optimized, compressed, and formatted.</main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1,6 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Items - Documentation - Vowel</title><meta property=og:title content="Items - Documentation - Vowel"><meta property=og:description content="With Vowel, you can create reusable pieces of content and embed them throughout your website."><meta property=og:url content=/docs/items><link rel=stylesheet href=/default.css?9q2j1ju1><link rel=stylesheet href=/reset.css?yi2buc58><link rel=stylesheet href=/typography.css?hq61zmuz><meta property=og:site_name><body class=docs_items><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/docs/deploy>Deploy</a><a href=/docs/file-structure>Files</a><a href=/docs/folder-settings>Folders</a><a href=/docs/images>Images</a><a href=/docs/items aria-current=page>Items</a><a href=/docs/pages>Pages</a><a href=/docs/styling>Styling</a><a href=/docs/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/docs/>Docs</a><a href=/docs/items aria-current=page>Items</a></nav><h1>Items</h1><p itemprop=description>With Vowel, you can create reusable pieces of content and embed them throughout your website.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav><p>To create one, prefix a file or folder with a <code>$</code>, such as <code>$faqs</code>. The file or folder will not produce a page, but the content can be displayed on other pages, like so:
2
+ <pre><code class=language-md>Here are answers to common questions:
3
+
4
+ /faqs?count=10
5
+ </code></pre>
6
+ <p>This also allows richer content, as the item will be displayed with frontmatter.</main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1,101 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Pages - Documentation - Vowel</title><meta property=og:title content="Pages - Documentation - Vowel"><meta property=og:description content="Create content."><meta property=og:url content=/docs/pages><link rel=stylesheet href=/default.css?kn4r9zhr><link rel=stylesheet href=/reset.css?h503en6p><link rel=stylesheet href=/typography.css?kdqpmm5p><meta property=og:site_name><body class=docs_pages><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/docs/deploy>Deploy</a><a href=/docs/file-structure>Files</a><a href=/docs/folder-settings>Folders</a><a href=/docs/images>Images</a><a href=/docs/items>Items</a><a href=/docs/pages aria-current=page>Pages</a><a href=/docs/styling>Styling</a><a href=/docs/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/docs/>Docs</a><a href=/docs/pages aria-current=page>Pages</a></nav><h1>Pages</h1><p itemprop=description>Create content.<nav aria-label=Contents><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h1"><a class="toc-link toc-link-h1"href=#frontmatter>Frontmatter</a><ol class="toc-level toc-level-2"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#markdown>Markdown</a><ol class="toc-level toc-level-3"><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3"href=#rich-link-previews>Rich link previews</a><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3"href=#internal-link-previews>Internal link previews</a><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3"href=#page-lists>Page lists</a><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3"href=#headings>Headings</a><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3"href=#description>Description</a><li class="toc-item toc-item-h3"><a class="toc-link toc-link-h3"href=#notes>Notes</a></ol></ol></ol></nav><p>Vowel attempts to construct a logical semantic HTML structure based on the files and folders in your website.
2
+ <p>To do this, Vowel distinguishes between evergreen pages and ephemeral pages. A page with a <code>date</code> property is considered ephemeral, so it is excluded from the navigation and sitemap.
3
+ <p>Vowel will automatically create a multi-level nav, with one level for each parent folder for the current page.
4
+ <p>Vowel will create a full side navigation that displays all evergreen pages.
5
+
6
+ <p>Reserved properties
7
+ <ul>
8
+ <li><code>title</code>: Page title
9
+ <li><code>image</code>: Page image
10
+ <li><code>description</code>: Page description
11
+ <li><code>date</code>: Date published
12
+ <li><code>breadcrumb</code>: Short identifier for the page
13
+ <li><code>toc</code>: Optionally display a table of contents
14
+ </ul>
15
+ <p>Vowel will attempt to impute the type of each frontmatter property. Imputed types include:
16
+ <ul>
17
+ <li>Links (Will generate a link preview)
18
+ <li>Images (will display the image)
19
+ <li>Date (will render a pretty date in a <code>time</code> element)
20
+ </ul>
21
+ <p>You can also use lists and objects in frontmatter.
22
+ <h2 id=markdown>Markdown</h2>
23
+ <p>Vowel comes loaded with GFM (Github-flavored Markdown):
24
+ <pre><code>## Autolink literals
25
+
26
+ www.example.com, https://example.com, and contact@example.com.
27
+
28
+ ## Footnote
29
+
30
+ A note[^1]
31
+
32
+ [^1]: Big note.
33
+
34
+ ## Strikethrough
35
+
36
+ ~one~ or ~~two~~ tildes.
37
+
38
+ ## Table
39
+
40
+ | a | b | c | d |
41
+ | - | :- | -: | :-: |
42
+
43
+ ## Tasklist
44
+
45
+ * [ ] to do
46
+ * [x] done
47
+
48
+ </code></pre>
49
+ <p>Along with all standard Markdown, Vowel also allows the following special elements:
50
+ <h3 id=rich-link-previews>Rich link previews</h3>
51
+ <p>Paste a URL on its own line (e.g. <code>https://example.com</code>).
52
+ <h3 id=internal-link-previews>Internal link previews</h3>
53
+ <p>Paste a relative path to a page (e.g. <code>/about</code>).
54
+ <p>The link will be rendered as an <code>article</code> element with a class representing the linked path (e.g. <code>page-blog-hello-world</code>).
55
+ <h3 id=page-lists>Page lists</h3>
56
+ <p>A relative path to a folder with a <code>count</code> parameter (e.g. <code>/blog?count=2</code>). This will exclude the <code>home.md</code> file for the folder. In this example, it would return the <code>/blog/hello-world.md</code> file but not <code>/blog/home.md</code>.
57
+ <p>The page list will order pages first by date in reverse chronology (newest to oldest) and then alphabetically (a to z).
58
+ <p>The list will be rendered as <code>article</code> elements (see above) in a <code>section</code> element. The <code>section</code> element will have a class representing the folder path (e.g. <code>folder-blog</code>).
59
+ <h3 id=headings>Headings</h3>
60
+ <p>If your document starts with an <code>h1</code> (<code>#</code>) and has no <code>title</code> property, the <code>h1</code> will be used as the meta title.
61
+ <p>If your document includes <code>h1</code>s after the title, all headings will be demoted one level (<code>#</code> to <code>h2</code>, <code>##</code> to <code>h3</code>).
62
+ <h3 id=description>Description</h3>
63
+ <p>If your document doesn't include a <code>description</code>, a meta description will be extracted from the text.
64
+ <h3 id=notes>Notes</h3>
65
+ <p>Highlight information with note boxes:
66
+ <pre><code>:::tip
67
+ Use `tip` for power-ups.
68
+ :::
69
+
70
+ :::note
71
+ Use `note` for good-to-know information.
72
+ :::
73
+
74
+ :::important
75
+ Use `important` to help guide your user down the right path.
76
+ :::
77
+
78
+ :::warning
79
+ Use `warning` to help your user avoid the wrong path.
80
+ :::
81
+
82
+ :::caution
83
+ Use `caution` to alert the user before they perform a destructive action.
84
+ :::
85
+
86
+ </code></pre>
87
+ <p>:::tip
88
+ Use <code>tip</code> for power-ups.
89
+ :::
90
+ <p>:::note
91
+ Use <code>note</code> for good-to-know information.
92
+ :::
93
+ <p>:::important
94
+ Use <code>important</code> to help guide your user down the right path.
95
+ :::
96
+ <p>:::warning
97
+ Use <code>warning</code> to help your user avoid the wrong path.
98
+ :::
99
+ <p>:::caution
100
+ Use <code>caution</code> to alert the user before they perform a destructive action.
101
+ :::</main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1,18 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Styling - Documentation - Vowel</title><meta property=og:title content="Styling - Documentation - Vowel"><meta property=og:description content="Add styles to your website."><meta property=og:url content=/docs/styling><link rel=stylesheet href=/default.css?efu9z89w><link rel=stylesheet href=/reset.css?xhtplw81><link rel=stylesheet href=/typography.css?y8p8yyw5><meta property=og:site_name><body class=docs_styling><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/docs/deploy>Deploy</a><a href=/docs/file-structure>Files</a><a href=/docs/folder-settings>Folders</a><a href=/docs/images>Images</a><a href=/docs/items>Items</a><a href=/docs/pages>Pages</a><a href=/docs/styling aria-current=page>Styling</a><a href=/docs/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/docs/>Docs</a><a href=/docs/styling aria-current=page>Styling</a></nav><h1>Styling</h1><p itemprop=description>Add styles to your website.<nav aria-label=Contents><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h1"><a class="toc-link toc-link-h1"href=#themes>Themes</a><ol class="toc-level toc-level-2"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#css>CSS</a></ol></ol></nav>
2
+ <p>Vowel includes a default theme, but you can disable this in your root <code>settings.md</code> file:
3
+ <pre><code>theme: none
4
+ </code></pre>
5
+ <p>You also have two other themes available:
6
+ <ul>
7
+ <li><code>reset</code>: A classic CSS reset
8
+ <li><code>typography</code>: A classic CSS reset, plus some basic text styling
9
+ </ul>
10
+ <h2 id=css>CSS</h2>
11
+ <p>Create an <code>assets/styles.css</code> file for your styling. We recommend using a style framework like Pico or Open Props. You can simply download their stylesheet and either copy-paste it into your own or include it in <code>assets/</code> and <code>import</code> it into <code>assets/styles.css</code>.
12
+ <p>For some inspiration on how to style semantic HTML, check out Swyx's <a href=https://github.com/swyxio/spark-joy>Spark Joy repository</a>.
13
+ <p>:::tip
14
+ <p>You can combine a theme with your own CSS. Feel free to use the <code>reset</code> or <code>typography</code> theme as a starting point and build from there.
15
+ <p>:::
16
+ <p>:::warning
17
+ <p>This project is still in development, so the generated markup is likely to change quickly and without warning, which will likely affect your styles.
18
+ <p>:::</main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1,20 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Taxonomies - Documentation - Vowel</title><meta property=og:title content="Taxonomies - Documentation - Vowel"><meta property=og:description content="Create tags, categories, and authors."><meta property=og:url content=/docs/taxonomies><link rel=stylesheet href=/default.css?yfrusmem><link rel=stylesheet href=/reset.css?wsilkx78><link rel=stylesheet href=/typography.css?1h5yxk70><meta property=og:site_name><body class=docs_taxonomies><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/docs/deploy>Deploy</a><a href=/docs/file-structure>Files</a><a href=/docs/folder-settings>Folders</a><a href=/docs/images>Images</a><a href=/docs/items>Items</a><a href=/docs/pages>Pages</a><a href=/docs/styling>Styling</a><a href=/docs/taxonomies aria-current=page>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/docs/>Docs</a><a href=/docs/taxonomies aria-current=page>Taxonomies</a></nav><h1>Taxonomies</h1><p itemprop=description>Create tags, categories, and authors.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav><p>For instance, in this folder structure:
2
+ <pre><code>.
3
+ ├── home.md
4
+ ├── design.md
5
+ ├── recipes.md
6
+ └── category/
7
+ ├── inspiration.md
8
+ └── lifestyle.md
9
+ </code></pre>
10
+ <p>You can write the following frontmatter in <code>design.md</code>:
11
+ <pre><code>---
12
+ title: Design
13
+ category: inspiration
14
+ ---
15
+ </code></pre>
16
+ <p>Vowel will render the property as a link to <code>/category/inspiration</code>.
17
+ <p>Then, in <code>category/inspiration.md</code> (or anywhere) you can display all inspiration posts with a post list:
18
+ <pre><code>/?property=category.inspiration
19
+ </code></pre>
20
+ <p>This allows you to create author pages, category pages.</main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1,28 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Docs - Vowel</title><meta property=og:title content="Docs - Vowel"><meta property=og:description content="Learn how to use Vowel."><meta property=og:url content=/docs><link rel=stylesheet href=/default.css?uk4k614o><link rel=stylesheet href=/reset.css?etsfozpx><link rel=stylesheet href=/typography.css?48bcza5o><meta property=og:site_name><body class=docs><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs aria-current=page>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/docs/deploy>Deploy</a><a href=/docs/file-structure>Files</a><a href=/docs/folder-settings>Folders</a><a href=/docs/images>Images</a><a href=/docs/items>Items</a><a href=/docs/pages>Pages</a><a href=/docs/styling>Styling</a><a href=/docs/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/docs aria-current=page>Docs</a></nav><h1>Docs</h1><p itemprop=description>Learn how to use Vowel.<nav aria-label=Contents><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h1"><a class="toc-link toc-link-h1"href=#npx>npx</a><ol class="toc-level toc-level-2"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#npm>npm</a><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#starter-files>Starter files</a></ol></ol></nav>
2
+ <p>npx is the easiest way to use vowel:
3
+ <pre><code>npx -y -p svelte@next -p vowel@latest npx vowel
4
+ </code></pre>
5
+ <p>Vowel will attempt to generate a website based on the contents of your file.
6
+ <h2 id=npm>npm</h2>
7
+ <p>Create a directory. Then, open that directory and run these commands in your terminal:
8
+ <pre><code class=language-bash>npm init --y &#38&#38 npm i vowel svelte@next
9
+ </code></pre>
10
+ <p>Edit your <code>package.json</code> to add these <code>scripts</code>:
11
+ <pre><code class=language-json>{
12
+ "dev": "vowel",
13
+ "build": "vowel build"
14
+ }
15
+ </code></pre>
16
+ <p>Now run <code>npm run dev</code>.
17
+ <h2 id=starter-files>Starter files</h2>
18
+ <p>Create <code>home.md</code> and enter some basic information
19
+ <pre><code class=language-md># Your website
20
+
21
+ Lorem ipsum...
22
+ </code></pre>
23
+ <p>Create <code>settings.md</code> and enter some basic information in the frontmatter:
24
+ <pre><code>---
25
+ breadcrumb: Home
26
+ domain: https://example.com
27
+ ---
28
+ </code></pre></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Cards - Vowel</title><meta property=og:title content="Cards - Vowel"><meta property=og:description content="Create eye-catching content with no fuss. (Like this.)"><meta property=og:url content=/features/cards><link rel=stylesheet href=/default.css?fg6qfde9><link rel=stylesheet href=/reset.css?ish5hudd><link rel=stylesheet href=/typography.css?8b5i8u5l><meta property=og:site_name><body class=features_cards><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards aria-current=page>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/cards aria-current=page>Cards</a></nav><h1>Cards</h1><p itemprop=description>Create eye-catching content with no fuss. (Like this.)<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Live editing - Vowel</title><meta property=og:title content="Live editing - Vowel"><meta property=og:description content="See updates live as you save."><meta property=og:url content=/features/editing><link rel=stylesheet href=/default.css?lw2tzhvl><link rel=stylesheet href=/reset.css?jv9fr6d4><link rel=stylesheet href=/typography.css?r3qq8kdq><meta property=og:site_name><body class=features_editing><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing aria-current=page>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/editing aria-current=page>Live editing</a></nav><h1>Live editing</h1><p itemprop=description>See updates live as you save.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Emoji favicons - Vowel</title><meta property=og:title content="Emoji favicons - Vowel"><meta property=og:description content="Use any emoji you want for your website&#39s icon."><meta property=og:url content=/features/emoji><link rel=stylesheet href=/default.css?2s4h10cu><link rel=stylesheet href=/reset.css?87t165ci><link rel=stylesheet href=/typography.css?znf56ex5><meta property=og:site_name><body class=features_emoji><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji aria-current=page>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/emoji aria-current=page>Emoji favicons</a></nav><h1>Emoji favicons</h1><p itemprop=description>Use any emoji you want for your website's icon.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Frontmatter - Vowel</title><meta property=og:title content="Frontmatter - Vowel"><meta property=og:description content="Display dates, lists, nested properties, links, and images in your frontmatter."><meta property=og:url content=/features/frontmatter><link rel=stylesheet href=/default.css?woa8ug9m><link rel=stylesheet href=/reset.css?mjx8r4ir><link rel=stylesheet href=/typography.css?3dq8spfh><meta property=og:site_name><body class=features_frontmatter><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter aria-current=page>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/frontmatter aria-current=page>Frontmatter</a></nav><h1>Frontmatter</h1><p itemprop=description>Display dates, lists, nested properties, links, and images in your frontmatter.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Blog - Vowel</title><meta property=og:title content="Blog - Vowel"><meta property=og:description content="Write one line to list your blog posts."><meta property=og:url content=/features/lists><link rel=stylesheet href=/default.css?xwb8f72k><link rel=stylesheet href=/reset.css?j9wldjn7><link rel=stylesheet href=/typography.css?g67mn73u><meta property=og:site_name><body class=features_lists><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists aria-current=page>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/lists aria-current=page>Blog</a></nav><h1>Blog</h1><p itemprop=description>Write one line to list your blog posts.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Navigation - Vowel</title><meta property=og:title content="Navigation - Vowel"><meta property=og:description content="Structure your content with smart nav menus."><meta property=og:url content=/features/navigation><link rel=stylesheet href=/default.css?kq0ijw4t><link rel=stylesheet href=/reset.css?wx0uzoii><link rel=stylesheet href=/typography.css?el41lg5h><meta property=og:site_name><body class=features_navigation><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation aria-current=page>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/navigation aria-current=page>Navigation</a></nav><h1>Navigation</h1><p itemprop=description>Structure your content with smart nav menus.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Rich link previews - Vowel</title><meta property=og:title content="Rich link previews - Vowel"><meta property=og:description content="Create rich links with titles and images."><meta property=og:url content=/features/rich-previews><link rel=stylesheet href=/default.css?60lnxz5g><link rel=stylesheet href=/reset.css?vt30jdp2><link rel=stylesheet href=/typography.css?9l3qcvrx><meta property=og:site_name><body class=features_rich-previews><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews aria-current=page>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/rich-previews aria-current=page>Rich link previews</a></nav><h1>Rich link previews</h1><p itemprop=description>Create rich links with titles and images.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Robots - Vowel</title><meta property=og:title content="Robots - Vowel"><meta property=og:description content="Take control of your robots.txt."><meta property=og:url content=/features/robots><link rel=stylesheet href=/default.css?5gj1demg><link rel=stylesheet href=/reset.css?6k59uat9><link rel=stylesheet href=/typography.css?rnoxsixs><meta property=og:site_name><body class=features_robots><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots aria-current=page>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/robots aria-current=page>Robots</a></nav><h1>Robots</h1><p itemprop=description>Take control of your robots.txt.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>RSS - Vowel</title><meta property=og:title content="RSS - Vowel"><meta property=og:description content="Deliver your content to RSS readers with an Atom feed."><meta property=og:url content=/features/rss><link rel=stylesheet href=/default.css?vdsxb2at><link rel=stylesheet href=/reset.css?kpsb8g0r><link rel=stylesheet href=/typography.css?jb2o9kmi><meta property=og:site_name><body class=features_rss><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss aria-current=page>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/rss aria-current=page>RSS</a></nav><h1>RSS</h1><p itemprop=description>Deliver your content to RSS readers with an Atom feed.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Sitemap - Vowel</title><meta property=og:title content="Sitemap - Vowel"><meta property=og:description content="Submit your website to search engines with a sitemap that lists all of your pages."><meta property=og:url content=/features/sitemap><link rel=stylesheet href=/default.css?xed2x72d><link rel=stylesheet href=/reset.css?acbuh98p><link rel=stylesheet href=/typography.css?puplv1zi><meta property=og:site_name><body class=features_sitemap><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap aria-current=page>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/sitemap aria-current=page>Sitemap</a></nav><h1>Sitemap</h1><p itemprop=description>Submit your website to search engines with a sitemap that lists all of your pages.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Speed - Vowel</title><meta property=og:title content="Speed - Vowel"><meta property=og:description content="Get a blazing-fast, Svelte-rendered website."><meta property=og:url content=/features/speed><link rel=stylesheet href=/default.css?y39mjhcn><link rel=stylesheet href=/reset.css?2ugamdmu><link rel=stylesheet href=/typography.css?eubh535m><meta property=og:site_name><body class=features_speed><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed aria-current=page>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/speed aria-current=page>Speed</a></nav><h1>Speed</h1><p itemprop=description>Get a blazing-fast, Svelte-rendered website.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Static generation - Vowel</title><meta property=og:title content="Static generation - Vowel"><meta property=og:description content="Load pages quickly with plain HTML."><meta property=og:url content=/features/static><link rel=stylesheet href=/default.css?1l91ktyr><link rel=stylesheet href=/reset.css?vffb6ndm><link rel=stylesheet href=/typography.css?w1w54dkg><meta property=og:site_name><body class=features_static><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static aria-current=page>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/static aria-current=page>Static generation</a></nav><h1>Static generation</h1><p itemprop=description>Load pages quickly with plain HTML.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Taxonomies - Vowel</title><meta property=og:title content="Taxonomies - Vowel"><meta property=og:description content="Go beyond tags to create authors and categories."><meta property=og:url content=/features/taxonomies><link rel=stylesheet href=/default.css?2rlf0mue><link rel=stylesheet href=/reset.css?tbfns8qd><link rel=stylesheet href=/typography.css?ibp55fwg><meta property=og:site_name><body class=features_taxonomies><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies aria-current=page>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features/>Features</a><a href=/features/taxonomies aria-current=page>Taxonomies</a></nav><h1>Taxonomies</h1><p itemprop=description>Go beyond tags to create authors and categories.<nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Features - Vowel</title><meta property=og:title content="Features - Vowel"><meta property=og:description><meta property=og:url content=/features><link rel=stylesheet href=/default.css?vqzt5e2y><link rel=stylesheet href=/reset.css?yo316ls4><link rel=stylesheet href=/typography.css?p5lnvfpn><meta property=og:site_name><body class=features><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features aria-current=page>Features</a><a href=/roadmap>Roadmap</a></nav><nav><a href=/features/lists>Blog</a><a href=/features/cards>Cards</a><a href=/features/emoji>Emoji favicons</a><a href=/features/frontmatter>Frontmatter</a><a href=/features/editing>Live editing</a><a href=/features/navigation>Navigation</a><a href=/features/rich-previews>Rich link previews</a><a href=/features/robots>Robots</a><a href=/features/rss>RSS</a><a href=/features/sitemap>Sitemap</a><a href=/features/speed>Speed</a><a href=/features/static>Static generation</a><a href=/features/taxonomies>Taxonomies</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/features aria-current=page>Features</a></nav><h1>Features</h1><div><nav aria-label=Contents><ol class="toc-level toc-level-1"></ol></nav></div></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ <?xml version="1.0" encoding="UTF-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title>Vowel</title><link rel="self" href="https://getvowel.com/feed"/><id>https://getvowel.com/feed</id><entry><title>Long Live the URL</title><link rel="alternate" href="https://getvowel.com/blog/url-ui.html"/><id>https://getvowel.com/blog/url-ui.html</id><updated>2024-06-27T03:00:00.000Z</updated><summary>This article from 1999 about how to write good URLs is awesome. Some tips:</summary></entry></feed>
@@ -0,0 +1,21 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Home</title><meta property=og:title content=Home><meta property=og:description content="Vowel is a very simple Markdown- and CSS-based website generator."><meta property=og:url content=/><link rel=stylesheet href=/default.css?48cw5yt8><link rel=stylesheet href=/reset.css?lj7mr4qz><link rel=stylesheet href=/typography.css?6dx1t6tx><meta property=og:site_name><body class=home><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap>Roadmap</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a></nav><h1>Home</h1><p itemprop=description>Vowel is a very simple Markdown- and CSS-based website generator.<nav aria-label=Contents><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#features>Features</a><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#try-it>Try it</a></ol></nav><p>:::tip
2
+ <p>Start editing this page with one click by <a href="https://stackblitz.com/~/github.com/samlfair/vowel-site?file=home.md">opening it on StackBlitz</a>.
3
+ <p>:::
4
+ <p>To try Vowel out on your own computer, <code>cd</code> into a directory of markdown files and run:
5
+ <pre><code>npx -y -p svelte@next -p vowel@latest npx vowel
6
+ </code></pre>
7
+ <p>(This <code>npx</code> command forces the Svelte 5 peer depedency, without which the app will throw an error.)
8
+ <p><img src="https://littlefair.imgix.net/florence-tango.jpeg?width=2048&#38auto=format%2Ccompress"alt="A woman dancing"> Here's a photo
9
+ <p>Vowel is a minimal website framework for developers who love to write CSS and read RSS.
10
+ <blockquote>
11
+ <p>Here's a lovely block quote.
12
+ </blockquote>
13
+ <p>Vowel will generate a feature-rich HTML website from a directory of markdown files. The output is plain HTML. You can style it however you want with your own CSS.
14
+ <p>:::warning
15
+ <p>This project is still in early development. There are many bugs and the API is changing quickly.
16
+ <p>:::
17
+ <p>Vowel is created by Sam Littlefair. If you have questions or comments, <a href=https://twitter.com/samlfair>reach out to me on Twitter</a>.
18
+ <h2 id=features>Features</h2>
19
+ <section><article><a href=/features/cards><h1>Cards</h1><p itemprop=description>Create eye-catching content with no fuss. (Like this.)</p></a></article><article><a href=/features/editing><h1>Live editing</h1><p itemprop=description>See updates live as you save.</p></a></article><article><a href=/features/emoji><h1>Emoji favicons</h1><p itemprop=description>Use any emoji you want for your website's icon.</p></a></article><article><a href=/features/frontmatter><h1>Frontmatter</h1><p itemprop=description>Display dates, lists, nested properties, links, and images in your frontmatter.</p></a></article><article><a href=/features/lists><h1>Blog</h1><p itemprop=description>Write one line to list your blog posts.</p></a></article><article><a href=/features/navigation><h1>Navigation</h1><p itemprop=description>Structure your content with smart nav menus.</p></a></article><article><a href=/features/rich-previews><h1>Rich link previews</h1><p itemprop=description>Create rich links with titles and images.</p></a></article><article><a href=/features/robots><h1>Robots</h1><p itemprop=description>Take control of your robots.txt.</p></a></article><article><a href=/features/rss><h1>RSS</h1><p itemprop=description>Deliver your content to RSS readers with an Atom feed.</p></a></article><article><a href=/features/sitemap><h1>Sitemap</h1><p itemprop=description>Submit your website to search engines with a sitemap that lists all of your pages.</p></a></article><article><a href=/features/speed><h1>Speed</h1><p itemprop=description>Get a blazing-fast, Svelte-rendered website.</p></a></article><article><a href=/features/static><h1>Static generation</h1><p itemprop=description>Load pages quickly with plain HTML.</p></a></article><article><a href=/features/taxonomies><h1>Taxonomies</h1><p itemprop=description>Go beyond tags to create authors and categories.</p></a></article></section>
20
+ <h2 id=try-it>Try it</h2>
21
+ <article><a href=/docs><h1>Docs</h1><p itemprop=description>Learn how to use Vowel.</p></a></article></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1 @@
1
+ @layer reset{html{-webkit-text-size-adjust:100%;margin:0;font-size:62.5%}body{-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-size:1.6rem;font-weight:400;line-height:1.5;overflow-x:hidden}*,:before,:after{box-sizing:border-box}*{margin:0}img,details,picture,video,canvas,svg,object{max-width:100%;display:block}summary{display:list-item}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;overflow:hidden}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}code,mark{-webkit-box-decoration-break:clone;box-decoration-break:clone}}
@@ -0,0 +1,87 @@
1
+ <!doctypehtml><html lang=en><meta charset=UTF-8><meta name=viewport content="width=device-width, initial-scale=1.0"><meta http-equiv=X-UA-Compatible content=ie-edge><title>Roadmap - Vowel</title><meta property=og:title content="Roadmap - Vowel"><meta property=og:description content="What&#39s planned."><meta property=og:url content=/roadmap><link rel=stylesheet href=/default.css?pcz5bn9y><link rel=stylesheet href=/reset.css?sgx4tj3u><link rel=stylesheet href=/typography.css?8uwrlzjq><meta property=og:site_name><body class=roadmap><header><a class=title href=/ rel=home>Vowel</a><p class=slogan>The easiest way to code a website<nav><a href=/about>About</a><a href=/blog>Blog</a><a href=/docs>Docs</a><a href=/features>Features</a><a href=/roadmap aria-current=page>Roadmap</a></nav></header><main><nav aria-label=Breadcrumbs><a href=/>Home</a><a href=/roadmap aria-current=page>Roadmap</a></nav><h1>Roadmap</h1><p itemprop=description>What's planned.<nav aria-label=Contents><ol class="toc-level toc-level-1"><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#v2>V2</a><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#v3>V3</a><li class="toc-item toc-item-h2"><a class="toc-link toc-link-h2"href=#wish-list>Wish list</a></ol></nav><h2 id=v2>V2</h2>
2
+ <ul>
3
+ <li>[x] Images as <code>&#60figure></code>s
4
+ <li>[x] Frontmatter interpolation (title and description)
5
+ <li>[x] CSS default
6
+ <li>[x] Better favicon and styles handling
7
+ <li>[x] Ignore README files
8
+ <li>[x] Include breadcrumbs in page titles
9
+ <li>[x] Add hidden routes (<code>$</code>)
10
+ <li>[x] Image alt text
11
+ <li>[x] Deploy action (Vercel)
12
+ <li>[x] Add anchor links for headings
13
+ <li>[x] Figure out how to stop components from remounting on every change
14
+ <li>[x] Demote headings global option (headings are now demoted intelligently)
15
+ <li>[x] Taxonomy lists
16
+ <li>[x] <del>Strikethrough</del>
17
+ <li>[x] Checklists
18
+ <li>[x] GitHub-style notes
19
+ <li>[x] Footnotes
20
+ <li>[x] Better create/delete handling in HMR
21
+ <li>[x] Disable default styles option
22
+ <li>[x] Better theme CSS handling
23
+ <li>[x] Create style reset theme
24
+ <li>[x] Debug settings page HMR (temporary fix with full-page refresh)
25
+ <li>[x] Fix checklist boxes
26
+ <li>[x] Handle SVGs properly
27
+ <li>[x] Slogan in homepage <code>&#60title></code>
28
+ <li>[x] Prioritize <code>title</code> and <code>h1</code> for meta title
29
+ <li>[x] Prioritize <code>title</code> over <code>h1</code> for thumbnails
30
+ <li>[x] Tables of contents
31
+ <li>[x] Add a default 404 page
32
+ </ul>
33
+ <h2 id=v3>V3</h2>
34
+ <ul>
35
+ <li>[ ] Fallback homepages
36
+ <li>[ ] Date format customizing
37
+ <li>[ ] Init CLI
38
+ <ul>
39
+ <li>Option for destructive actions
40
+ <li>Create homepage
41
+ <li>Create CSS file
42
+ </ul>
43
+
44
+ <li>[ ] ::Mark::
45
+ <li>[ ] Frontmatter interpolation (image)
46
+ <li>[ ] Add more header metadata?
47
+ <li>[ ] Define folder settings
48
+ <ul>
49
+ <li>[ ] Title
50
+ <li>[ ] Breadrumb
51
+ </ul>
52
+
53
+ <li>[x] Define special page properties
54
+ <ul>
55
+ <li>[x] Title
56
+ <li>[x] Description
57
+ <li>[x] Meta image
58
+ <li>[x] Date
59
+ <li>[ ] Modified date
60
+ <li>[ ] Tags
61
+ <li>[ ] Author/Authors
62
+ </ul>
63
+
64
+ <li>[ ] Make file names kebab-cased for URLs and links
65
+ <li>[ ] Code highlighter
66
+ <li>[ ] Add in-browser search
67
+ <li>[ ] Make RSS optional
68
+ <li>[ ] Pagination
69
+ </ul>
70
+ <h2 id=wish-list>Wish list</h2>
71
+ <ul>
72
+ <li>[ ] Automatic file creation
73
+ <li>[ ] Image serving and optimization
74
+ <li>[ ] GUI
75
+ <li>[ ] More deploy actions
76
+ <li>[ ] Optional JSON interactivity (ratings, comments, SubPubHub)
77
+ <li>[ ] Redirects
78
+ <li>[ ] Advanced markdown
79
+ <ul>
80
+ <li>[ ] Highlight
81
+ <li>[ ] Sanitize
82
+ <li>[ ] Mermaid
83
+ <li>[ ] Math
84
+ <li>[ ] Wikilinks
85
+ </ul>
86
+
87
+ </ul></main><aside><nav><ul><li><a href=index.html>Home</a><li><a href=/about.html>About</a><li><a href=/blog.html>Blog</a><ul><li><a href=/blog/url-ui.html>Long Live the URL</a></ul><li><a href=/docs.html>Docs</a><ul><li><a href=/docs/deploy.html>Deploy</a><li><a href=/docs/file-structure.html>Files</a><li><a href=/docs/folder-settings.html>Folders</a><li><a href=/docs/images.html>Images</a><li><a href=/docs/items.html>Items</a><li><a href=/docs/pages.html>Pages</a><li><a href=/docs/styling.html>Styling</a><li><a href=/docs/taxonomies.html>Taxonomies</a></ul><li><a href=/features.html>Features</a><ul><li><a href=/features/cards.html>Cards</a><li><a href=/features/editing.html>Live editing</a><li><a href=/features/emoji.html>Emoji favicons</a><li><a href=/features/frontmatter.html>Frontmatter</a><li><a href=/features/lists.html>Blog</a><li><a href=/features/navigation.html>Navigation</a><li><a href=/features/rich-previews.html>Rich link previews</a><li><a href=/features/robots.html>Robots</a><li><a href=/features/rss.html>RSS</a><li><a href=/features/sitemap.html>Sitemap</a><li><a href=/features/speed.html>Speed</a><li><a href=/features/static.html>Static generation</a><li><a href=/features/taxonomies.html>Taxonomies</a></ul><li><a href=/roadmap.html>Roadmap</a></ul></nav></aside><footer><section class=copyright>© 2026</section><section class=shoutout>Made with <a href=https://vowel.cc>Vowel</a></section></footer>
@@ -0,0 +1,14 @@
1
+ User-agent: Google-Extended
2
+ Allow: /
3
+
4
+ User-agent: Googlebot-Image
5
+ Disallow: /
6
+
7
+ User-agent: GPTBot
8
+ Disallow: /
9
+
10
+ User-agent: ChatGPT-User
11
+ Disallow: /
12
+
13
+ User-agent: CCBot
14
+ Disallow: /