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

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

Ang markdown ay isang "email" style na "markup language".Chen Weilianglubos na inirerekomenda para sa lahatpagmemerkado gamit ang internetMga practitioner, matuto at makabisado ang wika.

Kung sumali ka saHarangin ang Kolehiyomga kursong dapat matutunang gawinPromosyon sa Web, kailangan magsulatE-commerceMarketingPagsulat ng kopyaArticle, may narinig akong Markdown, pero hindi ko natutunan, dapat kasi sa tingin mo mahirap matutunan ang Markdown.

Ngunit sa katunayan, ginagawaMarketing ng WeChatSinumang editor ng , hangga't umabot ng sampung minuto, ay maaaring matuto nito.

Sa oras na iyon, maaari kang magbuntong-hininga "Bakit hindi ko natutunan si Markdwon na magsulat ng online marketing copy ng mas maaga"?

Sa katunayan, mayroon lamang 5 uri ng karaniwang ginagamit na Markdown syntax:

• Gamitin ang # upang markahan ang tekstong ito bilang pamagat sa unang antas, at N # upang markahan ito bilang pamagat na N-level.
• Pagdaragdag ng * o 1. "2. "3. bago maisakatuparan ang teksto bilang isang listahan.
• Idagdag ang > bago ang talata upang markahan ito bilang isang sanggunian
• Magdagdag ng * bago at pagkatapos ng teksto upang ipakita ang italic, at dalawang * upang ipakita ito sa bold
• Gamitin ang [text](link address) upang magpasok ng mga hyperlink

Pag-download ng plugin

Markdown dito Opisyal na download address:
http://markdown-here.com/get.html

Ang Markdown dito ay isang browser plugin (Chrome/Firefox/Safari) na nagko-convert ng Markdown text sa editor sa browser sa na-render na HTML.Maaari mo ring i-customize ang CSS, na talagang cool para sa mga madalas na gumagamit ng Markdown na format. Gumagamit ka ng Markdown upang magsulat ng mga email, dokumento, atbp.

Upang i-install at i-set up ang Markdown Dito, sundin lamang ang mga hakbang sa ibaba:

1. I-install ang Markdown Here plugin sa Google Chrome
2. I-configure ang Markdown Dito Option, i-customize ang ilang CSS

Paraan ng mabilisang pag-type ng pampublikong account

• Sumulat ng isang artikulo sa Markdown na format, mangyaring sumangguni sa artikulong ito para sa mga detalye: "Paano mabilis na i-typeset ang pampublikong account ng WeChat?Ang layout ng bilyonaryo na si Li Xiaolai ay tumatagal lamang ng 1 segundo"

Proseso ng pagsulat ng opisyal na account ng WP+

• Upang magamit WordPress mag wechatPag-promote ng pampublikong account?Tingnan ang artikulong ito para sa mga detalye:"Nag-paste ang WordPress sa opisyal na editor ng account ng WeChat, kung paano gawing tama ang istilo ng pag-type ng artikulo? 》

pasadyang CSS

Ang mga pangunahing pagbabago ay ang mga sumusunod:

1. font (laki, kulay)
2. Line spacing
3. puwang ng salita

Ang mga prinsipyo ng buod ay ang mga sumusunod:

• Ang laki ng font ng katawan ng artikulo ay mas mabuti sa pagitan ng 14-18px, na ang 16px ang pinakaangkop.
• Ang line spacing ay 1.5-1.75 beses ang line spacing, na magiging mas komportable.
• Ang mga artikulo sa mga mobile terminal ay hindi kailangang naka-indent sa unang linya.
• Sa pagitan ng mga talata, ang isang blangkong linya ay pinakamainam.

Markdown dito plugin CSS

kopyaNasa ibabaChen WeiliangGamitin ang Markdown dito plugin CSS code upang Chrome → Mga Setting → Mga Extension → markdown.dito → Mga Pagpipilian → 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;
}

magbahagi ng 2 pabagong mediaMga custom na istilo para sa Markdown dito para sa mga tao:

Yang Zhiping:

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

Li Xiaolai:

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