-
Notifications
You must be signed in to change notification settings - Fork 0
/
get-started.html
43 lines (40 loc) · 11 KB
/
get-started.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="generator" content="VuePress 2.0.0-rc.15" />
<style>
:root {
--vp-c-bg: #fff;
}
[data-theme='dark'] {
--vp-c-bg: #22272e;
}
html,
body {
background-color: var(--vp-c-bg);
}
</style>
<script>
const userMode = localStorage.getItem('vuepress-color-scheme')
const systemDarkMode =
'matchMedia' in window
? window.matchMedia('(prefers-color-scheme: dark)').matches
: false
if (userMode === 'light') {
document.documentElement.dataset.theme = 'light'
} else if (userMode === 'dark' || systemDarkMode) {
document.documentElement.dataset.theme = 'dark'
}
</script>
<title>Get Started | VuePress</title><meta name="description" content="My first VuePress Site">
<link rel="preload" href="/homepage/assets/style-7iPKKZaa.css" as="style"><link rel="stylesheet" href="/homepage/assets/style-7iPKKZaa.css">
<link rel="modulepreload" href="/homepage/assets/app-CSlLej2s.js"><link rel="modulepreload" href="/homepage/assets/get-started.html-BHAUMDX1.js">
<link rel="prefetch" href="/homepage/assets/index.html-xHYg6Ld_.js" as="script"><link rel="prefetch" href="/homepage/assets/archive1.html-E37tMMaP.js" as="script"><link rel="prefetch" href="/homepage/assets/archive2.html-DkjSE5mi.js" as="script"><link rel="prefetch" href="/homepage/assets/article1.html-C1eFkn6i.js" as="script"><link rel="prefetch" href="/homepage/assets/article10.html-COGyB6Ox.js" as="script"><link rel="prefetch" href="/homepage/assets/article11.html-Cw1dFhMi.js" as="script"><link rel="prefetch" href="/homepage/assets/article2.html-BB6ofrkm.js" as="script"><link rel="prefetch" href="/homepage/assets/article3.html-rNvY4e77.js" as="script"><link rel="prefetch" href="/homepage/assets/article4.html-D0UMFMbl.js" as="script"><link rel="prefetch" href="/homepage/assets/article5.html-BfZTnENu.js" as="script"><link rel="prefetch" href="/homepage/assets/article6.html-DoXvXjWW.js" as="script"><link rel="prefetch" href="/homepage/assets/article7.html-ClWlaKg9.js" as="script"><link rel="prefetch" href="/homepage/assets/article8.html-vlNph98t.js" as="script"><link rel="prefetch" href="/homepage/assets/article9.html-CTK1cgJD.js" as="script"><link rel="prefetch" href="/homepage/assets/sticky.html-vnk5d1nl.js" as="script"><link rel="prefetch" href="/homepage/assets/sticky2.html-BuAFAPsv.js" as="script"><link rel="prefetch" href="/homepage/assets/404.html-IT7HEVJN.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-BW2V5u7z.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-DPocJIac.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-B3S9Oq-S.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-C1vncoN_.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-0NBXNKgx.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-BxvKpTZz.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-Vmuh2XPt.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-C4G6efCg.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-DVnpzdxl.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-BNqkqxkZ.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-Cf1g7mwS.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-BbCR5DEs.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-wOlxfCaj.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-Dfe1sITe.js" as="script"><link rel="prefetch" href="/homepage/assets/index.html-CF-6Rjpo.js" as="script">
</head>
<body>
<div id="app"><!--[--><div class="vp-theme-container external-link-icon" vp-container><!--[--><header class="vp-navbar" vp-navbar><div class="vp-toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a class="route-link" href="/homepage/"><img class="vp-site-logo" src="https://vuejs.press/images/hero.png" alt="VuePress"><span class="vp-site-name vp-hide-mobile" aria-hidden="true">VuePress</span></a></span><div class="vp-navbar-items-wrapper" style=""><!--[--><!--]--><nav class="vp-navbar-items vp-hide-mobile" aria-label="site navigation"><!--[--><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/" aria-label="Home"><!---->Home<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/article/" aria-label="Article"><!---->Article<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/category/" aria-label="Category"><!---->Category<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/tag/" aria-label="Tag"><!---->Tag<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/timeline/" aria-label="Timeline"><!---->Timeline<!----></a></div><!--]--></nav><!--[--><!--]--><button type="button" class="vp-toggle-color-mode-button" title="toggle color mode"><svg class="light-icon" viewbox="0 0 32 32" style=""><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg class="dark-icon" viewbox="0 0 32 32" style="display:none;"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="vp-sidebar-mask"></div><!--[--><aside class="vp-sidebar" vp-sidebar><nav class="vp-navbar-items" aria-label="site navigation"><!--[--><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/" aria-label="Home"><!---->Home<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/article/" aria-label="Article"><!---->Article<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/category/" aria-label="Category"><!---->Category<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/tag/" aria-label="Tag"><!---->Tag<!----></a></div><div class="vp-navbar-item"><a class="route-link auto-link" href="/homepage/timeline/" aria-label="Timeline"><!---->Timeline<!----></a></div><!--]--></nav><!--[--><!--]--><ul class="vp-sidebar-items"><!--[--><li><p tabindex="0" class="vp-sidebar-item vp-sidebar-heading">Get Started <!----></p><!----></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="vp-page"><!--[--><!--]--><div class="theme-default-content" vp-content><!--[--><!--]--><div><h1 id="get-started" tabindex="-1"><a class="header-anchor" href="#get-started"><span>Get Started</span></a></h1><p>This is a normal page, which contains VuePress basics.</p><h2 id="pages" tabindex="-1"><a class="header-anchor" href="#pages"><span>Pages</span></a></h2><p>You can add markdown files in your vuepress directory, every markdown file will be converted to a page in your site.</p><p>See <a href="https://vuejs.press/guide/page.html#routing" target="_blank" rel="noopener noreferrer">routing</a> for more details.</p><h2 id="content" tabindex="-1"><a class="header-anchor" href="#content"><span>Content</span></a></h2><p>Every markdown file <a href="https://vuejs.press/guide/page.html#content" target="_blank" rel="noopener noreferrer">will be rendered to HTML, then converted to a Vue SFC</a>.</p><p>VuePress support basic markdown syntax and <a href="https://vuejs.press/guide/markdown.html#syntax-extensions" target="_blank" rel="noopener noreferrer">some extensions</a>, you can also <a href="https://vuejs.press/guide/markdown.html#using-vue-in-markdown" target="_blank" rel="noopener noreferrer">use Vue features</a> in it.</p><h2 id="configuration" tabindex="-1"><a class="header-anchor" href="#configuration"><span>Configuration</span></a></h2><p>VuePress use a <code>.vuepress/config.js</code>(or .ts) file as <a href="https://vuejs.press/guide/configuration.html#client-config-file" target="_blank" rel="noopener noreferrer">site configuration</a>, you can use it to config your site.</p><p>For <a href="https://vuejs.press/guide/configuration.html#client-config-file" target="_blank" rel="noopener noreferrer">client side configuration</a>, you can create <code>.vuepress/client.js</code>(or .ts).</p><p>Meanwhile, you can also add configuration per page with <a href="https://vuejs.press/guide/page.html#frontmatter" target="_blank" rel="noopener noreferrer">frontmatter</a>.</p><h2 id="layouts-and-customization" tabindex="-1"><a class="header-anchor" href="#layouts-and-customization"><span>Layouts and customization</span></a></h2><p>Here are common configuration controlling layout of <code>@vuepress/theme-default</code>:</p><ul><li><a href="https://vuejs.press/reference/default-theme/config.html#navbar" target="_blank" rel="noopener noreferrer">navbar</a></li><li><a href="https://vuejs.press/reference/default-theme/config.html#sidebar" target="_blank" rel="noopener noreferrer">sidebar</a></li></ul><p>Check <a href="https://vuejs.press/reference/default-theme/" target="_blank" rel="noopener noreferrer">default theme docs</a> for full reference.</p><p>You can <a href="https://vuejs.press/reference/default-theme/styles.html#style-file" target="_blank" rel="noopener noreferrer">add extra style</a> with <code>.vuepress/styles/index.scss</code> file.</p></div><!--[--><!--]--></div><footer class="vp-page-meta"><!----><div class="vp-meta-item git-info"><div class="vp-meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="vp-meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: [email protected]">“shuguang2000”</span><!----><!--]--><!--]--></span></div></div></footer><!----><!--[--><!--]--></main><!--]--></div><!--[--><!----><!--]--><!--]--></div>
<script type="module" src="/homepage/assets/app-CSlLej2s.js" defer></script>
</body>
</html>