https://vitesse-qb-cn.netlify.app/

1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8">
2<!-- This site is hosted on Netlify. Anyone can build and deploy a site
3     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=b7c4128b-8cf7-49c8-b599-51462ec09178
4     Netlify hosting facts for this site: static/SSR served via Netlify Edge. --><meta http-equiv="X-UA-Compatible" content="chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" type="image/svg+xml" href="/logo-dark.svg"><link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-120x120.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#aaaaaa"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="preconnect" crossorigin="anonymous" href="https://fonts.googleapis.com"><link rel="preconnect" crossorigin="anonymous" href="https://fonts.gstatic.com">

4<script>!function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,t=localStorage.getItem("vueuse-color-scheme")||"auto";("dark"===t||e&&"light"!==t)&&document.documentElement.classList.toggle("dark",!0)}()</script>

4<script type="module" async="" crossorigin="" src="/assets/app-bd1d0e8e.js"></script>

4<link rel="stylesheet" href="/assets/index-89647b29.css"><link rel="manifest" href="/manifest.webmanifest"><title></title><meta name="author" content="Q.Ben Zheng"><meta name="description" content="Vite-SSG 搭建静态个人网站模板"><meta property="og:title" content="Vitesse ✘ QB 模版"><meta property="og:description" content="Vite-SSG 搭建静态个人网站模板"><meta property="og:image" content="https://vitesse-qb-cn.netlify.app/logo.png"><meta property="og:type" content="website"><meta property="og:url" content="https://vitesse-qb-cn.netlify.app/"><meta name="application-name" content="Q.Ben"><meta name="apple-mobile-web-app-title" content="Vitesse ✘ QB 模版"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="theme-color" content="#ffffff"></head><body class="font-sans text-gray-700 dark:text-gray-200"><div id="app" data-server-rendered="true"><!--[--><header class="z-40 w-full h-20 bg-c-bg bg-op-90 dark:bg-op-90 backdrop-blur-2 backdrop-saturate-50 select-none absolute top-0 left-0" data-v-c3ceb15a=""><div class="max-w-120ch m-auto flex justify-between items-center" data-v-c3ceb15a=""><a aria-current="page" href="/" class="router-link-active router-link-exact-active w-11 h-11 m-6 outline-none hover:op-70 transition-opacity" data-v-c3ceb15a=""><img width="44" height="44" src="/logo-dark.svg" alt="logo" style="display:none" data-v-c3ceb15a=""><img width="44" height="44" src="/logo-light.svg" alt="logo" data-v-c3ceb15a=""></a><nav class="nav box-border p-8 flex items-center space-x-3" data-v-c3ceb15a=""><a href="/posts" class="nav-item" title="Blog" data-v-c3ceb15a=""><div i-majesticons:paper-fold-text-line="" class="md:hidden" data-v-c3ceb15a=""></div><span class="lt-md:hidden" data-v-c3ceb15a="">博客</span></a><a href="/projects" class="nav-item" title="Projects" data-v-c3ceb15a=""><div i-ph:rocket-launch-duotone="" class="md:hidden" data-v-c3ceb15a=""></div><span class="lt-md:hidden" data-v-c3ceb15a="">项目</span></a><span class="nav-divider" data-v-c3ceb15a=""></span><a href="https://github.com/qbbsh/vitesse-qb-cn" target="_blank" title="GitHub" rel="noreferrer" data-v-c3ceb15a=""><div i-uil-github-alt="" data-v-c3ceb15a=""></div></a><a href="https://github.com/sponsors/Zhengqbbb" target="_blank" title="Sponsor" rel="noreferrer" data-v-c3ceb15a=""><div i-lucide:heart="" data-v-c3ceb15a=""></div></a><a href="https://vitesse-qb-cn.netlify.app/feed.xml" target="_blank" title="RSS" data-v-c3ceb15a=""><div i-lucide:rss="" data-v-c3ceb15a=""></div></a><span class="nav-divider" data-v-c3ceb15a=""></span><button title="Toggle Color Scheme" data-v-c3ceb15a=""><div i="ri-sun-line dark:ri-moon-line" data-v-c3ceb15a=""></div></button></nav></div></header><main p="x-4 t-26"><!--[--><div class="prose m-auto"><h1 id="vitesse-✘-qb-模版" tabindex="-1">Vitesse ✘ QB 模版 <a class="header-anchor" href="#vitesse-✘-qb-模版" aria-hidden="true">#</a></h1><p><a href="https://github.com/antfu/vite-ssg" target="_blank" rel="noopener">Vite-SSG</a> 搭建静态个人网站模板</p><p><a href="/posts/2022-12-16-preview">预览页面</a> | <a href="/posts/2022-12-15-guide">教程介绍</a></p><h2 id="快速开始" tabindex="-1">快速开始 <a class="header-anchor" href="#快速开始" aria-hidden="true">#</a></h2><div class="step-flow ol"><!--[--><div class="step-flow-item" data-step="1"><div class="w-full overflow-x-auto"><div class="step-flow-title">基于本站点, 获得干净模版</div><div class="step-flow-content"><!--[--><div class="code-group"><div class="code-header"><!--[--><div class="code-header-item active">degit</div><div class="code-header-item">git clone</div><!--]--></div><!--[--><div style="" class="code-group-item"><!--[--><div class="language-sh"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre><code class="language-sh"><div class="shiki-container"><pre class="shiki vitesse-dark" style="background-color:#121212" tabindex="0"><code v-pre=""><span class="line"><span style="color:#758575DD"># (开终端代理)</span></span>
5<span class="line"><span style="color:#80a665">npx</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">degit</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">qbbsh/vitesse-qb-cn</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">my-site</span></span>
6<span class="line"></span></code></pre><pre class="shiki vitesse-light" style="background-color:#fff" tabindex="0"><code v-pre=""><span class="line"><span style="color:#a0ada0"># (开终端代理)</span></span>
7<span class="line"><span style="color:#59873a">npx</span><span style="color:#393a34"> </span><span style="color:#b56959">degit</span><span style="color:#393a34"> </span><span style="color:#b56959">qbbsh/vitesse-qb-cn</span><span style="color:#393a34"> </span><span style="color:#b56959">my-site</span></span>
8<span class="line"></span></code></pre></div></code></pre></div><!--]--></div><div style="display:none" class="code-group-item"><!--[--><div class="language-sh"><button title="Copy Code" class="copy"></button><span class="lang">sh</span>

8<pre><code class="language-sh"><div class="shiki-container"><pre class="shiki vitesse-dark" style="background-color:#121212" tabindex="0"><code v-pre=""><span class="line"><span style="color:#80a665">git</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">clone</span><span style="color:#dbd7CAEE"> </span><span style="color:#c99076">--depth</span><span style="color:#dbd7CAEE"> </span><span style="color:#4c9a91">1</span><span style="color:#dbd7CAEE"> </span><span style="color:#c99076">--branch</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">cn-latest</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">[email protected]:qbbsh/vitesse-qb-cn.git</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">my-site</span></span>
9<span class="line"></span></code></pre><pre class="shiki vitesse-light" style="background-color:#fff" tabindex="0"><code v-pre=""><span class="line"><span style="color:#59873a">git</span><span style="color:#393a34"> </span><span style="color:#b56959">clone</span><span style="color:#393a34"> </span><span style="color:#a65e2b">--depth</span><span style="color:#393a34"> </span><span style="color:#2f798a">1</span><span style="color:#393a34"> </span><span style="color:#a65e2b">--branch</span><span style="color:#393a34"> </span><span style="color:#b56959">cn-latest</span><span style="color:#393a34"> </span><span style="color:#b56959">[email protected]:qbbsh/vitesse-qb-cn.git</span><span style="color:#393a34"> </span><span style="color:#b56959">my-site</span></span>
10<span class="line"></span></code></pre></div></code></pre></div><!--]--></div><!--]--></div><!--]--></div></div></div><div class="step-flow-item" data-step="2"><div class="w-full overflow-x-auto"><div class="step-flow-title">下载依赖，启动项目</div><div class="step-flow-content"><!--[--><div class="language-sh"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre><code class="language-sh"><div class="shiki-container"><pre class="shiki vitesse-dark" style="background-color:#121212" tabindex="0"><code v-pre=""><span class="line"><span style="color:#b8a965">cd</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">my-site</span></span>
11<span class="line"><span style="color:#758575DD"># 没有 pnpm 命令，运行 `npm install -g pnpm`</span></span>
12<span class="line"><span style="color:#80a665">pnpm</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">i</span></span>
13<span class="line"><span style="color:#80a665">pnpm</span><span style="color:#dbd7CAEE"> </span><span style="color:#c98a7d">dev</span></span>
14<span class="line"></span></code></pre><pre class="shiki vitesse-light" style="background-color:#fff" tabindex="0"><code v-pre=""><span class="line"><span style="color:#998418">cd</span><span style="color:#393a34"> </span><span style="color:#b56959">my-site</span></span>
15<span class="line"><span style="color:#a0ada0"># 没有 pnpm 命令，运行 `npm install -g pnpm`</span></span>
16<span class="line"><span style="color:#59873a">pnpm</span><span style="color:#393a34"> </span><span style="color:#b56959">i</span></span>
17<span class="line"><span style="color:#59873a">pnpm</span><span style="color:#393a34"> </span><span style="color:#b56959">dev</span></span>
18<span class="line"></span></code></pre></div></code></pre></div><!--]--></div></div></div><div class="step-flow-item" data-step="3"><div class="w-full overflow-x-auto"><div class="step-flow-title">尝试更新你个人的信息</div><div class="step-flow-content"><!--[--><ul class="task-list"><li class="task-list-item"><input type="checkbox" id="cbx_0" disabled=""><label for="cbx_0">修改作者名 <code>LICENSE</code></label></li><li class="task-list-item"><input type="checkbox" id="cbx_1" disabled=""><label for="cbx_1">修改站点信息 <code>src/meta.ts</code></label></li><li class="task-list-item"><input type="checkbox" id="cbx_2" disabled=""><label for="cbx_2">更换你的图标 <code>public/</code></label></li></ul><!--]--></div></div></div><!--]--></div><p>跟随教程. 并开始创作吧 :)</p><hr><p>由 Q.Ben <sup>QB</sup> (<a href="https://qbb.sh" target="_blank" rel="noopener">https://qbb.sh</a>) 制作 | <a href="https://github.com/Zhengqbbb" target="_blank" rel="noopener">Github</a> | <a href="https://twitter.com/zhengqbbb" target="_blank" rel="noopener">Twitter</a></p></div><footer class="flex items-center flex-col-reverse sm:flex-row lt-sm:gap-4 text-4 my-10 justify-between max-w-content m-auto" data-v-4896eafd=""><div class="op-50 text-sm" data-v-4896eafd=""><a class="item" target="_blank" href="https://creativecommons.org/licenses/by-nc/4.0/" data-v-4896eafd="">CC BY-NC-SA 4.0</a> 2023 © <a href="mailto:[email protected]" class="item" data-v-4896eafd="">Q.Ben Zheng</a></div><div class="op-70 text-sm" data-v-4896eafd=""><a href="/posts" class="item" data-v-4896eafd="">博客 </a><span data-v-4896eafd="">· </span><a class="item" target="_blank" href="https://vitesse-qb-cn.netlify.app/feed.xml" data-v-4896eafd="">RSS</a></div></footer><!--]--></main><!--]--></div></body></html>