Приветик из документации!

Появится в меню справа если поставить ##

Это главная страница

Уровень ниже

Третий уровень

Или справа ниже уровнем если ###

Внешняя ссылка

Перейдите на страницу Внешняя ссылка, Список ПВЗ

Нужно делать отступы текста, чтобы не получилось так:

Привет Другая строка

Пример внутренней ссылки

ПВЗ > Сотрудники > Как удалить сотрудника

Emoji

Ура! 🎉

Локальная картинка

![](/logo.svg)

Лежит в папке .vuepress/public/logo.svg

Внешняя картинка с размером

Квадратный размер

![Alt text =100x100](https://upload.wikimedia.org/wikipedia/commons/1/12/%D0%9B%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF_MAX.svg)

Чтобы картинка не теряла форму

![Alt =50x](https://upload.wikimedia.org/wikipedia/commons/1/12/%D0%9B%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF_MAX.svg 'MAX')

![Alt =400x](https://treesforall.nl/app/uploads/2022/03/Bos-Nederland-Epe-e1719389547661.jpg)

Табличка

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

ID	Description	Status
1	This is an extremely long description that should trigger text wrapping in most table implementations.	In Progress
2	Short text	✅ Completed

xx	xx	xx
xx	xx	xx

С названием, по центру

Маркер

a tip a warning an error important content

Заметка

Заметка

Заметка

Инфо

This is an info container

Совет

This is a tip container

Примечание

This is a warning container

Предупреждение

This is a danger warning container

Подробности

Подробности тут

Таймлайн

Node 1

Content

2025-03-20

Node 2

Content

2025-02-21

Node 3

Content

2025-01-22

Код

.vuepress/config.ts

import { defaultTheme } from '@vuepress/theme-default'
import { defineUserConfig } from 'vuepress'

export default defineUserConfig({
  title: 'Hello, VuePress',

  theme: defaultTheme({
    logo: 'https://vuejs.org/images/logo.png',
  }),
})

На Golang

main.go

func main() {
}

Шаги

1. Шаг 1

   console.log('Hello World!')

2. Шаг 2

   This is the related content for step 2

3. Шаг 3

   Совет

   Tip container

4. Готово

Диаграмы

Документация по диаграммам

Flowchart

Journey

Radar

Pie

Sequence

Видео

YouTube

Совет

В Ютубе в ссылке уже есть id видосика

https://www.youtube.com/watch?v=id_видосика

Пишем в src="youtube/id_видосика"

<VidStack
  src="youtube/qA7S8GJdpYY"
  title="Как сделать что-то"
/>

VK Video

Совет

В ВК Видео нажимаем поделиться -> Встроить

Копируем "Код для вставки"

Типа этого:

<iframe src="https://vkvideo.ru/video_ext.php?oid=-220754053&id=456245477&hash=e54c656e8f2e8c1c&hd=4" width="1920" height="1080" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe>

Берем из ссылки oid, id и hash

<VKVideo 
    oid="-220754053" 
    id="456245477"
    hash="e54c656e8f2e8c1c"/>

Следующая страницаДашборд