que es md
.md es la gramática de escritura común básica de los archivos de Markdown, que es un lenguaje rápido de marcado y composición rápida
1. Símbolos básicos: * - +>
Básicamente, todas las marcas de rebajas se basan en estos cuatro símbolos o combinaciones. Se debe tener en cuenta que si la marca comienza con un símbolo básico, tenga en cuenta que hay un espacio después del símbolo básico para separar el marcador y el contenido.
2. Título
Con # en el frente y texto en la parte posterior, indicando h1-h6, solo hasta h6, y habrá una línea horizontal debajo de h1 -> equivalente al cierre de la etiqueta
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
# 一级标题 #
## 二级标题 ##
### 三级标题 ###
#### 四级标题 ####
##### 五级标题 #####
###### 六级标题 #####
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. El sitio de origen puede tener un mecanismo de enlace anti-sanguijuela. Se recomienda guardar la imagen y subirla directamente (img-46sc6Dgm-1599483960046) (/ hugoblog / md.png)]
3. Lista
- Lista desordenada
//形式一
+ a
+ b
+ c
//形式二
- d
- e
- f
//形式三
* g
* h
* i
Los efectos de las tres formas anteriores son en realidad los mismos:
[Error en la transferencia de la imagen del enlace externo, el sitio de origen puede tener un mecanismo anti-sanguijuelas, se recomienda guardar la imagen y subirla directamente (img-dBwSNl62-1599483960052) (/ hugoblog / Unordered List.png)]
- Lista ordenada
//正常形式
1. abc
2. bcd
3. cde
//错序效果
2. fgh
3. ghi
5. hij
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. El sitio de origen puede tener un mecanismo anti-sanguijuelas. Se recomienda guardar la imagen y subirla directamente (img-rHmLNbal-1599483960056) (/ hugoblog / Ordered List.png)]
Nota:
如图,数字后面的点只能是英文的点,有序列表的序号是根据第一行列表的数字顺序来的,
错序列表的序号本来是序号是乱的, 但是还是显示 2 3 5
- Lista anidada
//无序列表嵌套
+ 123
+ abc
+ bcd
+ cde
+ 465
+ 789
//有序列表嵌套
1. abcd
1. abcde
2. abcde
3. abcde
2. bcde
3. cdef
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. El sitio de origen puede tener un mecanismo de enlace anti-sanguijuela. Se recomienda guardar la imagen y subirla directamente (img-FLLhVQ60-1599483960061) (/ hugoblog / nested list.png)]
Las listas se pueden anidar. Cuando las uses, presiona la tecla tabulador o espacio para sangrar antes de la lista anidada para controlar el número de niveles de la lista.
4. Bloque de descripción de citas
Puede utilizar esta gramática para algunas explicaciones o citas de una parte determinada.
- Forma normal
> 引用内容、说明内容。在语句前面加一个 > ,注意是英文的那个右尖括号,注意空格,引用因为是一个区块,理论上是应该什么内容都可以放,比如说:标题,列表,引用等等。
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. El sitio de origen puede tener un mecanismo de enlace anti-sanguijuelas. Se recomienda guardar la imagen y subirla directamente (img-Je0VDV4N-1599483960063) (/ hugoblog / quote.png)]
- Bloque anidado
Aquí solo presentaré el método que uso a menudo, que personalmente creo que es un método más estandarizado, que consiste en agregar un corchete en ángulo recto al siguiente nivel del bloque.
> 一级引用
>> 二级引用
>>> 三级引用
>>>> 四级引用
>>>>> 五级引用
>>>>>> 六级引用
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. Es posible que el sitio de origen tenga un mecanismo anti-hotlink. Se recomienda guardar la imagen y subirla directamente (img-CEr7ja8U-1599483960065) (/ hugoblog / nested reference.png)]
5. Bloque de código
La publicación de algunos artículos técnicos implicará el tema de la visualización del código, en este momento el bloque de código es particularmente importante.
- Una pequeña cantidad de código, uso de una sola línea, simplemente envuélvalo con `
` shaoliangdaima,danhangshiyong `
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. Es posible que el sitio de origen tenga un mecanismo de enlace anti-sanguijuela. Se recomienda guardar la imagen y subirla directamente (img-sSHxO3bj-1599483960067) (/ hugoblog / code single line.png)]
- Mucho código, necesita usar varias líneas, envuélvalo con `` '
```
daliangdaima,xuyaoduohangshiyong
daliangdaima,xuyaoduohangshiyong
daliangdaima,xuyaoduohangshiyong
daliangdaima,xuyaoduohangshiyong
daliangdaima,xuyaoduohangshiyong
```
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. El sitio de origen puede tener un mecanismo de enlace anti-sanguijuelas. Se recomienda guardar la imagen y subirla directamente (img-Nn3sY16E-1599483960068) (/ hugoblog / Multiline code.png)]
6. Enlace
- Expresión en línea
El texto del enlace se coloca en [], la dirección del enlace se coloca en el siguiente (), el enlace también puede tener un atributo de título, un espacio después de la dirección del enlace y luego entre comillas
[简书](https://www.jianshu.com "创作你的创作"),
是一个创作社区,任何人均可以在其上进行创作。用户在简书上面可以方便的创作自己的作品,互相交流。
- Paramétrico
El texto del enlace se coloca entre [], la dirección del enlace se coloca después de :, un espacio después de la dirección del enlace y luego entre comillas
[简书]: https://www.jianshu.com "创作你的创作"
[简书]是一个创作社区,任何人均可以在其上进行创作。用户在简书上面可以方便的创作自己的作品,互相交流。
//参数定义的其他写法
[简书]: https://www.jianshu.com '创作你的创作'
[简书]: https://www.jianshu.com (创作你的创作)
[简书]: <https://www.jianshu.com> "创作你的创作"
Las representaciones de los dos métodos anteriores son las mismas, como sigue:
[Error en la transferencia de la imagen del enlace externo, el sitio de origen puede tener un mecanismo anti-hotlinking, se recomienda guardar la imagen y subirla directamente (img-IK0YfFqt-1599483960070) (/ hugoblog / link.png)]
7. Imagen
- Expresión en línea
De manera similar al formulario de enlace, el nombre de la imagen se coloca en [], la dirección de la imagen se coloca en el siguiente (), el atributo de título (un espacio después de la dirección de la imagen y luego entre comillas), tenga en cuenta que [] debe agregarse antes ¡en!
![my-logo.png](https://upload-images.jianshu.io/upload_images/13623636-6d878e3d3ef63825.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "my-logo")
- Paramétrico
El texto de la imagen se coloca en [], la dirección de la imagen se coloca después de :, el atributo de título (un espacio después de la dirección de la imagen y luego entre comillas), tenga en cuenta que cuando cite la imagen, agréguela antes de [].
[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"
Las representaciones de los dos métodos anteriores son las mismas, como sigue:
[Error en la transferencia de la imagen del enlace externo, el sitio de origen puede tener un mecanismo de enlace anti-sanguijuelas, se recomienda guardar la imagen y subirla directamente (img-eHALV8GX-1599483960071) (/ hugoblog / parametric.png)]
8. Línea divisoria
La línea divisoria puede estar representada por al menos 3 símbolos de los 3 símbolos * -_ (asterisco, signo menos, subrayado). Tenga en cuenta que debe haber al menos 3, y no es necesario que sea continuo. Los espacios también son aceptables.
---
- - -
------
***
* * *
******
___
_ _ _
______
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. El sitio de origen puede tener un mecanismo de enlace anti-sanguijuela. Se recomienda guardar la imagen y subirla directamente (img-3k9jseEH-1599483960072) (/ hugoblog / division line.png)]
9. Otro
- Enfatizar fuente
Envuelto por un asterisco o un guión bajo, se convertirá en oblicuo, si es 2, se convertirá en negrita
*md*
**md**
_md_
__md__
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo, el sitio de origen puede tener un mecanismo anti-hotlink, se recomienda guardar la imagen y subirla directamente (img-3HSJYaiK-1599483960073) (/ hugoblog / énfasis font.png)]
- Escapar
Básicamente lo mismo que js escaping, \ más los caracteres que deben escaparse
\\
\*
\+
\-
\`
\_
- Tachado
Utilice ~~ para tachar los caracteres que deben mostrarse.
~~删除~~
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo, el sitio de origen puede tener un mecanismo anti-hotlink, se recomienda guardar la imagen y subirla directamente (img-U3C96fzU-1599483960074) (/ hugoblog / delete.png)]
10. Forma
//例子一
|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
Los tres ejemplos anteriores tienen el mismo efecto, que se puede obtener:
- El formato de la tabla no tiene por qué ser correcto, pero para que se convierta en un buen estilo, lo mejor es alinear lo más posible
- Los dos puntos después de la línea divisoria indican la alineación, escrito a la izquierda significa alineado a la izquierda, alineado a la derecha y escrito a ambos lados significa centrado
Imagen de efecto:
[Error en la transferencia de la imagen del enlace externo. Es posible que el sitio de origen tenga un mecanismo anti-sangrado. Se recomienda guardar la imagen y subirla directamente (img-x7QR3ixY-1599483960075) (/ hugoblog / 表 .png)]