Tutoriel: éditeur de démarques CSDN

Bienvenue à utiliser l'éditeur Markdown pour écrire un blog

Cet éditeur Markdown est modifié à partir de StackEdit , et bloguer avec lui apportera une toute nouvelle expérience:

  • Markdown et syntaxe concise étendue de Markdown
  • Bloc de code en surbrillance
  • Lien d'image et téléchargement d'image
  • Formule mathématique LaTex
  • Diagrammes de séquence et organigrammes UML
  • Bloguer hors ligne
  • Importer et exporter des fichiers Markdown
  • Touches de raccourci riches

touche de raccourci

  • Audacieux Ctrl + B
  • Oblique Ctrl + I
  • Citation Ctrl + Q
  • Insérer un lien Ctrl + L
  • Insérer le code Ctrl + K
  • Insérer une image Ctrl + G
  • Titre Boost Ctrl + H
  • Liste ordonnée Ctrl + O
  • Liste non ordonnée Ctrl + U
  • Ligne horizontale Ctrl + R
  • Révoquer Ctrl + Z
  • Refaire Ctrl + Y

Markdown et extension

Markdown est un langage de balisage léger qui permet aux utilisateurs d'écrire des documents dans un format de texte brut facile à lire et à écrire, puis de les convertir en pages HTML riches. —— [Wikipédia]

Utilisez des symboles simples pour identifier différents titres, marquez du texte en gras ou en italique , créez un lien, etc. .

Cet éditeur prend en charge Markdown Extra et a développé de nombreuses fonctions utiles. Veuillez consulter Github pour plus de détails .

forme

 Syntaxe de la table Markdown Extra :

projet prix
Ordinateur 1 600 $
Téléphone 12 $
Tuyau 1 $

Vous pouvez utiliser un signe deux-points pour définir l'alignement:

projet prix Quantité
Ordinateur 1600 yuans 5
Téléphone 12 yuans 12
Tuyau 1 yuan 234

Liste de définitions

 Syntaxe de la liste de définitions Markdown Extra : Élément 1 Élément 2
Définition A
Définition B
Point 3
Définition C

Définition D

Définir le contenu D

Bloc de code

La syntaxe du bloc de code suit le code de démarque standard, par exemple:

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''

note de bas de page

Générer une note de bas de page 1 .

table des matières

Utilisez [TOC]pour générer la table des matières:

Formule mathématique

Utilisez MathJax pour rendre les formules mathématiques LaTex , voir math.stackexchange.com pour plus de détails .

  • Formule en ligne, la formule mathématique est: Γ ( n ) = ( n - 1 ) !n N Γ (n) = (n - 1)! ∀ n ∈ N <script type = "math / tex" id = "MathJax-Element-1"> \ Gamma (n) = (n-1)! \ Quad \ forall n \ in \ mathbb N </script>。
  • Formule au niveau du bloc:

x =- b ±b2- 4 un c-------2 un x = - b ± b 2-4 ac 2 a
<script type = "math / tex; mode = display" id = "MathJax-Element-2"> x = \ dfrac {-b \ pm \ sqrt {b ^ 2 - 4ac}} {2a} </script>

Plus de syntaxe LaTex s'il vous plaît se référer ici .

UML

Vous pouvez rendre des diagrammes de séquence:

Created with Raphaël 2.1.2 张三 张三 李四 李四 嘿,小四儿, 写博客了没? 李四愣了一下,说: 忙得吐血,哪有时间写。

Ou organigramme:

Created with Raphaël 2.1.2 开始 我的操作 确认? 结束 yes no
  • À propos de la syntaxe Sequence FIG , référence ici ,
  • À propos de la syntaxe de l' organigramme , référence ici .

Bloguer hors ligne

Même si les utilisateurs ne disposent pas d'un réseau, ils peuvent écrire des blogs hors ligne via cet éditeur (entrez simplement write.blog.csdn.net/mdeditor dans le navigateur qu'ils ont utilisé . L' éditeur Markdown utilise le navigateur pour stocker hors connexion Le contenu est enregistré localement.

Lorsque l'utilisateur écrit un blog, le contenu est enregistré dans le cache du navigateur en temps réel et le contenu ne sera pas perdu lorsque l'utilisateur ferme le navigateur ou d'autres situations anormales. Lorsque l'utilisateur ouvre à nouveau le navigateur, le contenu non publié que l'utilisateur a modifié la dernière fois sera affiché.

Une fois le blog publié, le cache local sera supprimé. 

L'utilisateur peut choisir Enregistrez le blog que vous écrivez dans la boîte de brouillon du serveur, même si vous changez de navigateur ou effacez le cache, le contenu ne sera pas perdu.

Remarque: Bien que le stockage du navigateur soit relativement fiable la plupart du temps, pour la sécurité de vos données, assurez-vous de le publier à temps ou de l'enregistrer dans la boîte de brouillon du serveur après la connexion à Internet .

Compatible navigateur

  1. Actuellement, cet éditeur a le support le plus complet pour le navigateur Chrome. Je vous suggère d'utiliser une version plus récente de Chrome.
  2. Non pris en charge sous IE9
  3. IE9, 10, 11 ont les problèmes suivants
    1. Ne prend pas en charge la fonctionnalité hors ligne
    2. IE9 ne prend pas en charge l'importation et l'exportation de fichiers
    3. IE10 ne prend pas en charge l'importation de fichiers par glisser-déposer


  1. Voici la note de bas de page du contenu .

Je suppose que tu aimes

Origine blog.csdn.net/qq_34571940/article/details/79551252
conseillé
Classement