Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yanglee2421/docs

This is Yang's entire life as a coder.
https://github.com/yanglee2421/docs

docs ecmascript

Last synced: about 2 months ago
JSON representation

This is Yang's entire life as a coder.

Awesome Lists containing this project

README

        

# Yang_Lee Docs

## set up

```bash
pnpm add -D vitepress vue
mkdir docs
cd docs
# desktop/my-docs/docs
new-item index.md
cd ../
# desktop/my-docs
pnpm exec vitepress dev docs
```

## cli

```bash
vitepress dev docs
vitepress build docs
vitepress preview docs
```

## config

```bash
# root-dir/docs
cd .vitepress
# root-dir/docs/.vitepress
new-item config.ts
```

```ts
// config.ts
import { defineConfig } from "vitepress";
export default defineConfig({
base: "/docs/",
lang: "zh-CN",
title: "Yang_Lee",
head: [["link", { rel: "shortcut icon", href: "vite.svg" }]],
themeConfig: {
logo: "vite.svg",
siteTitle: "Yang_Lee",
socialLinks: [
{ icon: "github", link: "https://github.com/Swz0321" },
{ icon: "twitter", link: "..." },
// You can also add custom icons by passing SVG as string:
{
icon: {
svg: 'Dribbble',
},
link: "...",
},
],
nav: [
{ text: "nav-1", link: "" },
{
text: "nav-2",
items: [
{ text: "nav-2-1", items: [] },
{ text: "Item B", link: "/item-2" },
],
},
],
sidebar: {
"/": [
{
text: "TypeScript",
collapsible: true,
items: [{ text: "类型", link: "" }],
},
],
"/data/": [
{
text: "开始",
collapsible: true,
items: [
{
text: "Scss",
items: [{ text: "注释", items: [] }],
},
],
},
],
},
footer: {
message: "Released under the MIT License.",
copyright: "Yang_Lee:[email protected]",
},
},
});
```

## 表情符

:tada:
:100:

## 卡片

::: tip
This is a tip
:::

::: warning
This is a warning
:::

::: danger STOP
Danger zone, do not proceed
:::

::: details Click me to view the code

```js
console.log("Hello, VitePress!");
```

:::

## Badge

### Title

### Title

### Title

### Title

## code

::: code-group

```ts [use.ts]
import {} from "vite"; // [!code --]
import {} from "vite"; // [!code ++]
import {} from "vite"; // [!code warning]
import {} from "vite"; // [!code error]
import {} from "vite"; // [!code focus]
import {} from "vite"; // [!code hl]
```

```ts{1,3-4}
export const a = "a";
export { a };
export default {};
export function useHook() {}
```

:::

```yml
theme: jekyll-theme-slate
include: [_plugin-vue_export-helper-c27b6911.js]
```