Markdown hjir plugin download (ynstallaasjetutorial foar Chrome-útwreiding)

Markdown hjir plug-in download (ynstallaasjetutorial foar Chrome-útwreiding)

Markdown is in "e-post"-styl "opmaaktaal".Chen WeiliangHeech oanrikkemandearre foar allegearInternet MarketingBeoefeners, learje en behearskje de taal.

As jo ​​meidwaanIntercept Collegekursussen, learen te dwaanWeb Promoasje, moatte skriuweE-commerceMarketingCopywritingArtikel, Ik haw heard fan Markdown, mar haw net leard. It moat wêze om't jo tinke dat Markdown sil wêze lestich te learen.

Mar yn feite, meidwaan oanWechat marketingElke bewurker kin it yn mar tsien minuten leare.

Op dat stuit kinne jo suchtsje, "Wêrom haw ik Markdwon net leard om online marketingkopy earder te skriuwen?"

Yn feite binne d'r mar 5 soarten gewoan brûkte Markdown-syntaksis:

• Brûk # om dizze tekst as titel op it earste nivo te markearjen, en N #s om oan te jaan dat dit in titel op N-nivo is.
• Add * of 1. "2. "3. foar de tekst te realisearje it as in list.
• Foegje > foar in alinea ta om it as referinsje te identifisearjen
• Foegje in * foar en nei de tekst ta om it kursyf te meitsjen, en twa * tekens om it fet te meitsjen.
• Brûk [tekst](keppelingsadres) om in hyperkeppeling yn te foegjen

Plugin download

Markdown hjir offisjele downloadadres:
http://markdown-here.com/get.html

Markdown hjir is in browser-plug-in (Chrome/Firefox/Safari) dy't Markdown-tekst yn 'e browser-bewurker kin konvertearje nei werjûn HTML. Jo kinne ek CSS oanpasse, wat echt cool is foar minsken dy't faaks Markdown-formaat brûke.Jo brûke Markdown om e-mails, dokuminten, ensfh.

Om Markdown hjir te ynstallearjen en yn te stellen, folgje gewoan dizze stappen:

1. Ynstallearje de Markdown Here plugin yn Google Chrome
2. Konfigurearje Markdown Here Opsje en oanpasse wat CSS

Fluch typesetting metoade foar iepenbiere akkounts

• Skriuw artikels yn Markdown-formaat. Sjoch asjebleaft nei dit artikel foar details.: "Hoe kinne jo it iepenbiere akkount fan WeChat fluch ynstelle?De yndieling fan miljardêr Li Xiaolai duorret mar 1 sekonde"

WP + skriuwproses foar iepenbier akkount

• brûke WordPress do wechatIepenbiere account promoasje? Sjoch dit artikel foar details:"WordPress plakt yn 'e offisjele WeChat-akkount-bewurker, hoe't jo de styl fan artikeltype korrekt meitsje? 》

Oanpaste CSS

De folgjende trije wichtige punten binne benammen wizige:

1. Lettertype (grutte, kleur)
2. Line ôfstân
3. wurd ôfstân

De gearfettingsprinsipes binne as folget:

• De lettertypegrutte fan 'e haadtekst fan it artikel is it bêste tusken 14-18px, wêrby't 16px it meast geskikt is.
• De line spacing is 1.5-1.75 kear de line spacing, dat sil sjen nofliker.
• Mobile artikels hoege de earste rigel net te ynspringen.
• It is it bêste om in lege rigel tusken de paragrafen te litten.

Markdown hjir plugin CSS

kopyde folgjendeChen WeiliangBrûk de Markdown hjir plugin CSS-koade om Chrome → Ynstellings → Tafoegings → markdown.hier → Opsjes → Basis-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;
}

Diel noch 2nije mediaOanpaste stilen foar Markdown hjir:

Yang Zhiping:

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

Li Xiaolai:

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