Markdown här nedladdning av plugin (instruktion för installation av Chrome-tillägg)

Markdown här Ladda ner plugin (instruktioner för installation av Chrome-tillägg)

Markdown är en "e-post" stil "markup language".Chen Weiliangrekommenderas starkt för alla网络 营销Utövare, lär dig och behärska språket.

Om du deltar iIntercept Collegekurser att lära sig göraWeb marknadsföring, behöver skrivaelleverantörmarknadsföringCopywritingArtikel, jag har hört talas om Markdown, men jag har inte lärt mig det, det måste bero på att du tror att Markdown kommer att vara svårt att lära sig.

Men faktiskt görWeChat MarketingAlla redaktörer av , så länge det tar tio minuter, kan lära sig det.

På den tiden kanske du suckar "Varför lärde jag mig inte Markdwon att skriva onlinemarknadsföring tidigare"?

Faktum är att det bara finns 5 typer av vanliga Markdown-syntax:

• Använd # för att markera denna text som en titel på första nivån och N # för att markera denna som en titel på N-nivå.
• Lägga till * eller 1. "2. "3. innan texten kan realiseras som en lista.
• Lägg till > före stycket för att markera det som referens
• Lägg till en * före och efter texten för att visa kursiv, och två * för att visa den i fet stil
• Använd [text](länkadress) för att infoga hyperlänkar

Ladda ner plugin

Markdown här Officiell nedladdningsadress:
http://markdown-here.com/get.html

Markdown här är ett webbläsarplugin (Chrome/Firefox/Safari) som konverterar Markdown-text i editorn i webbläsaren till renderad HTML.Du kan även anpassa CSS vilket är riktigt coolt för de som ofta använder Markdown-formatet Du använder Markdown för att skriva mail, dokument osv.

För att installera och konfigurera Markdown här, följ bara stegen nedan:

1. Installera Markdown Here-plugin i Google Chrome
2. Konfigurera Markdown Here Option, anpassa lite CSS

Offentligt konto snabb sättningsmetod

• Skriv en artikel i Markdown-format, se den här artikeln för mer information: "Hur sätter man snabbt in det offentliga WeChat-kontot?Miljardären Li Xiaolais layout tar bara 1 sekund"

WP+ officiella kontoskrivningsprocess

• användning Wordpress gör wechattaMarknadsföring för offentliga konton?Se den här artikeln för detaljer:"WordPress klistrar in i WeChat officiella kontoredigerare, hur man gör artikelinsättningsstilen korrekt? "

Anpassad CSS

De viktigaste ändringarna är följande:

1. teckensnitt (storlek, färg)
2. Radavstånd
3. ordavstånd

De sammanfattande principerna är följande:

• Teckenstorleken på artikelns kropp är företrädesvis mellan 14-18px, där 16px är det mest lämpliga.
• Radavståndet är 1.5-1.75 gånger radavståndet, vilket kommer att se bekvämare ut.
• Artiklar på mobilterminaler behöver inte indragas på första raden.
• Mellan styckena är en tom rad bäst.

Markdown här plugin CSS

kopieranedanChen WeiliangAnvänd Markdown here plugin CSS-koden för att Chrome → Inställningar → Tillägg → markdown.här → Alternativ→ 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;
}

dela 2 tillny mediaAnpassade stilar för Markdown här för personer:

Yang Zhiping:

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

Li Xiaolai:

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