Markdown nov plugin download (Chrome extension installation tutorial)

Rub tawm lub Markdown Here plugin (Chrome extension installation tutorial)

Markdown yog ib hom lus markup "email-style", thiab Chen Weiliang pom zoo kom txhua tus kws tshaj lij kev lag luam online kawm thiab ua tus tswv ntawm hom lus no.

Yog tias koj tau hnov ​​​​​​txog Markdown ua ntej tab sis tsis tau kawm nws vim tias koj tab tom kawm chav kawm ntawm Chazuo Academy los kawm kev lag luam online thiab xav tau sau cov ntawv luam tawm kev lag luam e-commerce , tej zaum nws yog vim koj xav tias Markdown nyuaj heev rau kawm.

Qhov tseeb, txhua tus kws kho xov xwm koom nrog WeChat kev lag luam tuaj yeem kawm nws hauv kaum feeb xwb.

Thaum lub sijhawm ntawd, koj yuav quaj "Vim li cas kuv tsis kawm Markdwon los sau cov ntawv luam online ua ntej"?

Qhov tseeb, tsuas muaj 5 hom kev siv Markdown syntax:

• Siv # los khij cov ntawv no ua lub npe thawj qib, thiab N # los cim qhov no raws li N-theem lub npe.
• Ntxiv * lossis 1. "2." 3. ua ntej cov ntawv tuaj yeem pom tau tias yog daim ntawv teev npe.
• Ntxiv> ua ntej kab lus los cim nws ua ib qho kev siv
• Ntxiv ib * ua ntej thiab tom qab cov ntawv nyeem kom pom cov ntawv qaij, thiab ob * los tso saib bold
• Siv [ntawv nyeem](qhov chaw nyob) los ntxig hyperlinks

Plugin download tau

Markdown ntawm no Official download chaw nyob:
http://markdown-here.com/get.html

Markdown ntawm no yog browser plugin (Chrome/Firefox/Safari) uas hloov Markdown ntawv hauv tus editor hauv browser rau hauv HTML.Koj tuaj yeem hloov kho CSS, uas yog qhov txias heev rau cov neeg uas feem ntau siv hom Markdown.Koj siv Markdown los sau email, ntaub ntawv, thiab lwm yam.

Txhawm rau nruab thiab teeb tsa Markdown Ntawm no, tsuas yog ua raws cov kauj ruam hauv qab no:

1. Nruab Markdown Here plugin hauv Google Chrome
2. Configure Markdown Here Option, kho qee qhov CSS

Public account ceev typesetting txoj kev

• Sau ib tsab xov xwm hauv Markdown hom, thov mus saib cov lus no kom paub meej: "Yuav ua li cas sai sai typeet WeChat pej xeem tus account?Billionaire Li Xiaolai qhov kev teeb tsa siv sijhawm tsuas yog 1 thib ob"

WP + txheej txheem sau tus account

• siv WordPress ua wechatPublic account promotion?Saib kab lus no kom paub meej:"WordPress pastes rau hauv WeChat official account editor, yuav ua li cas thiaj ua rau cov ntawv sau style raug? 》

kev cai CSS

Lub ntsiab kev hloov kho yog raws li nram no:

1. font (loj, xim)
2. Kab sib nrug
3. sib nrug

Cov ntsiab lus luv luv yog raws li nram no:

• Lub font loj ntawm lub cev ntawm tsab xov xwm yog qhov zoo dua ntawm 14-18px, nrog 16px yog qhov haum tshaj plaws.
• Txoj kab sib nrug yog 1.5-1.75 npaug ntawm kab sib nrug, uas yuav saib zoo dua.
• Cov khoom ntawm lub davhlau ya nyob twg mobile tsis tas yuav tsum tau indented ntawm thawj kab.
• Nyob nruab nrab ntawm kab lus, ib kab dawb paug yog qhov zoo tshaj plaws.

Markdown ntawm no plugin CSS

Luam cov CSS code hauv qab no los ntawm Chen Weiliang 's Markdown here plugin rau Chrome → 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;
}

Nov yog ob qho ntxiv Markdown cov qauv kev cai rau cov kws tshaj lij xov xwm tshiab :

Yang Zhiping:

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

Li Xiaolai:

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