前言
??Markdown是一種輕量級(jí)標(biāo)記語(yǔ)言啊胶，內(nèi)容是代碼與文本的混合列赎，類似且兼容HTML忽冻，但語(yǔ)法比HTML簡(jiǎn)單唬血。本人前面寫過(guò)一篇介紹Markdown基本語(yǔ)法的帖子咆课，想要學(xué)習(xí)的同學(xué)可以參考markdown： 你值得擁有的輕量級(jí)標(biāo)記語(yǔ)言。今天跟大家分享一下颗味，markdown比較高級(jí)一點(diǎn)的用法超陆，用它來(lái)生成選項(xiàng)卡。我之前也寫一個(gè)一篇用原生javascript生成的選項(xiàng)卡的帖子html： 原生javascript實(shí)現(xiàn)選項(xiàng)卡浦马。相比較而言时呀，用markdown來(lái)生成選項(xiàng)卡就簡(jiǎn)單很多了。
代碼
??用markdown實(shí)現(xiàn)選項(xiàng)卡只需在標(biāo)題后面加上 {.tabset}屬性晶默，這樣該標(biāo)題就會(huì)變成選項(xiàng)卡的標(biāo)題谨娜，后面在接上低一級(jí)的標(biāo)題，這個(gè)標(biāo)題就會(huì)變成選項(xiàng)卡的標(biāo)題荤胁，有多少個(gè)低一級(jí)的標(biāo)題就相當(dāng)于有幾個(gè)選項(xiàng)卡瞧预，選項(xiàng)卡的內(nèi)容就直接跟著選項(xiàng)卡標(biāo)題的后面即可，下面給出示例代碼仅政，為了展示markdown內(nèi)實(shí)際的代碼情況垢油，“ ``` ”代碼符號(hào)前都用了轉(zhuǎn)義字符“\”，實(shí)際寫的時(shí)候無(wú)需轉(zhuǎn)義字符圆丹，具體代碼如下：
# Markdown {.tabset}
## Plots
\```{r, fig.dim=c(5, 3)}
par(mar = c(4, 4, .5, .1))
plot(mpg ~ hp, data = mtcars, pch = 19)
\```
## Tables
\```{r}
head(mtcars)
\```
??可以看出用rmarkdown做一個(gè)選項(xiàng)卡是相當(dāng)?shù)暮?jiǎn)單滩愁，只需幾行代碼就可以完成。不過(guò)要是復(fù)雜的選項(xiàng)卡直接用rmarkdown就無(wú)法實(shí)現(xiàn)了辫封，比如選項(xiàng)卡做成導(dǎo)航條的形式里包含下拉菜單硝枉，這樣得功能就得借助javascript來(lái)實(shí)現(xiàn)了。如果只是簡(jiǎn)單的選項(xiàng)卡倦微，markdown還是首選妻味，畢竟簡(jiǎn)單才是硬道理！
最后
??rmarkdown的功能還是很全面的欣福，而且實(shí)現(xiàn)起來(lái)也是相當(dāng)?shù)暮?jiǎn)單责球，用rmarkdown做個(gè)靜態(tài)網(wǎng)頁(yè)出來(lái)真的是不怎么費(fèi)時(shí)間。今天介紹了用rmarkdown做選項(xiàng)卡，下次介紹如何做折疊功能雏逾。嘉裤。。
