Играйте со всеми функциями Markdown

:package: Эта статья была заархивирована в: "blog"

содержание

содержание
заглавие
стиль текста
список
Разделительная линия
Ссылка на сайт
Цитировать
подсветка кода
лист
эмодзи
сноска
Математическая формула
Diff
блок-схема
HTML
редактор
использованная литература

заглавие

MarkDown поддерживает шесть уровней заголовков.

语法：
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

стиль текста

:bulb: Жирный, курсив, зачеркнутый можно смешивать.

В Markdown можно использовать жирный текст, курсив.*или_Знак символа. Рекомендуется единый стиль, всегда использующий только один символ.

грамматика	Эффект
обычный текст	обычный текст
`斜体文本` `_斜体文本_`	курсив курсив
`粗体文本` `__粗体文本__`	жирный текст жирный текст
`~~删除文本~~`	~~удалить текст~~
`*粗斜体文本*` `___粗斜体文本___`	Жирный курсив ___Жирный курсив___

список

неупорядоченный список

RED
YELLOW
BLUE

упорядоченный список

первый шаг
второй шаг
третий шаг

список заданий

[х] завершить миссию
[ ] Дела по расписанию

многоуровневый список

структура данных
- Линейный стол
  - таблица последовательности
  - связанный список
    - Единый список
    - двусвязный список
- Дерево
  - бинарное дерево
    - бинарное сбалансированное дерево

Разделительная линия

***,---,___можно использовать в качестве разделительных линий.

***

___

Ссылка на сайт

нормальная ссылка

грамматика:

