Markdown hier plug-in downloaden (zelfstudie over installatie van Chrome-extensie)

Markdown herePlugin downloaden (zelfstudie over installatie van Chrome-extensie)

Markdown is een "e-mail" stijl "opmaaktaal".Chen Weiliangeen aanrader voor iedereen网络 营销Beoefenaars, leer en beheers de taal.

Als je meedoet aanIntercept Collegecursussen, leren doenWebpromotie, moet schrijvenelektriciteitsleverancierafzetCopywritingArtikel, ik heb gehoord van Markdown, maar ik heb het niet geleerd, het moet zijn omdat je denkt dat Markdown moeilijk te leren is.

Maar in feite is deWeChat MarketingElke redacteur van , als het maar tien minuten duurt, kan het leren.

Op dat moment verzucht je misschien "Waarom heb ik Markdwon niet eerder leren online marketingteksten te schrijven"?

In feite zijn er slechts 5 soorten veelgebruikte Markdown-syntaxis:

• Gebruik # om deze tekst te markeren als een titel op het eerste niveau en N # om dit te markeren als een titel op het N-niveau.
• Het toevoegen van * of 1. "2. "3. voordat de tekst als lijst gerealiseerd kan worden.
• Voeg > toe voor de alinea om deze als referentie te markeren
• Voeg een * toe voor en na de tekst om cursief weer te geven en twee * om deze vet weer te geven
• Gebruik [tekst](linkadres) om hyperlinks in te voegen

Plugin downloaden

Markdown hier Officieel downloadadres:
http://markdown-here.com/get.html

Markdown hier is een browser-plug-in (Chrome/Firefox/Safari) die Markdown-tekst in de editor in de browser omzet in gerenderde HTML.Je kunt ook CSS aanpassen, wat erg cool is voor degenen die vaak het Markdown-formaat gebruiken.Je gebruikt Markdown om e-mails, documenten, enz. te schrijven.

Volg de onderstaande stappen om Markdown Here te installeren en in te stellen:

1. Installeer de Markdown Here-plug-in in Google Chrome
2. Configureer Markdown Here Option, pas wat CSS aan

Snelle zetmethode voor openbare accounts

• Schrijf een artikel in Markdown-formaat, raadpleeg dit artikel voor details：《Hoe snel het openbare WeChat-account typen?De lay-out van miljardair Li Xiaolai duurt slechts 1 seconde"

WP+ officieel schrijfproces voor accounts

• 用 WordPress doen wechattenPromotie voor openbare accounts?Zie dit artikel voor details:"WordPress plakt in de officiële WeChat-accounteditor, hoe u de stijl van het typen van het artikel niet verkeerd kunt maken？》

aangepaste CSS

De belangrijkste wijzigingen zijn als volgt:

1. lettertype (grootte, kleur)
2. Regelafstand
3. woordafstand

De samenvattende principes zijn als volgt:

• De lettergrootte van de hoofdtekst van het artikel is bij voorkeur tussen 14-18px, waarbij 16px het meest geschikt is.
• De regelafstand is 1.5-1.75 keer de regelafstand, wat er comfortabeler uitziet.
• Artikelen over mobiele terminals hoeven niet te worden ingesprongen op de eerste regel.
• Tussen alinea's is een blanco regel het beste.

Markdown hier plug-in CSS

kopiërenhet volgendeChen WeiliangGebruik de Markdown here plugin CSS-code om Chrome → Instellingen → Extensies → markdown.here → Opties → Basis CSS voor renderen

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

deel er nog 2nieuwe mediaAangepaste stijlen voor Markdown hier voor mensen:

Yang Zhiping:

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

Li Xiaolai:

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