Ṣe igbasilẹ ohun itanna nibi (ikọni fifi sori ẹrọ itẹsiwaju Chrome)

Samisi Igbasilẹ ohun elo niyi (ẹkọ fifi sori ẹrọ itẹsiwaju Chrome)

Markdown jẹ ẹya "imeeli" ara "ede isamisi".Chen Weilianggíga niyanju fun gbogboInternet MarketingAwọn oṣiṣẹ, kọ ẹkọ ati kọ ede naa.

Ti o ba kopa ninuIntercept Collegecourses lati ko eko lati ṣeIgbega wẹẹbu, nilo lati kọIṣowo E-commerceTitajaKikọ kikọAbala, Mo ti gbọ ti Markdown, ṣugbọn Emi ko kọ ẹkọ, o gbọdọ jẹ nitori o ro pe Markdown yoo nira lati kọ ẹkọ.

Ṣugbọn ni otitọ, ṣiṣeWechat titaOlootu eyikeyi ti , niwọn igba ti o ba gba to iṣẹju mẹwa, le kọ ẹkọ.

Ni akoko yẹn, o le kerora "Kini idi ti Emi ko kọ Markdwon lati kọ ẹda titaja ori ayelujara tẹlẹ”?

Ni otitọ, awọn oriṣi 5 nikan lo wa ti sintasi Markdown ti a lo nigbagbogbo:

• Lo # lati samisi ọrọ yii bi akọle ipele akọkọ, ati N # lati samisi eyi gẹgẹbi akọle ipele N.
• Ṣafikun * tabi 1. "2. "3. ṣaaju ki ọrọ naa to ṣee ṣe bi akojọ kan.
• Ṣafikun> ṣaaju paragira lati samisi rẹ gẹgẹbi itọkasi
• Ṣafikun * ṣaaju ati lẹhin ọrọ lati ṣafihan italic, ati meji * lati ṣafihan ni igboya
• Lo [ọrọ] (adirẹsi ọna asopọ) lati fi awọn ọna asopọ hyperlink sii

Gbigba lati ayelujara itanna

Isamisi nibi Adirẹsi igbasilẹ osise:
http://markdown-here.com/get.html

Markdown nibi ni ohun itanna ẹrọ aṣawakiri kan (Chrome/Firefox/Safari) ti o yi ọrọ Markdown pada ninu olootu ninu ẹrọ aṣawakiri si HTML ti a ṣe.O tun le ṣe akanṣe CSS, eyiti o dara gaan fun awọn ti o lo ọna kika Markdown nigbagbogbo. O lo Markdown lati kọ awọn imeeli, awọn iwe aṣẹ, ati bẹbẹ lọ.

Lati fi sori ẹrọ ati ṣeto Markdown Nibi, kan tẹle awọn igbesẹ isalẹ:

1. Fi sori ẹrọ Markdown Nibi ohun itanna ni Google Chrome
2. Tunto Markdown Nibi Aṣayan, ṣe akanṣe diẹ ninu CSS

Awọn ọna titetitẹ ni kiakia iroyin

• Kọ nkan kan ni ọna kika Markdown, jọwọ tọka si nkan yii fun awọn alaye: "Bii o ṣe le yara tẹ akọọlẹ gbogbo eniyan WeChat?Ifilelẹ Billionaire Li Xiaolai gba to iṣẹju kan pere"

Ilana kikọ akọọlẹ osise WP+

• lo WordPress ṣe wechatÀkọsílẹ iroyin igbega?Wo nkan yii fun awọn alaye:"Wodupiresi lẹẹmọ sinu olootu akọọlẹ osise WeChat, bii o ṣe le jẹ ki ara kikọ nkan naa tọ? "

aṣa CSS

Awọn atunṣe akọkọ jẹ bi atẹle:

1. fonti (iwọn, awọ)
2. Aye ila
3. aaye ọrọ

Awọn ilana akojọpọ jẹ bi atẹle:

• Iwọn fonti ti ara nkan naa dara julọ laarin 14-18px, pẹlu 16px ni o dara julọ.
• Aaye laini jẹ 1.5-1.75 igba aaye laini, eyi ti yoo dara diẹ sii.
• Awọn nkan lori awọn ebute alagbeka ko nilo lati ṣe indented lori laini akọkọ.
• Laarin awọn paragira, laini òfo kan dara julọ.

Markdown nibi itanna CSS

daakọatẹle naaChen WeiliangLo Markdown nibi itanna CSS koodu lati Chrome → Eto → Awọn amugbooro → markdown.here → Awọn aṣayan → Ipilẹ Rendering 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;
}

pin 2 siwaju siimedia tuntunAwọn ara aṣa fun Markdown nibi fun eniyan:

Yang Zhiping:

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

Li Xiaolai:

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