Alamar saukar da plugin anan (koyawa na shigarwa na Chrome)

Yankewa Anan zazzagewa plugin (koyawa na shigarwa na Chrome)

Markdown shine salon "email" "harshen alama".Chen Weiliangsosai shawarar ga kowaTallan IntanetMa'aikata, koya kuma ku ƙware harshen.

Idan kun shigaKwalejin Interceptdarussa don koyan yiCi gaban Yanar Gizo, bukatar rubutaE-kasuwanciTallaRubutun rubutuLabari, Na ji Markdown, amma ban koyi shi ba, dole ne saboda kuna tunanin Markdown zai yi wahala a koya.

Amma a gaskiya, yinTallace-tallacen WechatDuk wani editan , idan dai ya ɗauki mintuna goma, zai iya koyan shi.

A lokacin, kuna iya yin nishi "Me ya sa ban koyi Markdwon rubuta kwafin tallace-tallacen kan layi a baya ba"?

A zahiri, akwai nau'ikan 5 na Markdown da aka saba amfani da su:

• Yi amfani da # don yiwa wannan rubutu alama a matsayin take na matakin farko, da N # don yiwa wannan alama a matsayin taken matakin N.
• Ƙara * ko 1. "2. "3. kafin a iya gane rubutun a matsayin jeri.
• Ƙara > kafin sakin layi don yi masa alama azaman abin tunani
• Ƙara * gabanin da bayan rubutun don nuna rubutun, da biyu * don nuna shi cikin ƙarfi
• Yi amfani da [rubutu] (adreshin hanyar haɗin gwiwa) don saka hanyoyin haɗin gwiwa

Zazzagewar plugin

Alama anan Adireshin zazzagewa na hukuma:
http://markdown-here.com/get.html

Markdown anan shine plugin ɗin burauza (Chrome/Firefox/Safari) wanda ke juyar da rubutun Markdown a cikin editan mai lilo zuwa HTML da aka fassara.Hakanan zaka iya keɓance CSS, wanda ke da daɗi sosai ga waɗanda galibi suke amfani da tsarin Markdown. Kuna amfani da Markdown don rubuta imel, takardu, da sauransu.

Don shigarwa da saita Markdown Anan, kawai bi matakan da ke ƙasa:

1. Sanya Markdown anan plugin a cikin Google Chrome
2. Sanya Markdown Anan Zaɓin, keɓance wasu CSS

Hanyar rubuta lissafin jama'a da sauri

• Rubuta labari a tsarin Markdown, da fatan za a duba wannan labarin don cikakkun bayanai: "Yadda ake saurin rubuta asusun jama'a na WeChat?Tsarin biliyoyin Li Xiaolai yana ɗaukar daƙiƙa 1 kacal"

WP+ Tsarin rubutun asusun hukuma

• don WordPress ku wechatHaɓaka asusun jama'a?Duba wannan labarin don ƙarin bayani:"WordPress yana liƙa a cikin editan asusun WeChat na hukuma, yadda ake sa salon rubutun labarin daidai? 》

CSS na al'ada

Manyan gyare-gyare sune kamar haka:

1. font (girma, launi)
2. Tazarar layi
3. tazarar kalmomi

Ƙa'idodin taƙaice sune kamar haka:

• Girman rubutun jikin labarin ya fi dacewa tsakanin 14-18px, tare da 16px shine mafi dacewa.
• Tazarar layin shine sau 1.5-1.75 na tazarar layin, wanda zai fi dacewa da kyau.
• Abubuwan da ke kan tashoshi na wayar hannu ba sa buƙatar shigar da su a layin farko.
• Tsakanin sakin layi, layi mara kyau ya fi kyau.

Markdown anan plugin CSS

kwafamai zuwaChen WeiliangYi amfani da Markdown anan plugin code CSS zuwa Chrome → Saituna → Extensions → markdown.nan → Zaɓuɓɓuka → Babban 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;
}

raba 2 fiyesabon kafofin watsa labaraiSalon al'ada don Markdown anan ga mutane:

Yang Zhiping:

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

Li Xiaolai:

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