Markdown dinhi pag-download sa plugin (tutorial sa pag-install sa extension sa Chrome)

Markdown herePlugin download (tutorial sa pag-install sa extension sa Chrome)

Ang Markdown usa ka "email" nga istilo nga "markup language".Chen Weilianggirekomendar kaayo sa tananMarketing sa InternetMga practitioner, pagkat-on ug paghanas sa pinulongan.

Kung moapil ka saIntercept Collegemga kurso, pagkat-on sa pagbuhatPromosyon sa Web, kinahanglan magsulatE-commercePagbaligyaCopywritingArtikulo, nakadungog ko bahin sa Markdown, apan wala ako nakakat-on niini, kinahanglan nga tungod kay sa imong hunahuna ang Markdown lisud nga makat-on.

Apan sa pagkatinuod, angWechat marketingBisan kinsa nga editor sa , basta kini nagkinahanglan og napulo ka minuto, makakat-on niini.

Nianang panahona, mahimo kang manghupaw "Ngano nga wala ako nakakat-on kang Markdwon sa pagsulat sa online nga kopya sa marketing sa sayo pa"?

Sa tinuud, adunay 5 ra nga klase sa sagad nga gigamit nga Markdown syntax:

• Gamita ang # aron markahan kini nga teksto ingon usa ka titulo sa una nga lebel, ug ang N # aron markahan kini ingon usa ka titulo sa lebel sa N.
• Pagdugang * o 1. "2. "3. sa wala pa matuman ang teksto ingon usa ka lista.
• Idugang ang > atubangan sa paragraph aron markahan kini isip pakisayran
• Idugang ang * sa wala pa ug pagkahuman sa teksto aron ipakita ang italic, ug duha * aron ipakita kini nga bold
• Gamita ang [teksto](adres sa link) aron isulod ang mga hyperlink

Pag-download sa plugin

Markdown dinhi Opisyal nga adres sa pag-download:
http://markdown-here.com/get.html

Ang Markdown dinhi usa ka browser plugin (Chrome/Firefox/Safari) nga nag-convert sa Markdown text sa editor sa browser ngadto sa gihubad nga HTML.Mahimo usab nimo ipasibo ang CSS, nga cool kaayo alang sa kanunay nga naggamit sa Markdown format. Gigamit nimo ang Markdown sa pagsulat sa mga email, dokumento, ug uban pa.

Aron ma-install ug ma-set up ang Markdown Dinhi, sunda lang kini nga mga lakang:

1. I-install ang Markdown Here plugin sa Google Chrome
2. I-configure ang Markdown Dinhi Option, ipasibo ang pipila ka CSS

Pamaagi sa dali nga pag-type sa publiko nga account

• Pagsulat ug artikulo sa Markdown format, palihog tan-awa kining artikuloha para sa mga detalye: "Giunsa ang dali nga pag-typeset sa WeChat public account?Ang layout sa bilyonaryo nga si Li Xiaolai nagkinahanglan lang og 1 segundos"

Proseso sa pagsulat sa opisyal nga account sa WP +

• paggamit WordPress mag wechatPromosyon sa publiko nga account?Tan-awa kini nga artikulo alang sa mga detalye:"Ang WordPress nag-paste sa opisyal nga editor sa account sa WeChat, kung giunsa paghimo nga tama ang istilo sa pag-type sa artikulo? "

naandan nga CSS

Ang nag-unang mga rebisyon mao ang mosunod:

1. font (gidak-on, kolor)
2. Gilay-on sa linya
3. gilay-on sa pulong

Ang summary nga mga prinsipyo mao ang mosunod:

• Ang gidak-on sa font sa lawas sa artikulo mas maayo nga tali sa 14-18px, nga ang 16px ang labing angay.
• Ang gilay-on sa linya mao ang 1.5-1.75 ka beses ang gilay-on sa linya, nga mas komportable tan-awon.
• Ang mga artikulo sa mobile terminal dili kinahanglan nga i-indent sa unang linya.
• Taliwala sa mga parapo, usa ka blangko nga linya ang labing maayo.

Markdown dinhi plugin CSS

kopyaang mosunodChen WeiliangGamita ang Markdown dinhi plugin CSS code sa Chrome → Settings → Extension → 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;
}

share 2 pabag-ong mediaPasadya nga mga istilo para sa Markdown dinhi para sa mga tawo:

Yang Zhiping:

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

Li Xiaolai:

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