Markdown her plugin download (vejledning til installation af Chrome-udvidelser)

markdown her Plugin-download (vejledning til installation af Chrome-udvidelser)

Markdown er et "e-mail" stil "markup language".Chen Weiliangstærkt anbefales til alle网络 营销Udøvere, lær og mestrer sproget.

Hvis du deltager iIntercept Collegekurser at lære at laveWeb Promotion, skal skriveEl-leverandørMarketingCopywritingArtikel, jeg har hørt om Markdown, men jeg har ikke lært det, det må være fordi du tror, ​​at Markdown bliver svær at lære.

Men faktisk gørWeChat MarketingEnhver redaktør af , så længe det tager ti minutter, kan lære det.

På det tidspunkt sukker du måske "Hvorfor lærte jeg ikke Markdwon at skrive online markedsføringskopi tidligere"?

Faktisk er der kun 5 typer almindeligt anvendte Markdown-syntaks:

• Brug # til at markere denne tekst som en titel på første niveau, og N # for at markere denne som en titel på N-niveau.
• Tilføjelse af * eller 1. "2. "3. før teksten kan realiseres som en liste.
• Tilføj > før afsnittet for at markere det som en reference
• Tilføj en * før og efter teksten for at vise kursiv, og to * for at vise fed
• Brug [tekst](linkadresse) til at indsætte hyperlinks

Download plugin

Markdown her Officiel downloadadresse:
http://markdown-here.com/get.html

Markdown her er et browser-plugin (Chrome/Firefox/Safari), der konverterer Markdown-tekst i editoren i browseren til gengivet HTML.Du kan også tilpasse CSS, hvilket er rigtig fedt for dem der ofte bruger Markdown formatet Du bruger Markdown til at skrive mails, dokumenter mv.

For at installere og konfigurere Markdown her skal du blot følge nedenstående trin:

1. Installer Markdown Here-pluginnet i Google Chrome
2. Konfigurer Markdown Here Option, tilpas noget CSS

Offentlig konto hurtig opsætningsmetode

• Skriv en artikel i Markdown-format, se venligst denne artikel for detaljer: "Hvordan sætter man hurtigt den offentlige WeChat-konto?Milliardæren Li Xiaolais layout tager kun 1 sekund"

WP+ officiel kontoskrivningsproces

• At bruge WordPress laver wechatOffentlig kontofremme?Se denne artikel for detaljer:"WordPress indsætter i den officielle WeChat-kontoeditor, hvordan man gør artiklens typografi korrekt? 》

tilpasset CSS

De vigtigste ændringer er som følger:

1. skrifttype (størrelse, farve)
2. Linjeafstand
3. ordmellemrum

De sammenfattende principper er som følger:

• Skriftstørrelsen på artiklens brødtekst er fortrinsvis mellem 14-18px, hvor 16px er det mest passende.
• Linjeafstanden er 1.5-1.75 gange linjeafstanden, hvilket vil se mere behageligt ud.
• Artikler på mobilterminalen behøver ikke være indrykket på første linje.
• Mellem afsnit er en tom linje bedst.

Markdown her plugin CSS

kopinedenforChen WeiliangBrug Markdown here plugin CSS-koden til Chrome → Indstillinger → Udvidelser → markdown.here → Options→ Basic Rendering 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;
}

del 2 merenye medierBrugerdefinerede stilarter til Markdown her for folk:

Yang Zhiping:

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

Li Xiaolai:

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