Markdown hemen plugina deskargatu (Chrome luzapena instalatzeko tutoriala)

Markdown hemen Plugin deskargatu (Chrome luzapena instalatzeko tutoriala)

Markdown "posta elektronikoa" estiloko "markatze-lengoaia" da.Chen Weiliangoso gomendagarria guztientzakoInterneteko marketinaPraktikatzaileak, ikasi eta menperatu hizkuntza.

Parte hartzen baduzuIntercept Collegeikastaroak, egiten ikasteaWeb Sustapena, idatzi beharElektrizitatea hornitzaileMarketingIdazketaArtikulua, Markdown-en berri izan dut, baina ez dut ikasi, Markdown ikastea zaila izango dela uste duzulako izan behar du.

Baina, hain zuzen ere,Wechat marketinaEdozein editore, hamar minutu behar baditu, ikas dezake.

Garai hartan, hasperen dezakezu: "Zergatik ez nuen Markdwon lehenago ikasi online marketing kopia idazten"?

Izan ere, erabili ohi diren Markdown sintaxia 5 mota baino ez daude:

• Erabili # testu hau lehen mailako izenburu gisa markatzeko, eta N # hau N mailako izenburu gisa markatzeko.
• * edo 1 gehituz "2. "3. testua zerrenda gisa gauzatu aurretik.
• Gehitu > paragrafoaren aurretik erreferentzia gisa markatzeko
• Gehitu * bat testuaren aurretik eta ondoren etzana bistaratzeko, eta bi * lodiz bistaratzeko
• Erabili [testua](estekaren helbidea) hiperestekak txertatzeko

Plugin deskarga

Markdown hemen Deskarga-helbide ofiziala:
http://markdown-here.com/get.html

Markdown hemen arakatzailearen plugin bat da (Chrome/Firefox/Safari) nabigatzaileko editorearen Markdown testua errendatutako HTML bihurtzen duena.CSS ere pertsonaliza dezakezu, eta hori oso polita da Markdown formatua askotan erabiltzen dutenentzat. Markdown erabiltzen duzu mezu elektronikoak, dokumentuak, etab idazteko.

Markdown Here instalatzeko eta konfiguratzeko, jarraitu beheko urratsak:

1. Instalatu Markdown Here plugina Google Chrome-n
2. Konfiguratu Markdown Hemen aukera, pertsonalizatu CSS batzuk

Kontu publikoa idazteko metodo azkarra

• Idatzi artikulu bat Markdown formatuan, irakurri artikulu hau xehetasunetarako: "Nola idatzi azkar WeChat kontu publikoa?Li Xiaolai milioidunaren diseinuak segundo 1 besterik ez du hartzen"

WP+ kontu ofiziala idazteko prozesua

• erabilera- WordPress egin wechatKontu publikoaren sustapena?Ikusi artikulu hau xehetasunetarako:"WordPress-ek WeChat kontuen editore ofizialean itsatsi du, nola egin artikuluaren konposaketa estiloa gaizki ez izatea? 》

CSS pertsonalizatua

Aldaketa nagusiak hauek dira:

1. letra-tipoa (tamaina, kolorea)
2. Lerro-tartea
3. hitzen tartea

Laburpen-printzipioak hauek dira:

• Artikuluaren gorputzaren letra-tamaina 14-18 px artekoa da, 16 px-koa dela egokiena.
• Lerro-tartea lerro-tartea baino 1.5-1.75 aldiz handiagoa da, eta erosoagoa izango da.
• Terminal mugikorretako artikuluek ez dute lehen lerroan koskarik izan behar.
• Paragrafoen artean, lerro zuri bat da onena.

Markdown hemen CSS plugina

kopiatuurrengoChen WeiliangErabili Markdown here plugin CSS kodea Chrome → Ezarpenak → Luzapenak → markdown.here → Aukerak → Oinarrizko CSS errendatzea

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

partekatu beste 2komunikabide berriakMarkdown-erako estilo pertsonalizatuak hemen jendearentzat:

Yang Zhiping:

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

Li Xiaolai:

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