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

I-download ang plugin na Markdown Here (tutorial sa pag-install ng extension ng Chrome)

Ang Markdown ay isang markup language na "email-style", at mariing inirerekomenda ni Chen Weiliang na matutunan at maging bihasa ang lahat ng online marketing practitioner sa wikang ito.

Kung narinig mo na ang tungkol sa Markdown dati ngunit hindi mo pa ito natutunan dahil kumukuha ka ng kurso sa Chazuo Academy para matuto ng online marketing at kailangan mong magsulat ng mga kopya para sa e-commerce marketing , malamang na dahil sa tingin mo ay napakahirap matutunan ang Markdown.

Sa katunayan, kahit sinong editor na nakatuon sa WeChat marketing ay matututo nito sa loob lamang ng sampung minuto.

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

Kopyahin ang sumusunod na CSS code mula sa Markdown here plugin ni Chen Weiliang papunta sa 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;
}

Narito ang dalawa pang pasadyang istilo ng Markdown para sa mga propesyonal sa bagong media :

Yang Zhiping:

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

Li Xiaolai:

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