Luchdaich sìos plugan Markdown an seo (oideachadh stàlaidh leudachadh Chrome)

Markdown Luchdaich sìos an seoPlugin (oideachadh air stàladh leudachadh Chrome)

Tha Markdown na stoidhle “post-d” “cànan comharrachaidh”.Chen Weiliangair a mholadh gu mòr dha na h-uile网络 营销Luchd-cleachdaidh, ag ionnsachadh agus a 'maighstireachd a' chànain.

Ma tha thu an sàs annColaiste Interceptcùrsaichean airson ionnsachadh a dhèanamhBrosnachadh Lìn, feumaidh tu sgrìobhadhE-malairtMargaidheachdSgrìobhadh-copaidhArtaigil, tha mi air cluinntinn mu Markdown, ach cha do dh'ionnsaich mi e, feumaidh gur ann air sgàth 's gu bheil thu a' smaoineachadh gum bi Markdown duilich ionnsachadh.

Ach gu dearbh, a 'dèanamhMargaidheachd WeChatFaodaidh neach-deasachaidh sam bith aig , cho fad 's a bheir e deich mionaidean, ionnsachadh.

Aig an àm sin, is dòcha gu bheil thu ag osnaich “Carson nach do dh’ ionnsaich mi Markdwon a bhith a’ sgrìobhadh leth-bhreac margaidheachd air-loidhne na bu thràithe”?

Gu dearbh, chan eil ann ach 5 seòrsa de cho-chòrdadh Markdown a thathas a’ cleachdadh gu cumanta:

• Cleachd # gus an teacsa seo a chomharrachadh mar thiotal ciad ìre, agus N # airson seo a chomharrachadh mar thiotal ìre N.
• Adding * or 1." 2." 3. mus gabh an teacsa a thoirt gu buil mar liosta.
• Cuir > ron pharagraf gus a chomharrachadh mar iomradh
• Cuir * ris ro agus às deidh an teacsa gus clò eadailteach a thaisbeanadh, agus dhà * airson a thaisbeanadh ann an clò trom
• Cleachd [text] (seòladh ceangail) gus ceanglaichean eadar-lìn a chuir a-steach

Plugin luchdadh a-nuas

Markdown an seo Seòladh luchdachadh sìos oifigeil:
http://markdown-here.com/get.html

Tha Markdown an seo na plugan brabhsair (Chrome/Firefox/Safari) a dh’atharraicheas teacsa Markdown anns an deasaiche sa bhrobhsair gu HTML air a thoirt seachad.Faodaidh tu cuideachd CSS a ghnàthachadh, a tha gu math fionnar dhaibhsan a bhios gu tric a’ cleachdadh an cruth Markdown. Bidh tu a’ cleachdadh Markdown gus puist-d, sgrìobhainnean, msaa a sgrìobhadh.

Gus Markdown a stàladh agus a stèidheachadh an seo, dìreach lean na ceumannan gu h-ìosal:

1. Stàlaich am plugan Markdown Here ann an Google Chrome
2. Dèan rèiteachadh Markdown Here Option, gnàthaich cuid de CSS

Modh clò-sgrìobhaidh sgiobalta cunntas poblach

• Sgrìobh artaigil ann an cruth Markdown, thoir sùil air an artaigil seo airson mion-fhiosrachadh: "Ciamar a chuireas tu cunntas poblach WeChat gu sgiobalta?Cha toir cruth Billionaire Li Xiaolai ach 1 diog"

Pròiseas sgrìobhaidh cunntas oifigeil WP+

• airson WordPress dèan wechatBrosnachadh cunntas poblach?Faic an artaigil seo airson mion-fhiosrachadh:"Bidh WordPress a ’dol a-steach do dheasaiche cunntas oifigeil WeChat, mar a nì thu stoidhle clò-sgrìobhaidh artaigil ceart? 》

CSS àbhaisteach

Tha na prìomh atharrachaidhean mar a leanas:

1. cruth-clò (meud, dath)
2. Eadar-dhealachadh loidhne
3. farsaingeachd fhacail

Tha na prionnsapalan geàrr-chunntas mar a leanas:

• Tha e nas fheàrr meud cruth-clò corp an artaigil eadar 14-18px, le 16px as freagarraiche.
• Tha an astar eadar na loidhnichean 1.5-1.75 uair nas àirde na an loidhne, a bhios a’ coimhead nas comhfhurtail.
• Chan fheum artaigilean mu ionadan-làimhe a bhith air am bacadh air a' chiad loidhne.
• Eadar paragrafan, is fheàrr loidhne bhàn.

Markdown plugan CSS an seo

Leth-bhreacna leanasChen WeiliangCleachd am plugan Markdown an seo còd CSS gus Chrome → Roghainnean → Leudachaidhean → 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;
}

roinn 2 a bharrachdmeadhanan ùraStoidhlichean gnàthaichte airson Markdown an seo dha daoine:

Yang Zhiping:

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

Li Xiaolai:

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