Dakêşana pêvekê li vir Markdown bike (dersa sazkirina pêvekirina Chrome)

Markdown li vir dakêşana pêvekê (dersa sazkirina pêvekirina Chrome)

Markdown şêwazek "e-name" "zimanê nîşankirinê" ye.Chen WeiliangJi hemîyan re pir tê pêşniyar kirinKirrûbirra ÎnternetêDoktor, fêrî zimanê xwe bibin û fêr bibin.

Ger hûn beşdar bibinIntercept Collegequrs, fêrbûna kirinaPêşkêşkirina Webê, pêdivî ye ku binivîseBazirganiya E-yêKirrûbirrîncopywritingGotar, min ji Markdown bihîstiye, lê hîn nebûye. Divê ji ber ku hûn difikirin ku Markdown hînbûna wê dijwar be.

Lê di rastiyê de, tevlêbûnmarketing WechatHer edîtor dikare tenê di deh hûrdeman de fêr bibe.

Wê demê, hûn dikarin axîn bikin, "Çima min Markdwon fêr nekir ku berê kopiyek kirrûbirra serhêl binivîsîne?"

Bi rastî, tenê 5 celeb hevoksaziya Markdown-ê ya bi gelemperî têne bikar anîn hene:

• # bikar bînin da ku vê nivîsê wekî sernavek asta yekem nîşan bidin, û N #s bikar bînin ku nîşan bidin ku ev sernavek asta N e.
• * an jî 1. "2. "3. Beriya nivîsê lê zêde bike ku ew wekî lîsteyek were fêm kirin.
• Berî paragrafekê > lê zêde bikin da ku wê wekî referans nas bikin.
• Pêşî û paşiya nivîsê * * lê zêde bikin da ku wê îtalîk bikin, û du nîşan * * lê zêde bikin da ku ew stûr bibe.
• [text](navnîşana girêdanê) bikar bînin da ku hîperlînek têxin

Plugin dakêşin

Li vir navnîşana dakêşana fermî nîşan bikin:
http://markdown-here.com/get.html

Markdown li vir pêvekek gerokek e (Chrome/Firefox/Safari) ku dikare nivîsa Markdown a di edîtorê gerokê de veguhezîne HTML-a çêkirî. Her weha hûn dikarin CSS-ê xweş bikin, ku bi rastî ji bo kesên ku pir caran formata Markdown bikar tînin xweş e. Hûn Markdown bikar tînin ji bo nivîsandina e-name, belge û hwd.

Ji bo sazkirin û sazkirina Markdown Here, tenê van gavan bişopînin:

1. Pêveka Markdown Here di Google Chrome de saz bikin
2. Vebijêrk Markdown Here mîheng bikin û hin CSS-ê xweş bikin

Rêbaza tîpkirina bilez ji bo hesabên giştî

• Gotarên di forma Markdown de binivîsin Ji kerema xwe ji bo hûragahiyan li vê gotarê binêrin.: "Meriv çawa zû hesabê giştî yê WeChat binivîsîne?Plansaziya mîlyarder Li Xiaolai tenê 1 saniyeyê digire"

Pêvajoya nivîsandina hesabê giştî ya WP+

• bo WordPress bikin wechatPêşveçûna hesabê gelemperî? Ji bo hûragahiyan li vê gotarê binêrin:"WordPress-ê li edîtorê hesabê giştî yê WeChat bixin, meriv çawa şêwaza sêwirana gotarê rast bike? 》

Custom CSS

Sê xalên sereke yên jêrîn bi gelemperî têne guhertin:

1. Font (mezin, reng)
2. Dûrbûna rêzê
3. dûrbûna peyvan

Prensîbên kurtayî wiha ne:

• Mezinahiya tîpa nivîsa sereke ya gotarê di navbera 14-18px de çêtirîn e, ku 16px ya herî guncaw e.
• Dûrahiya rêzê 1.5-1.75 carî ji rêzê ye, ku dê rehettir xuya bike.
• Gotarên mobîl ne hewce ne ku rêza yekem bişkînin.
• Çêtir e ku meriv xêzek vala di navbera paragrafan de bihêle.

Pêveka CSS-ê li vir nîşan bikin

kopîJêrChen WeiliangMarkdown here pêveka koda CSS-ê bikar bînin Chrome → Mîheng → Berfireh → markdown.here → Vebijêrk → Renderkirina bingehîn 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 bêtir parve bikinmedya nûŞêweyên xwerû yên ji bo Markdown li vir:

Yang Zhiping:

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

Li Xiaolai:

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