Build

install dependencies.

yarn install

preview

yarn dev

build the project and serve on 5173 port, or you can add -p to point the port you want.

yarn build
yarn serve

TODO List

• FIX titles Style Problem.
• FIX course bugs about lastupdate and others.
• Dynamic
  • Create Course Feed List for search/list courses.
  • Create dynamic navigation (different course own different navigation.)
• use tailwindcss in project.
  • import tailwindcss
• Add AI Agent Chatbox.
• MLOps ...

Search - Pagefind

vitepress build default by vite. And in campus hub we added the pagefind tool into.Getting Started with Pagefind | Pagefind — Static low-bandwidth search at scale

cargo install pagefind
pagefind --site "public"

<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
    window.addEventListener('DOMContentLoaded', (event) => {
        new PagefindUI({ element: "#search", showSubResults: true });
    });
</script>

Comments - giscus

Recommendation

VitePress 首页内容推荐 | Ceil.Top

Banner

VitePress Banner组件 | Ceil.Top

AI Agent

把人工智能嵌入到VitePress | Ceil.Top

xinlei3166/vitepress-demo: 使用 Vitepress 搭建组件库文档站点。 (github.com)

快速开始 | PromiseUI (liyao1520.github.io)

单选框 | vitepress-doc-plugin (ladychatterleylover.github.io)