Markdown isit la telechaje plugin (Chrome ekstansyon enstalasyon tutoryèl)

Telechaje plugin Markdown Here a (leson patikilye enstalasyon ekstansyon Chrome)

Markdown se yon langaj balisaj "nan stil imèl", epi Chen Weiliang rekòmande fòtman pou tout pratikan maketing sou entènèt aprann epi metrize langaj sa a.

Si ou te deja tande pale de Markdown anvan men ou pa t aprann li paske w ap pran yon kou nan Chazuo Academy pou aprann maketing sou entènèt epi ou bezwen ekri tèks maketing pou e-komès , se pwobableman paske ou panse Markdown trè difisil pou aprann.

Anfèt, nenpòt editè ki angaje nan maketing WeChat ka aprann li nan jis dis minit.

Lè sa a, ou ka soupi "Poukisa mwen pa t aprann Markdwon pou yo ekri kopi maketing sou entènèt pi bonè"?

An reyalite, gen sèlman 5 kalite sentaks Markdown souvan itilize:

• Sèvi ak # pou make tèks sa a kòm yon tit premye nivo, ak N # pou make sa a kòm yon tit nan nivo N.
• Ajoute * oswa 1. "2. "3. anvan tèks la ka reyalize kòm yon lis.
• Ajoute > anvan paragraf la pou make li kòm yon referans
• Ajoute yon * anvan ak apre tèks la pou montre italik, ak de * pou montre li an fonse
• Sèvi ak [tèks](adrès lyen) pou mete hyperlinks

Telechaje Plugin

Markdown isit la Adrès download ofisyèl:
http://markdown-here.com/get.html

Markdown isit la se yon plugin navigatè (Chrome/Firefox/Safari) ki konvèti tèks Markdown nan editè a nan navigatè a nan rann HTML.Ou kapab tou Customize CSS, ki vrèman fre pou moun ki souvan itilize fòma Markdown la.Ou itilize Markdown pou ekri imèl, dokiman, elatriye.

Pou enstale ak mete kanpe Markdown isit la, jis swiv etap ki anba yo:

1. Enstale Plugin Markdown Here nan Google Chrome
2. Konfigure Opsyon Markdown Isit la, Customize kèk CSS

Kont piblik metòd rapid composition

• Ekri yon atik nan fòma Markdown, tanpri al gade atik sa a pou plis detay: "Ki jan yo byen vit konpoze WeChat kont piblik la?Layout bilyonè Li Xiaolai a pran sèlman 1 segonn"

Pwosesis ekri kont ofisyèl WP+

• Sèvi ak WordPress fè wechatPwomosyon kont piblik?Gade atik sa a pou plis detay:"WordPress kole nan editè kont ofisyèl WeChat la, ki jan yo fè style la konpoze atik kòrèk? .

CSS koutim

Modifikasyon prensipal yo se jan sa a:

1. font (gwosè, koulè)
2. Liy espas
3. espas mo

Prensip rezime yo se jan sa a:

• Gwosè font nan kò a nan atik la se de preferans ant 14-18px, ak 16px ki pi apwopriye a.
• Espas liy lan se 1.5-1.75 fwa espas liy lan, ki pral gade pi alèz.
• Atik sou tèminal mobil yo pa bezwen pou yo endentasyon sou premye liy lan.
• Ant paragraf, yon liy vid se pi bon.

Markdown isit la plugin CSS

Kopye kòd CSS sa a ki soti nan plugin Markdown Chen Weiliang la pou ale nan Chrome → Anviwònman → Ekstansyon → markdown.here → Opsyon → CSS Rannman Debaz

/*
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;
}

Men de lòt estil pèsonalize Markdown pou pwofesyonèl nouvo medya yo :

Yang Zhiping:

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

Li Xiaolai:

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