Markdown eto fampidinana plugin (torolalana fametrahana fanitarana Chrome)

Markdown herePlugin download (torolalana fametrahana fanitarana Chrome)

Markdown dia fomba "mailaka" "fiteny marika".Chen Weiliangtena soso-kevitra ho an'ny rehetraInternet MarketingMianara sy mahafehy ny fiteny, ry mpanao fanazaran-tena.

Raha mandray anjara amin'nyKolejy Interceptfianarana, fianarana ataoFampiroboroboana amin'ny Internet, mila manoratraElectricity mpamatsyMarketingcopywritingLahatsoratra, efa naheno momba ny Markdown aho, saingy tsy nianatra izany aho, satria heverinao fa sarotra ny mianatra ny Markdown.

Fa raha ny marina, manaoWechat marketingIzay tonian-dahatsoratra ao amin'ny , raha maharitra folo minitra, dia afaka mianatra izany.

Amin'izay fotoana izay, mety hisento ianao hoe "Nahoana aho no tsy nianatra Markdwon nanoratra kopia ara-barotra an-tserasera taloha"?

Raha ny marina, karazany 5 ihany no ampiasaina matetika Markdown syntax:

• Ampiasao ny # hanamarika an'ity lahatsoratra ity ho lohatenin'ny ambaratonga voalohany, ary N # hanamarika izany ho lohateny N-ambaratonga.
• Manampy * na 1. "2. "3. alohan'ny hahatongavan'ny lahatsoratra ho lisitra.
• Ampio > alohan'ny fehintsoratra mba hanamarihana azy ho fanondro
• Asio * alohan'ny sy aorian'ny lahatsoratra hanehoana italic, ary roa * hanehoana azy amin'ny bold
• Mampiasà [text](adiresy rohy) hampidirana rohibe

Plugin download

Markdown eto Adiresy fampidinana ofisialy:
http://markdown-here.com/get.html

Markdown eto dia plugin navigateur (Chrome/Firefox/Safari) izay mamadika lahatsoratra Markdown ao amin'ny tonian-dahatsoratra ao amin'ny navigateur ho HTML nadika.Azonao atao ihany koa ny manamboatra CSS, izay tena mahafinaritra ho an'ireo izay matetika mampiasa ny endrika Markdown. Mampiasa Markdown ianao hanoratana mailaka, antontan-taratasy, sns.

Raha hametraka sy hametraka Markdown Eto, araho fotsiny ireto dingana manaraka ireto:

1. Apetraho ao amin'ny Google Chrome ny plugin Markdown Here
2. Ampifanaraho ny safidy Markdown eto, amboary ny CSS sasany

Kaontim-bahoaka fomba fanoratana haingana

• Manorata lahatsoratra amin'ny endrika Markdown, azafady jereo ity lahatsoratra ity raha mila antsipiriany: "Ahoana ny fametrahana haingana ny kaonty ho an'ny daholobe WeChat?1 segondra monja ny firafitry ny miliara Li Xiaolai"

WP + fomba fanoratana kaonty ofisialy

• fampiasana WordPress manao wechatFampiroboroboana kaonty ho an'ny daholobe?Jereo ity lahatsoratra ity raha mila fanazavana fanampiny:"WordPress dia mametaka ao amin'ny tonian-dahatsoratry ny kaonty ofisialin'ny WeChat, ny fomba hanamboarana ny fomba fanoratana lahatsoratra? "

CSS mahazatra

Ny fanovana lehibe dia toy izao manaraka izao:

1. endritsoratra (habe, loko)
2. Ny elanelan'ny tsipika
3. elanelana teny

Ny fitsipiky ny famintinana dia toy izao manaraka izao:

• Ny haben'ny endritsoratra amin'ny vatan'ny lahatsoratra dia tsara indrindra eo anelanelan'ny 14-18px, ary 16px no mety indrindra.
• Ny elanelan'ny tsipika dia 1.5-1.75 heny amin'ny elanelan'ny tsipika, izay ho mora kokoa.
• Ny lahatsoratra momba ny terminal finday dia tsy mila asiana indent amin'ny andalana voalohany.
• Eo anelanelan'ny fehintsoratra dia tsipika tsy misy dikany no tsara indrindra.

Markdown eto plugin CSS

dika mitovyIty ambany ityChen WeiliangAmpiasao ny Markdown eto plugin CSS code mba 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;
}

mizara 2 fanampinyhaino aman-jery vaovaoFomba manokana ho an'ny Markdown eto ho an'ny olona:

Yang Zhiping:

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

Li Xiaolai:

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