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

Ladda ner Markdown Here-pluginet (installationshandledning för Chrome-tillägget)

Markdown är ett markupspråk i "e-poststil", och Chen Weiliang rekommenderar starkt att alla online- marknadsförare lär sig och behärskar detta språk.

Om du har hört talas om Markdown förut men inte lärt dig det eftersom du går en kurs på Chazuo Academy för att lära dig online-marknadsföring och behöver skriva e-handelsmarknadsföringstexter , beror det förmodligen på att du tycker att Markdown är väldigt svårt att lära sig.

Faktum är att vilken redaktör som helst som sysslar med WeChat-marknadsföring kan lära sig det på bara tio minuter.

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

WP+ officiella kontoskrivningsprocess

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

Kopiera följande CSS-kod från Chen Weiliangs Markdown here-plugin till Chrome → Inställningar → Tillägg → markdown.here → Alternativ → Grundläggande renderings-CSS

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

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

 

Här är ytterligare två anpassade Markdown-stilar för nya medieproffs :

Yang Zhiping:

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

 

Li Xiaolai:

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

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Bläddra till början