Markdown here plugin kurodha (Chrome yekuwedzera yekuisa tutori)

Dhawunirodha plugin yeMarkdown Here (dzidziso yekuisa kuwedzerwa kweChrome)

Markdown mutauro we "email-style", uye Chen Weiliang anokurudzira zvakasimba kuti vese vanoita zvekushambadzira paindaneti vadzidze uye vagone mutauro uyu.

Kana wakambonzwa nezveMarkdown asi usati wadzidza nekuti uri kutora kosi paChazuo Academy kuti udzidze kushambadzira online uye uchida kunyora kopi yekushambadzira kwe-e-commerce , pamwe imhaka yekuti unofunga kuti Markdown yakaoma kudzidza.

Kutaura zvazviri, chero mupepeti anoshanda mukushambadzira kweWeChat anogona kuidzidza mumaminitsi gumi chete.

Panguva iyoyo, unogona kugomera "Nei ndisina kudzidza Markdwon kunyora online marketing kopi kare"?

Muchokwadi, kune marudzi mashanu chete eanowanzo shandiswa Markdown syntax:

• Shandisa # kumaka chinyorwa ichi sezita rekutanga-chikamu, uye N # kumaka iyi seN-level zita.
• Kuwedzera * kana 1. "2. "3. chinyorwa chisati chaonekwa sechinyorwa.
• Wedzera > pamberi pendima kuti uiise sereferensi
• Wedzera a * pamberi uye shure kwechinyorwa kuratidza italic, uye maviri * kuti iratidze nemavara matema
• Shandisa [text](link address) kuisa mahyperlink

Plugin download

Markdown here Kero yepamutemo yekudhawunirodha:
http://markdown-here.com/get.html

Markdown heino plugin yebrowser (Chrome/Firefox/Safari) inoshandura mavara eMarkdown mupepeti mubrowser kuita HTML yakashandurwa.Iwe unogona zvakare kugadzirisa CSS, iyo inotonhorera kune avo vanowanzo shandisa iyo Markdown fomati.Unoshandisa Markdown kunyora maemail, zvinyorwa, nezvimwe.

Kuisa uye kumisikidza Markdown Pano, ingotevera matanho ari pasi apa:

1. Isa Markdown Here plugin muGoogle Chrome
2. Gadzira Markdown Pano Sarudzo, gadzirisa imwe CSS

Public account inokurumidza kutaipa nzira

• Nyora chinyorwa muMarkdown fomati, ndapota tarisa kuchinyorwa ichi kuti uwane ruzivo: "Maitiro ekukurumidza kuseta iyo WeChat yeruzhinji account?Billionaire Li Xiaolai chimiro chinongotora sekondi imwe chete"

WP + yepamutemo account kunyora maitiro

• shandisa WordPress do wechatPublic account promotion?Ona chinyorwa ichi kuti uwane ruzivo:"WordPress inonamira muWeChat yepamutemo account mupepeti, maitiro ekuita kuti chinyorwa typesetting dhizaini? 》

tsika CSS

Magadzirirwo makuru ndeaya anotevera:

1. font (saizi, ruvara)
2. Kupatsanuka kwemitsara
3. kupatsanura mazwi

Pfupiso misimboti ndeiyi inotevera:

• Saizi yefonti yemuviri wechinyorwa ingangoita pakati pe14-18px, ine 16px iriyo yakanyanya kukodzera.
• Mutsara wemutsara ndeye 1.5-1.75 nguva yemutsara wemutsara, iyo inotaridzika yakasununguka.
• Zvinyorwa pamaterminals enhare hazvidi kuti zvinyorwe pamutsetse wekutanga.
• Pakati pendima, mutsara usina chinhu ndiwo wakanakisisa.

Markdown here plugin CSS

Kopa kodhi yeCSS inotevera kubva kuChen Weiliang 's Markdown pano plugin kuenda kuChrome → Settings → Extensions → markdown.here → Options → 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;
}

Heano mamwe maitiro maviri eMarkdown akagadzirirwa nyanzvi itsva dzezvenhau :

Yang Zhiping:

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

Li Xiaolai:

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