Markdown hemen plugina deskargatu (Chrome luzapena instalatzeko tutoriala)

Deskargatu Markdown Here plugina (Chrome luzapena instalatzeko tutoriala)

Markdown "posta elektronikoaren estiloko" markaketa-lengoaia bat da, eta Chen Weiliangek oso gomendagarria da online marketin- arduradun guztiek lengoaia hau ikastea eta menperatzea.

Markdown-i buruz lehenago entzun baduzu , baina Chazuo Academy-n online marketina ikasteko ikastaro bat egiten ari zarelako eta merkataritza elektronikoko marketin- testuak idatzi behar dituzulako ikasi ez baduzu , ziurrenik Markdown ikasteko oso zaila dela uste duzulako da.

Izan ere, WeChat marketinean diharduen edozein editorek hamar minututan 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

WP+ kontu ofiziala idazteko prozesua

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

Kopiatu Chen Weiliang -en Markdown here plugin -eko CSS kode hau Chrome-ra → Ezarpenak → Luzapenak → markdown.here → Aukerak → Oinarrizko CSS errendatzea

Chen Weiliang: Markdown hemen plugina deskargatu (Chrome luzapenaren instalaziorako tutoriala)

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

 

Hona hemen beste bi Markdown estilo pertsonalizatu komunikabide berrietako profesionalentzat:

Yang Zhiping:

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

 

Li Xiaolai:

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

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

Igo korrituko