Изтегляне на плъгин Markdown тук (урок за инсталиране на разширение за Chrome)

Markdown herePlugin изтегляне (урок за инсталиране на разширение за Chrome)

Markdown е „език за маркиране“ в стил „имейл“.Чен Уейлиангсилно препоръчително за всички网络 营销Практици, научете и овладейте езика.

Ако участвате вIntercept Collegeкурсове, които да се научите да правитеУеб промоция, трябва да пишаЕлектричество доставчикамаркетингКопирайтингСтатия, чувал съм за Markdown, но не съм го научил, трябва да е, защото мислите, че Markdown ще бъде труден за научаване.

Но всъщност, правейкиWeChat маркетингВсеки редактор на , стига да отнеме десет минути, може да го научи.

По това време може да въздъхнете „Защо не научих Markdwon да пише онлайн маркетинг текст по-рано“?

Всъщност има само 5 вида често използван синтаксис на Markdown:

• Използвайте #, за да маркирате този текст като заглавие от първо ниво, и N #, за да маркирате това като заглавие от N ниво.
• Добавяне на * или 1. "2. "3. преди текстът да може да се реализира като списък.
• Добавете > преди абзаца, за да го маркирате като препратка
• Добавете * преди и след текста, за да се покаже в курсив, и две *, за да се покаже с удебелен шрифт
• Използвайте [текст] (адрес на връзката), за да вмъкнете хипервръзки

Изтегляне на приставка

Markdown тук Официален адрес за изтегляне:
http://markdown-here.com/get.html

Markdown тук е плъгин за браузър (Chrome/Firefox/Safari), който преобразува текста на Markdown в редактора в браузъра в изобразен HTML.Можете също така да персонализирате CSS, което е наистина страхотно за тези, които често използват формата Markdown. Използвате Markdown за писане на имейли, документи и т.н.

За да инсталирате и настроите Markdown Here, просто следвайте стъпките по-долу:

1. Инсталирайте плъгина Markdown Here в Google Chrome
2. Конфигурирайте опцията Markdown тук, персонализирайте някои CSS

Метод за бързо набиране на публичен акаунт

• Напишете статия във формат Markdown, моля, вижте тази статия за подробности: "Как бързо да въведете публичния акаунт в WeChat?Оформлението на милиардера Ли Сяолай отнема само 1 секунда"

WP+ официален процес на писане на акаунт

• употреба WordPress правете wechatПопуляризиране на публичен акаунт?Вижте тази статия за подробности:"WordPress поставя в редактора на официалния акаунт на WeChat, как да направите правилния стил на набор на статията? 》

персонализиран CSS

Основните модификации са както следва:

1. шрифт (размер, цвят)
2. Разстояние между редовете
3. разстояние между думите

Обобщените принципи са както следва:

• Размерът на шрифта на тялото на статията е за предпочитане между 14-18px, като най-подходящ е 16px.
• Разстоянието между редовете е 1.5-1.75 пъти разстоянието между редовете, което ще изглежда по-удобно.
• Статиите на мобилни терминали не е необходимо да имат отстъп на първия ред.
• Между параграфите е най-добре да има празен ред.

Markdown тук плъгин 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;
}

споделете още 2нова медияПерсонализирани стилове за Markdown тук за хора:

Ян Джипин:

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

Ли Сяолай:

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