Theme-Hope

ventixyLess than 1 minute

环境准备及项目创建参照：

https://theme-hope.vuejs.press/guide/intro/install.html

项目迁移

克隆代码：

git clone [email protected]:drizzletow/notebook.git

下载依赖并启动项目：

pnpm install

pnpm docs:dev

导航栏与侧边栏

https://theme-hope.vuejs.press/config/theme/layout.html#navbar-config

https://theme-hope.vuejs.press/zh/guide/layout/navbar.html#导航栏链接

MarkDown拓展

高亮：==内容==

Tabs选项

https://theme-hope.vuejs.press/guide/markdown/content/tabs.html

::: tabs

@tab title 1

<!-- tab 1 content -->

@tab title 2

<!-- tab 2 content -->

<!-- 👇 tab 3 will be activated by default -->

@tab:active title 3

<!-- tab 3 content -->

:::

CodeTabs

https://theme-hope.vuejs.press/guide/markdown/code/code-tabs.html


    ::: code-tabs#shell

    @tab pnpm

    ```bash
    pnpm add -D vuepress-theme-hope
    ```

    @tab yarn

    ```bash
    yarn add -D vuepress-theme-hope
    ```

    @tab:active npm

    ```bash
    npm i -D vuepress-theme-hope
    ```

    :::

GMF/Hint

GFM alert：https://theme-hope.vuejs.press/guide/markdown/stylize/alert.html

Hint Box: https://theme-hope.vuejs.press/guide/markdown/stylize/hint.html

::: important
Important container
:::

::: info
Information container
:::

::: note
Note container
:::

::: tip
Tip container
:::

::: warning
Warning container
:::

::: caution
Caution container
:::

::: details
Details container
:::