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

Téléchargez le plugin Markdown Here (tutoriel d'installation de l'extension Chrome)

Markdown est un langage de balisage de type « e-mail », et Chen Weiliang recommande fortement à tous les professionnels du marketing en ligne d'apprendre et de maîtriser ce langage.

Si vous avez déjà entendu parler de Markdown mais que vous ne l'avez pas appris parce que vous suivez un cours à la Chazuo Academy pour apprendre le marketing en ligne et que vous devez rédiger des textes marketing pour le commerce électronique , c'est probablement parce que vous pensez que Markdown est très difficile à apprendre.

En réalité, n'importe quel rédacteur pratiquant le marketing sur WeChat peut l'apprendre en seulement dix minutes.

À 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+

• 用 WordPress 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

Copiez le code CSS suivant du plugin Markdown here de Chen Weiliang dans Chrome → Paramètres → Extensions → markdown.here → Options → CSS de rendu de base

/*
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;
}

Voici deux autres styles Markdown personnalisés pour les professionnels des nouveaux médias :

Yang Zhiping :

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

Li Xiaolaï :

https://gist.github.com/xiaol ai /aa190255b7dde302d10208ae247fc9f2