Markdown hier plug-in downloaden (zelfstudie over installatie van Chrome-extensie)

Download de Markdown Here-plugin (installatiehandleiding voor Chrome-extensies)

Markdown is een opmaaktaal die lijkt op e-mailmarketing, en Chen Weiliang raadt alle online marketeers ten zeerste aan om deze taal te leren en te beheersen.

Als je wel eens van Markdown hebt gehoord, maar het nog niet hebt geleerd omdat je een cursus online marketing volgt bij Chazuo Academy en e-commerce marketingteksten moet schrijven , dan komt dat waarschijnlijk omdat je denkt dat Markdown erg moeilijk te leren is.

Sterker nog, elke redacteur die zich bezighoudt met WeChat-marketing kan het in slechts tien minuten leren.

Op dat moment verzucht je misschien "Waarom heb ik Markdwon niet eerder leren online marketingteksten te schrijven"?

In feite zijn er slechts 5 soorten veelgebruikte Markdown-syntaxis:

• Gebruik # om deze tekst te markeren als een titel op het eerste niveau en N # om dit te markeren als een titel op het N-niveau.
• Het toevoegen van * of 1. "2. "3. voordat de tekst als lijst gerealiseerd kan worden.
• Voeg > toe voor de alinea om deze als referentie te markeren
• Voeg een * toe voor en na de tekst om cursief weer te geven en twee * om deze vet weer te geven
• Gebruik [tekst](linkadres) om hyperlinks in te voegen

Plugin downloaden

Markdown hier Officieel downloadadres:
http://markdown-here.com/get.html

Markdown hier is een browser-plug-in (Chrome/Firefox/Safari) die Markdown-tekst in de editor in de browser omzet in gerenderde HTML.Je kunt ook CSS aanpassen, wat erg cool is voor degenen die vaak het Markdown-formaat gebruiken.Je gebruikt Markdown om e-mails, documenten, enz. te schrijven.

Volg de onderstaande stappen om Markdown Here te installeren en in te stellen:

1. Installeer de Markdown Here-plug-in in Google Chrome
2. Configureer Markdown Here Option, pas wat CSS aan

Snelle zetmethode voor openbare accounts

• Schrijf een artikel in Markdown-formaat, raadpleeg dit artikel voor details: "Hoe snel het openbare WeChat-account typen?De lay-out van miljardair Li Xiaolai duurt slechts 1 seconde"

WP+ officieel schrijfproces voor accounts

• 用 hood.discount doen wechattenPromotie voor openbare accounts?Zie dit artikel voor details:"WordPress plakt in de officiële WeChat-accounteditor, hoe u de stijl van het typen van het artikel niet verkeerd kunt maken? 》

aangepaste CSS

De belangrijkste wijzigingen zijn als volgt:

1. lettertype (grootte, kleur)
2. Regelafstand
3. woordafstand

De samenvattende principes zijn als volgt:

• De lettergrootte van de hoofdtekst van het artikel is bij voorkeur tussen 14-18px, waarbij 16px het meest geschikt is.
• De regelafstand is 1.5-1.75 keer de regelafstand, wat er comfortabeler uitziet.
• Artikelen over mobiele terminals hoeven niet te worden ingesprongen op de eerste regel.
• Tussen alinea's is een blanco regel het beste.

Markdown hier plug-in CSS

Kopieer de volgende CSS-code van de Markdown here-plugin van Chen Weiliang naar Chrome → Instellingen → Extensies → markdown.here → Opties → Basisweergave-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;
}

Hier zijn nog twee aangepaste Markdown-stijlen voor professionals in de nieuwe media :

Yang Zhiping:

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

Li Xiaolai:

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