Maison > Applet WeChat > Développement WeChat > Résumé de l'utilisation du langage de balisage (Markdown) introduction

Résumé de l'utilisation du langage de balisage (Markdown) introduction

零下一度
Libérer: 2017-05-22 11:44:17
original
2481 Les gens l'ont consulté

Markdown est un langage de balisage qui peut être écrit à l'aide d'un éditeur de texte ordinaire. Grâce à une syntaxe de balisage simple, il peut donner au contenu du texte ordinaire un certain format, rendant ainsi le texte facile à lire et à écrire et améliorant la lisibilité. Par conséquent, Markdown est largement utilisé dans les sites Web de communication et d’apprentissage contenant de grandes quantités de texte, tels que le Résumé de lutilisation du langage de balisage (Markdown) introduction personnel hexo, Github et Coding.

Résumé de l'utilisation du langage de balisage (Markdown) introduction

Markdown

Voici le format couramment utilisé dans Markdown :


1.

  • Le titre comporte six niveaux, divisés en niveau un, niveau deux... jusqu'au niveau cinq et niveau six. Il est similaire à la balise

    en HTML. Le texte du titre est précédé de. un signe h1-h6, un. Le niveau un est précédé d'un #, le niveau six est précédé de six #, et ainsi de suite. #

  • Astuce : Ajoutez un

    entre # et le texte suivant. 空格

écriture md :

    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ####### 六级标题
Copier après la connexion

Le résultat montre :

Titre de premier niveau

Titres de niveau 2

Titres de niveau 3

Titres de niveau 4

Titres de niveau 5
Titres de niveau 6

2. Texte sur une seule ligne et texte sur plusieurs lignes

  • et 单行文本 en ajoutant deux 多行文本 avant Tab

      文本前加入两个Tab即可
      文本前加入两个Tab即可
    Copier après la connexion

3. Liste non ordonnée (ul)

écriture md :

    * 昵称:隔壁小王
    * 别名:隔壁老王
    * ID:小王
Copier après la connexion

Affichage du résultat :

  • Pseudo : Little King Next Door

  • Pseudonyme : Old Wang Next Door

  • ID : Little Wang


4. Liste (ancienne) commandée

  • a

    +数字+.内容

écriture md :

    1. 前端
    3. 后台
    4. 测试
    9. UI
    6. 产品
Copier après la connexion

Le résultat montre :

  1. Front-end

  2. Backend

  3. Tests

  4. UI

  5. Produit

  • Astuce : Les

    ici n'ont pas besoin d'être disposés dans un certain ordre. 数字


5. Liste des structures

écriture md :

* 编程语言
    * 脚本语言
        * Python
Copier après la connexion

L'affichage du résultat :

  • Langage de programmation

    • Python

    • Langage de script


6. Une image avec attribut titre (balise img)

écriture md :

![面对疾风吧](http://upload-images.jianshu.io/upload_images/3876828-a4346506018aa44f.gif?imageMogr2/auto-orient/strip "哈赛给 啊痛")
Copier après la connexion

Les résultats montrent :

Résumé de lutilisation du langage de balisage (Markdown) introduction

Faire face à l'explosion


7. >

écriture md :

    [个人博客](zmnaer.com "zmnaer个人博客")
Copier après la connexion
Le résultat montre :

Blog personnel

8 . Une photo avec un hyperlien

md écriture :

    [![zmnaer]](http://zmnaer.com)
    [zmnaer]:img.php.cn/upload/article/000/001/506/68b17795853d56aba0979fd7c03deb19-2.gif "Résumé de lutilisation du langage de balisage (Markdown) introduction"
Copier après la connexion
Le résultat montre :

Résumé de lutilisation du langage de balisage (Markdown) introduction
zmnaer

9. Saut de ligne (br)

écriture md :

    第一行文字
    <br/>
    第二行文字
Copier après la connexion
Les résultats affichent :

La première ligne de texte

La deuxième ligne de texte

Surligner le texte, italique, gras, plus. Gras italique

écriture md :

    `高亮`显示的`文字`
    *斜体*@文字
    **粗体**@文字
    ***加粗斜体***@文字
Copier après la connexion
Le résultat s'affiche :

Affiché

高亮文字Italique
@TextGras
@Text
Gras Italique@Text

11. Bloc de texte spécialement affiché

écriture md :

    trois
  • +

    (ou java, javascript, php , html...) + nouvelle ligne + · + nouvelle ligne + trois bash代码块...·

Le résultat montre :

document.getElementById(&#39;obj&#39;);//javascript
Copier après la connexion
    Astuce : Le
  • ici est le caractère sous

    et au-dessus de · Veuillez ignorer le signe 英文输入法 et ne l'écrivez pas. Tab键+

12. Tableau

écriture md :

    |表头1|表头2|表头3|
    |:---:|:---:|:---:|
    |con11|con22|con33|
    |con11|con22|con33|
Copier après la connexion
Le résultat montre :

  • Astuce : Le : ici est équivalent à l'attribut text-align en CSS ; : à gauche est du texte 左对齐 à droite est du texte : ; ; if Si les deux côtés sont présents, le texte 右对齐 sera affiché (équivalent à text-align:center). 居中

Conseil :

  • Les documents General Markdown se terminent par le suffixe

     ;.md

  • , Github et autres communautés open source ont généralement des fichiers Coding dans le répertoire racine de l'entrepôt. Il est écrit au format Markdown et peut être directement placé dans le répertoire racine. L'entrepôt ci-dessous est une description de l'entrepôt ou un aperçu de l'API README.md

  • Tous les

    dans le texte sont les caractères au-dessus · en dessous de 英文输入法 (que). est, Tab键), veuillez ignorer le numéro 飘号 et ne l'écrivez pas. (Supplément : + en surbrillance et affichage spécial) ·

  • Markdown prend en charge la plupart des

    , vous pouvez écrire directement des balises HTML et ajouter HTML标签;内联样式

  • Markdown est analysé différemment à différents endroits, donc l'affichage des résultats sera différent et certaines plates-formes ne peuvent pas analyser les tableaux.

  • Cet article est uniquement à titre de référence. Nous nous excusons pour toute inexactitude.

[Recommandations associées]

1

Téléchargement du code source de la plateforme de compte public WeChat

2. code source du système

3.

Code source du vote WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal