Download des Markdown-Plugins hier (Tutorial zur Installation der Chrome-Erweiterung)

Markdown hierPlugin-Download (Tutorial zur Installation der Chrome-Erweiterung)

Markdown ist eine "Auszeichnungssprache" im E-Mail-Stil.Chen Weiliangsehr empfehlenswert für alle网络 网络Praktiker, lernen und beherrschen Sie die Sprache.

Wenn Sie daran teilnehmenHochschule abfangenKurse zu lernenWeb-Promotion, muss schreibenE-CommerceMarketingWerbetextenArtikel, Ich habe von Markdown gehört, aber ich habe es nicht gelernt, es muss daran liegen, dass Sie denken, dass Markdown schwer zu lernen sein wird.

Aber tatsächlich tunWeChat MarketingJeder Redakteur von kann es lernen, solange es zehn Minuten dauert.

Zu dieser Zeit seufzen Sie vielleicht: "Warum habe ich Markdwon nicht früher beigebracht, Online-Marketingtexte zu schreiben?"

Tatsächlich gibt es nur 5 Arten von häufig verwendeter Markdown-Syntax:

• Verwenden Sie #, um diesen Text als Titel der ersten Ebene zu markieren, und N #, um ihn als Titel der N-Ebene zu markieren.
• Das Hinzufügen von * oder 1. "2. "3. vor dem Text kann als Liste realisiert werden.
• Fügen Sie > vor dem Absatz hinzu, um ihn als Referenz zu markieren
• Fügen Sie vor und nach dem Text ein * hinzu, um ihn kursiv darzustellen, und zwei *, um ihn fett darzustellen
• Verwenden Sie [Text](Link-Adresse), um Hyperlinks einzufügen

Plugin-Download

Markdown hier Offizielle Download-Adresse:
http://markdown-here.com/get.html

Markdown ist hier ein Browser-Plugin (Chrome/Firefox/Safari), das Markdown-Text im Editor im Browser in gerendertes HTML umwandelt.Sie können CSS auch anpassen, was wirklich cool für diejenigen ist, die häufig das Markdown-Format verwenden. Sie verwenden Markdown, um E-Mails, Dokumente usw. zu schreiben.

Führen Sie einfach die folgenden Schritte aus, um Markdown Here zu installieren und einzurichten:

1. Installieren Sie das Markdown Here-Plugin in Google Chrome
2. Markdown Here Option konfigurieren, einige CSS anpassen

Schnellsatzmethode für öffentliche Konten

• Schreiben Sie einen Artikel im Markdown-Format. Weitere Informationen finden Sie in diesem Artikel: "Wie setze ich schnell das öffentliche WeChat-Konto?Das Layout des Milliardärs Li Xiaolai dauert nur 1 Sekunde"

Offizieller WP+-Kontoschreibprozess

• 用 WordPress wechatWerbung für öffentliche Konten?Einzelheiten finden Sie in diesem Artikel:"WordPress fügt in den offiziellen Konto-Editor von WeChat ein, wie man den Satzstil des Artikels richtig macht? 》

Benutzerdefinierte CSS

Die wichtigsten Revisionen sind wie folgt:

1. Schriftart (Größe, Farbe)
2. Zeilenabstand
3. Wortabstand

Die zusammenfassenden Grundsätze lauten wie folgt:

• Die Schriftgröße des Artikelkörpers liegt vorzugsweise zwischen 14 und 18 Pixel, wobei 16 Pixel am besten geeignet sind.
• Der Zeilenabstand beträgt das 1.5- bis 1.75-fache des Zeilenabstands, was bequemer aussieht.
• Artikel auf dem mobilen Endgerät müssen nicht in der ersten Zeile eingerückt werden.
• Zwischen den Absätzen ist eine Leerzeile am besten.

Markdown hier Plugin CSS

KopierenUntenChen WeiliangVerwenden Sie dazu den CSS-Code des Markdown-Plugins hier Chrome → Einstellungen → Erweiterungen → markdown.here → Optionen→ 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;
}

teile 2 weitereneue MedienBenutzerdefinierte Stile für Markdown hier für Leute:

Yang Zhiping:

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

Li Xiaolai:

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