在看技術(shù)文檔的時(shí)候發(fā)現(xiàn)使用選項(xiàng)卡來(lái)呈現(xiàn)示例代碼是個(gè)很不錯(cuò)的方式泌类，既可以節(jié)約版面空間還清晰明了霹崎，比如下面這個(gè)簡(jiǎn)單的vue聲明式渲染demo
image.png
明顯比順序排下來(lái)好多了芽丹，剛開(kāi)始在網(wǎng)上搜索typecho此類插件一直沒(méi)有找到竭恬，所以干脆自己動(dòng)手?jǐn)]一個(gè)，最后就在typecho的默認(rèn)HelloWorld插件基礎(chǔ)上完成了這個(gè)Typecho-Tabs插件车要，由于自己不是做php開(kāi)發(fā)的中間也遇到了很多的問(wèn)題允粤，不過(guò)通過(guò)不斷調(diào)試查文檔資料，最后還是將這個(gè)插件寫(xiě)出來(lái)了翼岁。
【一個(gè)想法不一定對(duì)】：編程其實(shí)是一種思維方式和用什么編程語(yǔ)言關(guān)系不是很大（語(yǔ)言只是一種工具）类垫，當(dāng)你掌握了編程思維后即使讓你用從沒(méi)用過(guò)的語(yǔ)言你也可以在了解它的語(yǔ)法基礎(chǔ)后快速上手開(kāi)發(fā)。
使用方法
1琅坡、下載插件后解壓放在typecho插件目錄
2悉患、后臺(tái)開(kāi)啟插件
3、在文章中使用
[tabs]
[tab name="選項(xiàng)卡名稱1"]內(nèi)容1[/tab]
[tab name="選項(xiàng)卡名稱2"]內(nèi)容2[/tab]
[tab name="選項(xiàng)卡名稱3"]內(nèi)容3[/tab]
[/tabs]
