19 lines
3.0 KiB
JavaScript
19 lines
3.0 KiB
JavaScript
import{_ as n,c as a,o as s,a as e}from"./app.13513b34.js";const h='{"title":"Theme Config: Homepage","description":"","frontmatter":{},"headers":[],"relativePath":"developer/homepage.md"}',t={},o=e(`<h1 id="theme-config-homepage" tabindex="-1">Theme Config: Homepage <a class="header-anchor" href="#theme-config-homepage" aria-hidden="true">#</a></h1><p>VitePress provides a homepage layout. To use it, specify <code>home: true</code> plus some other metadata in your root <code>index.md</code>'s YAML frontmatter. This is an example of how it works:</p><div class="language-yaml"><pre><code><span class="token punctuation">---</span>
|
|
<span class="token key atrule">home</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
|
|
<span class="token key atrule">heroImage</span><span class="token punctuation">:</span> /logo.png
|
|
<span class="token key atrule">heroAlt</span><span class="token punctuation">:</span> Logo image
|
|
<span class="token key atrule">heroText</span><span class="token punctuation">:</span> Hero Title
|
|
<span class="token key atrule">tagline</span><span class="token punctuation">:</span> Hero subtitle
|
|
<span class="token key atrule">actionText</span><span class="token punctuation">:</span> Get Started
|
|
<span class="token key atrule">actionLink</span><span class="token punctuation">:</span> /guide/
|
|
<span class="token key atrule">features</span><span class="token punctuation">:</span>
|
|
<span class="token punctuation">-</span> <span class="token key atrule">title</span><span class="token punctuation">:</span> Simplicity First
|
|
<span class="token key atrule">details</span><span class="token punctuation">:</span> Minimal setup with markdown<span class="token punctuation">-</span>centered project structure helps you focus on writing.
|
|
<span class="token punctuation">-</span> <span class="token key atrule">title</span><span class="token punctuation">:</span> Vue<span class="token punctuation">-</span>Powered
|
|
<span class="token key atrule">details</span><span class="token punctuation">:</span> Enjoy the dev experience of Vue + webpack<span class="token punctuation">,</span> use Vue components in markdown<span class="token punctuation">,</span> and develop custom themes with Vue.
|
|
<span class="token punctuation">-</span> <span class="token key atrule">title</span><span class="token punctuation">:</span> Performant
|
|
<span class="token key atrule">details</span><span class="token punctuation">:</span> VitePress generates pre<span class="token punctuation">-</span>rendered static HTML for each page<span class="token punctuation">,</span> and runs as an SPA once a page is loaded.
|
|
<span class="token key atrule">footer</span><span class="token punctuation">:</span> MIT Licensed <span class="token punctuation">|</span> Copyright \xA9 2019<span class="token punctuation">-</span>present Evan You
|
|
<span class="token punctuation">---</span>
|
|
</code></pre></div>`,3),p=[o];function c(u,l,i,r,k,d){return s(),a("div",null,p)}var _=n(t,[["render",c]]);export{h as __pageData,_ as default};
|