Базовый синтаксис MD

что такое мд

.md - это основная распространенная грамматика записи файлов разметки, которая представляет собой язык быстрой маркировки и быстрого набора.

1. Основные символы: * - +>

В основном все метки уценки основаны на этих четырех символах или комбинациях.Следует отметить, что если метка начинается с базового символа, обратите внимание, что после основного символа есть пробел, чтобы отделить маркер от содержимого.

2. Название

С # спереди и текстом сзади, указывающим h1-h6, только до h6, и будет горизонтальная линия под h1 -> эквивалент закрытия метки
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
# 一级标题 #
## 二级标题 ##
### 三级标题 ###
#### 四级标题 ####
##### 五级标题 #####
###### 六级标题 #####
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм антипиявки. Рекомендуется сохранить изображение и загрузить его напрямую (img-46sc6Dgm-1599483960046) (/ hugoblog / md.png)]


3. Список

  • Неупорядоченный список
//形式一
+ a
+ b
+ c

//形式二
- d
- e
- f

//形式三
* g
* h
* i
Эффекты трех вышеуказанных форм фактически одинаковы:

[Ошибка передачи изображения по внешней ссылке, исходный сайт может иметь механизм защиты от похищения, рекомендуется сохранить изображение и загрузить его напрямую (img-dBwSNl62-1599483960052) (/ hugoblog / Unordered List.png)]


  • Заказанный список

//正常形式
1. abc
2. bcd
3. cde
//错序效果
2. fgh
3. ghi
5. hij
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм защиты от похищения. Рекомендуется сохранить изображение и загрузить его напрямую (img-rHmLNbal-1599483960056) (/ hugoblog / Ordered List.png)]


нота:
如图,数字后面的点只能是英文的点,有序列表的序号是根据第一行列表的数字顺序来的,
错序列表的序号本来是序号是乱的, 但是还是显示 2 3 5

  • Вложенный список
//无序列表嵌套
+ 123
    + abc
    + bcd
    + cde
+ 465
+ 789
//有序列表嵌套
1. abcd
    1. abcde
    2. abcde
    3. abcde
2. bcde
3. cdef
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм ссылок, предотвращающих пиявку. Рекомендуется сохранить изображение и загрузить его напрямую (img-FLLhVQ60-1599483960061) (/ hugoblog / nested list.png)]

Списки могут быть вложенными. При использовании нажмите клавишу табуляции или пробела, чтобы сделать отступ перед вложенным списком, чтобы контролировать количество уровней в списке.

4. Блок описания цитирования.

Вы можете использовать эту грамматику для некоторых объяснений или цитат из определенной части.
  • Нормальная форма
> 引用内容、说明内容。在语句前面加一个 > ,注意是英文的那个右尖括号,注意空格,引用因为是一个区块,理论上是应该什么内容都可以放,比如说:标题,列表,引用等等。
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм антипиявки. Рекомендуется сохранить изображение и загрузить его напрямую (img-Je0VDV4N-1599483960063) (/ hugoblog / quote.png)]


  • Вложенный блок
Здесь я только расскажу о методе, который я часто использую, который лично я считаю более стандартизированным, а именно добавление прямоугольной скобки к следующему уровню блока.
> 一级引用
>> 二级引用
>>> 三级引用
>>>> 四级引用
>>>>> 五级引用
>>>>>> 六级引用
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть предусмотрен механизм защиты от горячих ссылок. Рекомендуется сохранить изображение и загрузить его напрямую (img-CEr7ja8U-1599483960065) (/ hugoblog / nested reference.png)]


5. Кодовый блок

