Téléchargement du plug-in Markdown ici (tutoriel d'installation de l'extension Chrome)

Markdown téléchargement herePlugin (tutoriel d'installation de l'extension Chrome)

Markdown est un "langage de balisage" de style "email".Chen Weiliangfortement recommandé pour tousMarketing en lignePraticiens, apprenez et maîtrisez la langue.

Si vous participez àCollège d'interceptioncours, apprendre à fairePromotion Web, besoin d'écrireE-commerceLe marketingRédactionArticle, j'ai entendu parler de Markdown, mais je ne l'ai pas appris, ce doit être parce que vous pensez que Markdown sera difficile à apprendre.

Mais en fait, faireMarketing WeChatN'importe quel éditeur de , du moment que cela prend dix minutes, peut l'apprendre.

À ce moment-là, vous pouvez soupirer "Pourquoi n'ai-je pas appris à Markdwon à écrire une copie de marketing en ligne plus tôt" ?

En fait, il n'y a que 5 types de syntaxe Markdown couramment utilisées :

• Utilisez # pour marquer ce texte comme un titre de premier niveau et N # pour le marquer comme un titre de niveau N.
• Ajouter * ou 1. "2. "3. avant que le texte puisse être réalisé sous forme de liste.
• Ajouter > avant le paragraphe pour le marquer comme référence
• Ajoutez un * avant et après le texte pour afficher en italique, et deux * pour afficher en gras
• Utilisez [texte](adresse du lien) pour insérer des hyperliens

Téléchargement de plug-ins

Markdown ici Adresse de téléchargement officielle :
http://markdown-here.com/get.html

Markdown est ici un plugin de navigateur (Chrome/Firefox/Safari) qui convertit le texte Markdown dans l'éditeur du navigateur en rendu HTML.Vous pouvez également personnaliser CSS, ce qui est vraiment cool pour ceux qui utilisent souvent le format Markdown.Vous utilisez Markdown pour écrire des e-mails, des documents, etc.

Pour installer et configurer Markdown Here, suivez simplement les étapes ci-dessous :

1. Installez le plug-in Markdown Here dans Google Chrome
2. Configurez l'option Markdown Here, personnalisez certains CSS

Méthode de composition rapide du compte public

• Écrivez un article au format Markdown, veuillez vous référer à cet article pour plus de détails: "Comment composer rapidement le compte public WeChat ?La mise en page du milliardaire Li Xiaolai ne prend qu'une seconde"

Processus de rédaction de compte officiel WP+

• 用 Outils de gestion est-ce que nous discutonsPromotion du compte public?Voir cet article pour plus de détails :"WordPress colle dans l'éditeur de compte officiel WeChat, comment rendre le style de composition d'article correct? 》

CSS personnalisé

Les principales révisions sont les suivantes :

1. police (taille, couleur)
2. Interligne
3. espacement des mots

Les principes résumés sont les suivants :

• La taille de police du corps de l'article est de préférence comprise entre 14 et 18 pixels, 16 pixels étant le plus approprié.
• L'espacement des lignes est de 1.5 à 1.75 fois l'espacement des lignes, ce qui aura l'air plus confortable.
• Les articles sur les terminaux mobiles n'ont pas besoin d'être en retrait sur la première ligne.
• Entre les paragraphes, une ligne vide est préférable.

Markdown ici plugin CSS

copie以下Chen WeiliangUtilisez le code CSS du plug-in Markdown here pour Chrome → Paramètres → Extensions → markdown.here → Options→ Rendu de base CSS

/*
CSS Name: Markdown here插件CSS
Version: 3.0
Description: Designed by <a href="https://www.chenweiliang.com/">陈沩亮博客</a>
Author: 陈沩亮
Author URI: https://www.chenweiliang.com/
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2017 陈沩亮.
*/

.markdown-here-wrapper {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}



div p {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}

pre, code {
 font-size: 14px;
 font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
 margin: auto 5px;
}

code {
 white-space: pre-wrap;
 border-radius: 2px;
 display: inline;
}

pre {
 font-size: 15px;
 line-height: 1.4em;
 display: block; !important;
}

pre code {
 white-space: pre;
 overflow: auto;
 border-radius: 3px;
 padding: 1px 1px;
 display: block !important;
}

strong, b{
 color: #BF360C;
}

em, i {
 color: #009688;
}

hr {
 border: 1px solid #BF360C;
 margin: 1.5em auto;
}

p {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}

table, pre, dl, blockquote, q, ul, ol {
 margin: 10px 5px;
}

ul, ol {
 padding-left: 15px;
}

li {
 margin: 10px;
}

li p {
 margin: 10px 0 !important;
}

ul ul, ul ol, ol ul, ol ol {
 margin: 0;
 padding-left: 10px;
}

ul {
 list-style-type: circle;
}

dl {
 padding: 0;
}

dl dt {
 font-size: 1em;
 font-weight: bold;
 font-style: italic;
}

dl dd {
 margin: 0 0 10px;
 padding: 0 10px;
}

blockquote, q {
 border-left: 2px solid #009688;
 padding: 0 10px;
 color: #777;
 quotes: none;
 margin-left: 1em;
}

blockquote::before, blockquote::after, q::before, q::after {
 content: none;
}

h1, h2, h3, h4, h5, h6 {
 margin: 20px 0 10px;
 padding: 0;
 font-style: bold !important;
 color: #009688 !important;
 text-align: center !important;
 margin: 1.5em 5px !important;
 padding: 0.5em 1em !important;
}

h1 {
 font-size: 24px !important;
 border-bottom: 1px solid #ddd !important;
}

h2 {
 font-size: 20px !important;
 border-bottom: 1px solid #eee !important;
}

h3 {
 font-size: 18px;
}

h4 {
 font-size: 16px;
}



table {
 padding: 0;
 border-collapse: collapse;
 border-spacing: 0;
 font-size: 1em;
 font: inherit;
 border: 0;
 margin: 0 auto;
}

tbody {
 margin: 0;
 padding: 0;
 border: 0;
}

table tr {
 border: 0;
 border-top: 1px solid #CCC;
 background-color: white;
 margin: 0;
 padding: 0;
}

table tr:nth-child(2n) {
 background-color: #F8F8F8;
}

table tr th, table tr td {
 font-size: 16px;
 border: 1px solid #CCC;
 margin: 0;
 padding: 5px 10px;
}

table tr th {
 font-weight: bold;
 color: #eee;
 border: 1px solid #009688;
 background-color: #009688;
}

partager 2 autresnouveau médiaStyles personnalisés pour Markdown ici pour les personnes :

Yang Zhiping :

https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css

Li Xiaolaï :

https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2