Markdown here преземање приклучок (упатство за инсталација на наставката за Chrome)

Преземете го приклучокот Markdown Here (туторијал за инсталација на екстензии за Chrome)

Markdown е јазик за означување во „стил на е-пошта“, а Чен Вејлијанг силно препорачува сите практичари за онлајн маркетинг да го научат и совладаат овој јазик.

Ако сте слушнале за Markdown претходно, но не сте го научиле бидејќи посетувате курс во Академијата Chazuo за да научите онлајн маркетинг и треба да напишете текст за маркетинг за е-трговија , тоа е веројатно затоа што мислите дека Markdown е многу тежок за учење.

Всушност, секој уредник ангажиран во маркетингот на WeChat може да го научи тоа за само десет минути.

Во тоа време, може да воздивнете „Зошто не го научив Markdwon да пишува онлајн маркетинг копија порано“?

Всушност, постојат само 5 типа на најчесто користена синтакса Markdown:

• Користете # за да го означите овој текст како наслов од прво ниво, и N # за да го означите како наслов од N-ниво.
• Додавање * или 1. „2. „3. пред текстот да може да се реализира како листа.
• Додадете > пред параграфот за да го означите како референца
• Додадете * пред и по текстот за да се прикаже курзив, и два * за да се прикаже со задебелени букви
• Користете [текст](адреса на врска) за да вметнете хиперврски

Преземање на приклучокот

Означете овде Официјална адреса за преземање:
http://markdown-here.com/get.html

Markdown овде е приклучок за прелистувач (Chrome/Firefox/Safari) кој го конвертира Markdown текстот во уредникот во прелистувачот во рендериран HTML.Можете исто така да го приспособите CSS, што е навистина кул за оние кои често го користат форматот Markdown. Го користите Markdown за пишување е-пошта, документи итн.

За да го инсталирате и поставите Markdown Here, само следете ги чекорите подолу:

1. Инсталирајте го приклучокот Markdown Here во Google Chrome
2. Конфигурирајте ја опцијата Markdown Here, приспособете CSS

Метод за брзо наборување на јавна сметка

• Напишете статија во формат Markdown, ве молиме погледнете ја оваа статија за детали:"Како брзо да ја напишете јавната сметка на WeChat?Распоредот на милијардерот Ли Ксиаолаи трае само 1 секунда"

WP+ официјален процес на пишување сметка

• користете WordPress правиме разговорПромоција на јавна сметка?Погледнете ја оваа статија за детали:"WordPress залепува во официјалниот уредник на сметки на WeChat, како да го направите точен стилот на наборување на статијата? 》

прилагодено CSS

Главните модификации се како што следува:

1. фонт (големина, боја)
2. Проред
3. проред на зборови

Резимените принципи се како што следува:

• Големината на фонтот на телото на статијата е по можност помеѓу 14-18 px, а најпогодни се 16 px.
• Растојанието на линиите е 1.5-1.75 пати поголемо од растојанието помеѓу линиите, што ќе изгледа поудобно.
• Написите на мобилните терминали не треба да се вовлекуваат на првата линија.
• Помеѓу параграфите, најдобра е празна линија.

Означете го тука приклучокот CSS

Копирајте го следниов CSS код од приклучокот Markdown here на Чен Вејлијанг во Chrome → Поставки → Екстензии → markdown.here → Опции → Основен 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;
}

Еве уште два прилагодени стила на Markdown за професионалци од нови медиуми :

Јанг Жипинг:

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

Ли Ксиаолаи:

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