При публикации некоторых технических статей будет затронут вопрос отображения кода, но в настоящее время блок кода особенно важен.

  • Небольшой объем кода, использование одной строки, просто заключите его в `
` shaoliangdaima,danhangshiyong `
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм антипиявной ссылки. Рекомендуется сохранить изображение и загрузить его напрямую (img-sSHxO3bj-1599483960067) (/ hugoblog / code single line.png)]


  • Много кода, нужно использовать несколько строк, оберните его ``
    ```
        daliangdaima,xuyaoduohangshiyong
        daliangdaima,xuyaoduohangshiyong
        daliangdaima,xuyaoduohangshiyong
        daliangdaima,xuyaoduohangshiyong
        daliangdaima,xuyaoduohangshiyong
    ```
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм антипиявки. Рекомендуется сохранить изображение и загрузить его напрямую (img-Nn3sY16E-1599483960068) (/ hugoblog / Multiline code.png)]


6. Ссылка

  • Встроенное выражение
Текст ссылки помещается в [], адрес ссылки помещается в следующий (), ссылка также может иметь атрибут заголовка, пробел после адреса ссылки, а затем заключен в кавычки.
[简书](https://www.jianshu.com "创作你的创作"),
是一个创作社区,任何人均可以在其上进行创作。用户在简书上面可以方便的创作自己的作品,互相交流。 

  • Параметрический
Текст ссылки помещается в [], адрес ссылки помещается после:, пробел после адреса ссылки, а затем заключен в кавычки.
[简书]: https://www.jianshu.com "创作你的创作"
[简书]是一个创作社区,任何人均可以在其上进行创作。用户在简书上面可以方便的创作自己的作品,互相交流。
//参数定义的其他写法
[简书]: https://www.jianshu.com '创作你的创作'
[简书]: https://www.jianshu.com (创作你的创作)
[简书]: <https://www.jianshu.com> "创作你的创作"

Визуализация этих двух методов одинакова, а именно:

[Не удалось передать изображение по внешней ссылке, исходный сайт может иметь механизм защиты от хотлинкинга, рекомендуется сохранить изображение и загрузить его напрямую (img-IK0YfFqt-1599483960070) (/ hugoblog / link.png)]


7. Изображение

  • Встроенное выражение
Подобно форме ссылки, имя изображения помещается в [], адрес изображения помещается в следующий (), атрибут заголовка (пробел после адреса изображения, а затем заключен в кавычки), обратите внимание, что [] необходимо добавить перед на!
![my-logo.png](https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "my-logo")
  • Параметрический
Текст изображения помещается в [], адрес изображения помещается после :, атрибута title (пробел после адреса изображения, а затем заключен в кавычки), обратите внимание, что когда вы цитируете изображение, добавляйте его перед []!
[my-logo.png]: https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "my-logo"

![my-logo.png]

//参数定义的其他写法
[my-logo.png]: https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 'my-logo'

[my-logo.png]: https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 (my-logo)

[my-logo.png]: <https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240> "my-logo"
Визуализация этих двух методов одинакова, а именно:

[Не удалось передать изображение по внешней ссылке, на исходном сайте может быть установлен механизм антипиявочной ссылки, рекомендуется сохранить изображение и загрузить его напрямую (img-eHALV8GX-1599483960071) (/ hugoblog / parameter.png)]


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

Разделительная линия может быть представлена ​​как минимум 3 символами из 3 символов * -_ (звездочка, знак минус, подчеркивание). Обратите внимание, что их должно быть как минимум 3, и оно не обязательно должно быть непрерывным. Допускаются также пробелы.
---
- - -
------
***
* * *
******
___
_ _ _
______

Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм защиты от пиявки. Рекомендуется сохранить изображение и загрузить его напрямую (img-3k9jseEH-1599483960072) (/ hugoblog / Division line.png)]


9. Другое

  • Подчеркнуть шрифт
Помеченное звездочкой или знаком подчеркивания, оно будет преобразовано в наклонное, если равно 2, оно будет преобразовано в полужирный

*md*    
**md**
_md_   
 __md__
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке, исходный сайт может иметь механизм защиты от горячих ссылок, рекомендуется сохранить изображение и загрузить его напрямую (img-3HSJYaiK-1599483960073) (/ hugoblog / focus font.png)]


  • Побег
В основном то же самое, что и экранирование js, плюс символы, которые нужно экранировать
\\
\*
\+
\-
\`
\_
  • Зачеркивание
Используйте ~~, чтобы обернуть символы, которые должны отображаться, зачеркиванием

~~删除~~
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке, исходный сайт может иметь механизм защиты от горячих ссылок, рекомендуется сохранить изображение и загрузить его напрямую (img-U3C96fzU-1599483960074) (/ hugoblog / delete.png)]


10. Форма


//例子一
|123|234|345|
|:-|:-:|-:|
|abc|bcd|cde|
|abc|bcd|cde|
|abc|bcd|cde|
//例子二
|123|234|345|
|:---|:---:|---:|
|abc|bcd|cde|
|abc|bcd|cde|
|abc|bcd|cde|
//例子三
123|234|345
:-|:-:|-:
abc|bcd|cde
abc|bcd|cde
abc|bcd|cde
Приведенные выше три примера имеют тот же эффект, который может быть получен:
  1. Формат таблицы не обязательно должен быть правильным, но для того, чтобы стать хорошим стилем, лучше всего выровнять как можно больше.
  2. Двоеточие после разделительной линии указывает на выравнивание, написанное слева означает выравнивание по левому краю, выровненное по правому краю, а написанное с обеих сторон означает выравнивание по центру
Изображение эффекта:

[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм защиты от похищения. Рекомендуется сохранить изображение и загрузить его напрямую (img-x7QR3ixY-1599483960075) (/ hugoblog / 表 .png)]


рекомендация

отblog.csdn.net/weixin_47587864/article/details/108456264
рекомендация