[我的博客](https://dunwu.github.io/blog/)

[]Отметьте имя ссылки в . Похоже на HTMLэлементальtitleАтрибуты.
()URL отмеченной ссылки в , также поддерживает относительные пути (при условии, что ресурс доступен). Похоже на HTMLэлементальhrefАтрибуты.

Эффект:

мой блог

картина

Синтаксис ссылки на изображения в Markdown:

![alt](url title)

alt и title соответствуют атрибутам alt и title элемента img в HTML (оба могут быть опущены):

alt — указывает текст замены, когда изображение не отображается.
заголовок — указывает текст, отображаемый при наведении курсора мыши на изображение (обратите внимание на кавычки здесь)
url - URL-адрес изображения

logo

ссылка на изображение

Вы можете смешивать изображения и ссылки.

![logo](https://dunwu.github.io/blog/)

Якорь

По сути, каждый заголовок является якорем, а якорь HTML (#) аналогично, например:вернуться к вершине

Цитировать

Общая цитата:

:вопрос: что такоеMarkdown

MarkdownэтоЛегкий язык разметки, основательДжон Грубер(английский: Джон Грубер). Это позволяет людям «записывать документы в простом текстовом формате, который легко читать и писать, а затем преобразовывать их в действительный формат».XHTML(илиHTML) документация". [[4]](https://en.wikipedia.org/wiki/Markdown#cite_note-md-4) Этот язык многое впитал в себя в [email](https://en.wikipedia.org /wiki/email) функции разметки обычного текста уже доступны. -- из Wiki

Вложенные ссылки:

структура данных

> дерево

>

> > бинарное дерево

> >

> > > Сбалансированное бинарное дерево

> > >

> > > > Полное бинарное дерево

подсветка кода

Этикетка

грамматика:

`Markdown` `Doc`

Эффект:

Markdown, Doc

кодовый блок

Синтаксис 1: Используйте три обратных кавычки до и после текста, чтобы отметить его. 【✔️ Рекомендуется】

这是一个文本块。
这是一个文本块。
这是一个文本块。

Синтаксис 2: добавьте 1 табуляцию или 4 пробела в начале нескольких последовательных строк текста. 【❌ Не рекомендуется】

    这是一个文本块。
    这是一个文本块。
    这是一个文本块。

грамматика

Добавьте название языка программирования после трех обратных кавычек, начните код с новой строки и добавьте три обратных кавычки в последнюю строку.

public static void main(String[]args){} //Java

int main(int argc, char *argv[]) //C

echo "hello GitHub" #Bash

document.getElementById('myH1').innerHTML = 'Welcome to my Homepage' //javascipt

string &operator+(const string& A,const string& B) //cpp

лист

Общая форма:

заголовок 1	заголовок 2
ячейка таблицы	ячейка таблицы
ячейка таблицы	ячейка таблицы

Таблицы могут указывать выравнивание:

серийный номер	товар	цена
1	компьютер	6000.0
2	мышь	100.0
3	клавиатура	200.0

эмодзи

:bulb: Примечание. Некоторые движки Markdown поддерживают Emoji.

Разумное использование выражений эмодзи зачастую может сделать содержание статьи богаче и ярче. Например: : тяжелыйcheckmark: :x: :bulb: :bell: :heavyexclamationmark: :question:

Для получения дополнительных выражений Emoji, пожалуйста, обратитесь к:

- emojihomepage.com/

- www.emoji-cheat-sheet.com

сноска

:bulb: Примечание. Некоторые движки Markdown поддерживают сноски.

Текст со сносками. [^1]

[^1]: Объяснение сносок.

Математическая формула

:bulb: Примечание. Некоторые движки Markdown поддерживают Latex.

Во многих документах нужно вводить какие-то математические символы и спецсимволы, а проблема верстки — головная боль. Такую проблему можно решить с помощью Latex, который поддерживается большинством движков Markdown.

Латекс можно использовать$обозначения для обозначения выражений Latex, ниже приведен пример математической формулы:

?Gamma(z) = int_0^infty t^{z-1}e^{-t}dt,.?

Перечислите некоторые распространенные математические символы:

символ	грамматика	описывать
$leq$	$leq$	меньше или равно
$geq$	$geq$	больше или равно
$neq$	$neq$	не равно
$approx$	$approx$	примерно равно
$infty$	$infty$	бесконечный
$prod_{x}^{y}$	$prod_{x}^{y}$	умножить
$sum_{i=0}^n$	$sum_{i=0}^n$	сумма
$int$	$int$	интеграл
$iint$	$iint$	двойной интеграл
$log_x{y}$	$log_x{y}$	логарифм
$x^{y+1}$	$x^{y+1}$	верхний индекс
$x_{y+1}$	$x_{y+1}$	индекс
$frac{x}{y}$	$frac{x}{y}$	Доля
$sqrt[y]{x}$	$sqrt[y]{x}$	Предписание
$sin$	$sin$	Синус
$cos$	$cos$	косинус
$tan$	$tan$	Тангенс

Для получения дополнительной поддержки математических обозначений, пожалуйста, обратитесь к:

- Begin-Latex-in-minutes

- Математические символы и формулы Markdown

Diff

:bulb: Примечание. Некоторые движки Markdown поддерживают Diff.

Функция diff незаменима в системе контроля версий, то есть показывает добавление и удаление содержимого файла. Отображение эффектов различий, которые можно отобразить в GFM. Можно использовать+Начало означает добавление,-Начало означает удаление.

+ 新增内容
- 删除内容

UML-диаграмма

💡 Примечание. Некоторые механизмы Markdown поддерживаютmermaid.

mermaidПредоставляются различные диаграммы UML. Для получения подробной информации см.:документация русалки

блок-схема

graph LR
    A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]

Временная диаграмма

sequenceDiagram
    Alice->>Bob: Hello Bob, how are you?
    alt is sick
        Bob->>Alice: Not so good :(
    else is well
        Bob->>Alice: Feeling fresh like a daisy
    end
    opt Extra response
        Bob->>Alice: Thanks for asking
    end

Диаграмма Ганта

gantt
       dateFormat  YYYY-MM-DD
       title Adding GANTT diagram functionality to mermaid

       section A section
       Completed task            :done,    des1, 2014-01-06,2014-01-08
       Active task               :active,  des2, 2014-01-09, 3d
       Future task               :         des3, after des2, 5d
       Future task2              :         des4, after des3, 5d

       section Critical tasks
       Completed task in the critical line :crit, done, 2014-01-06,24h
       Implement parser and jison          :crit, done, after des1, 2d
       Create tests for parser             :crit, active, 3d
       Future task in critical line        :crit, 5d
       Create tests for renderer           :2d
       Add to mermaid                      :1d

       section Documentation
       Describe gantt syntax               :active, a1, after des1, 3d
       Add gantt diagram to demo page      :after a1  , 20h
       Add another diagram to demo page    :doc1, after a1  , 48h

       section Last section
       Describe gantt syntax               :after doc1, 3d
       Add gantt diagram to demo page      :20h
       Add another diagram to demo page    :48h

HTML

Некоторые механизмы Markdown поддерживают встроенные элементы html в документы.

Некоторые функции, не поддерживаемые синтаксисом Markdown, могут поддерживаться с использованием элементов HTML.

складывать

Свернуть один контент

Что развернуть, чтобы увидеть

Свернуть второй контент

Что развернуть, чтобы увидеть

по центру

Текст по центру

размер изображения

редактор

Рекомендуемый редактор Markdown

Typora- Лично я считаю, что это самый мощный редактор Markdown.
Visual Studio Code- Вы можете настроить свой редактор Markdown, установив плагины.
marktext- Простой и элегантный редактор Markdown.
StackEdit- Онлайн-редактор Markdown.
Editor.md- Онлайн-редактор Markdown.
Marxico- Редактор Markdown для Evernote.

Чтобы узнать больше о редакторах Markdown, см.:Рекомендации основного редактора Markdown

использованная литература

https://zh.wikipedia.org/wiki/Markdown
https://github.com/guodongxiaren/README
markdown-cheatsheet
Begin-Latex-in-minutes
https://github.com/mermaid-js/mermaid