Markdown her nedlasting av plugin (veiledning for installasjon av Chrome-utvidelsen)

Last ned Markdown Here-pluginen (veiledning for installasjon av Chrome-utvidelsen)

Markdown er et markupspråk i «e-poststil», og Chen Weiliang anbefaler på det sterkeste at alle som jobber med nettmarkedsføring lærer seg og mestrer dette språket.

Hvis du har hørt om Markdown før, men ikke lært det fordi du tar et kurs ved Chazuo Academy for å lære nettmarkedsføring og trenger å skrive markedsføringstekster for e -handel , er det sannsynligvis fordi du synes Markdown er veldig vanskelig å lære.

Faktisk kan enhver redaktør som driver med WeChat-markedsføring lære det på bare ti minutter.

På den tiden kan du sukke "Hvorfor lærte jeg ikke Markdwon å skrive markedsføringstekst på nett tidligere"?

Faktisk er det bare 5 typer vanlig brukte Markdown-syntaks:

• Bruk # for å merke denne teksten som en tittel på første nivå, og N # for å merke denne som en tittel på N-nivå.
• Legge til * eller 1. "2. "3. før teksten kan realiseres som en liste.
• Legg til > før avsnittet for å merke det som referanse
• Legg til en * før og etter teksten for å vise kursiv, og to * for å vise den i fet skrift
• Bruk [tekst](lenkeadresse) for å sette inn hyperkoblinger

Last ned plugin

Markdown her Offisiell nedlastingsadresse:
http://markdown-here.com/get.html

Markdown her er en nettleserplugin (Chrome/Firefox/Safari) som konverterer Markdown-tekst i editoren i nettleseren til gjengitt HTML.Du kan også tilpasse CSS, noe som er veldig kult for de som ofte bruker Markdown-formatet. Du bruker Markdown til å skrive e-poster, dokumenter osv.

For å installere og sette opp Markdown her, følg bare trinnene nedenfor:

1. Installer Markdown Here-plugin i Google Chrome
2. Konfigurer Markdown Here Option, tilpass noe CSS

Rask innsettingsmetode for offentlig konto

• Skriv en artikkel i Markdown-format, se denne artikkelen for detaljer: "Hvordan skriver jeg raskt inn den offentlige WeChat-kontoen?Milliardær Li Xiaolais layout tar bare 1 sekund"

WP+ offisiell kontoskrivingsprosess

• bruk WordPress gjør wechatOffentlig kontopromotering?Se denne artikkelen for detaljer:"WordPress limer inn i den offisielle WeChat-kontoredigereren, hvordan du gjør artikkelstilen riktig? 》

tilpasset CSS

De viktigste modifikasjonene er som følger:

1. skrifttype (størrelse, farge)
2. Linjeavstand
3. ordavstand

Oppsummeringsprinsippene er som følger:

• Skriftstørrelsen på artikkelens brødtekst er fortrinnsvis mellom 14-18px, med 16px som det mest passende.
• Linjeavstanden er 1.5-1.75 ganger linjeavstanden, noe som vil se mer behagelig ut.
• Artikler på mobilterminaler trenger ikke rykkes inn på første linje.
• Mellom avsnitt er en blank linje best.

Markdown her plugin CSS

Kopier følgende CSS-kode fra Chen Weiliangs Markdown here-plugin til Chrome → Innstillinger → Utvidelser → markdown.here → Valg → Grunnleggende CSS for gjengivelse

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

Her er to flere tilpassede Markdown-stiler for nye mediefolk:

Yang Zhiping:

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

Li Xiaolai:

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