что такое мд
.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
Приведенные выше три примера имеют тот же эффект, который может быть получен:
- Формат таблицы не обязательно должен быть правильным, но для того, чтобы стать хорошим стилем, лучше всего выровнять как можно больше.
- Двоеточие после разделительной линии указывает на выравнивание, написанное слева означает выравнивание по левому краю, выровненное по правому краю, а написанное с обеих сторон означает выравнивание по центру
Изображение эффекта:
[Не удалось передать изображение по внешней ссылке. На исходном сайте может быть установлен механизм защиты от похищения. Рекомендуется сохранить изображение и загрузить его напрямую (img-x7QR3ixY-1599483960075) (/ hugoblog / 表 .png)]