Sintaxis básica de MD

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:
  1. 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
  2. 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)]


Supongo que te gusta

Origin blog.csdn.net/weixin_47587864/article/details/108456264
Recomendado
Clasificación