docsify 不一樣的文檔工具

一、無(wú)規(guī)范不和諧

俗話說(shuō)"無(wú)規(guī)矩不成方圓"螟左,但是我要說(shuō)無(wú)規(guī)范不和諧憨愉,你可能覺得言重了「言重個(gè)毛」艰额,下面就簡(jiǎn)單的說(shuō)一下吧

  • 公司沒有規(guī)范可以嗎「那不亂了套了」
  • 人事招人沒有規(guī)范可以嗎「隨便拿個(gè)人來(lái)就用匆骗,你估計(jì)會(huì)被人說(shuō)秀逗了」
  • 團(tuán)隊(duì)管理沒有規(guī)范可以嗎「誰(shuí)特么鳥你」
  • 開發(fā)人員沒有文檔(各種文檔)可以嗎「NM,連個(gè)需求文檔都沒有劳景,做個(gè)毛毛,這句話不陌生吧」
  • 你沒有規(guī)范能找到自己喜歡的女(男)朋友绰筛?「還不是按自己的規(guī)范和標(biāo)準(zhǔn)來(lái)衡量的」
  • 特別是開發(fā)語(yǔ)言枢泰,如果沒有規(guī)范描融,你全部亂整铝噩,還有其它等等各種規(guī)范

來(lái)一個(gè)場(chǎng)景對(duì)話吧,以開發(fā)一個(gè) APP 為例子來(lái)說(shuō)明「純屬虛構(gòu)窿克,如有雷同那真是中獎(jiǎng)了」骏庸,小明「開發(fā) client」,小張「開發(fā) server」

chat.jpg

如此類似的事情的在需求年叮、產(chǎn)品具被、銷售、運(yùn)營(yíng)等等各個(gè)地方都會(huì)出現(xiàn)只损,何也--沒有規(guī)范一姿,最后導(dǎo)致權(quán)責(zé)不明七咧,各干各的,反工是家常便飯叮叹,更甚者會(huì)干起架來(lái) ...

無(wú)規(guī)范不和諧艾栋,花很小的代價(jià)獲取更多大價(jià)值有時(shí)就體現(xiàn)在規(guī)范當(dāng)中,規(guī)范最好以書面的形式「別拿嘴說(shuō)蛉顽,誰(shuí)也不會(huì)記的」蝗砾,規(guī)范的編寫有多種形式,今天我們就來(lái)看看其中一個(gè) docsify「文檔網(wǎng)站生成工具」

二携冤、docsify

寫文檔歷程

規(guī)范基本上都以文檔的形式出現(xiàn)的悼粮,寫文檔我們可以使用的工具實(shí)在太多了,小到記事本曾棕,大到一個(gè)綜合軟件太多太多了扣猫,先說(shuō)一下筆者主要使用的文檔編寫工具,分為兩個(gè)階段「未了解 markdown 之前和之后」

  • 1翘地、最開始使用 excel苞笨、word 「未了解 markdown 之前」
  • 2、后面使用 oschina 的 git readme 「基于 markdown 語(yǔ)法」
  • 3子眶、使用 gitbook 來(lái)編寫文檔或記筆記 「基于 markdown 語(yǔ)法」
  • 4瀑凝、使用 hexo 來(lái)編寫文章或文檔 「基于 markdown 語(yǔ)法」

現(xiàn)在我大部分使用 gitbook 來(lái)記筆記和寫文檔,只要把 markdown 語(yǔ)法熟悉了玩起這些來(lái)都是小菜臭杰,簡(jiǎn)書粤咪、csdn、掘金等自媒體平臺(tái)都支持 markdown 了渴杆,markdown 一定要掌握「現(xiàn)在還不懂 markdown 那就太 low 了」寥枝,簡(jiǎn)單的說(shuō)一下 gitbook 的流程

  • 1、使用 markdown 來(lái)編寫對(duì)應(yīng)的文檔或電子書界面
  • 2磁奖、使用 gitbook build 會(huì)把 markdown 文件轉(zhuǎn)化成 .html 文件
  • 3囊拜、直接發(fā)布 html 文件即可「在網(wǎng)站上就可以瀏覽了」,當(dāng)然你也可以把電子書轉(zhuǎn)化成 pdf 來(lái)查看

gitbook 有多種玩法比搭,有興趣的可以看看這部分內(nèi)容

docsify 簡(jiǎn)介

用官方的話來(lái)說(shuō) docsify 一個(gè)神奇的文檔網(wǎng)站生成工具冠跷,如果看過(guò) vue 的官方文檔界面那就相當(dāng)于看到了 docsify 生成的界面了「很清爽有么有」

docsify 不同于 githbook 和 hexo 它不會(huì)生成將 .md 文件化成 .html 文件,這些轉(zhuǎn)化工作都是在運(yùn)行時(shí)進(jìn)行的

docsify 特性

docsify-fecture

部分使用 docsify 文檔

docsify-showcase

比如阿里 weex ui 的開發(fā)文檔

weex-ui-doc

這里就不一一列舉了身诺,可以查看 https://github.com/docsifyjs/awesome-docsify/blob/master/README.md 的 showcase 部分

三蜜托、安裝并使用 docsify

安裝 docsify

npm i docsify-cli -g

這樣就安裝完了 docsify 命令行工具「前提要安裝 node」,安裝完以后我們就可以使用 docsify init ./docs 初始化項(xiàng)目了霉赡,然后運(yùn)行 docsify serve docs 就可以在本地跑一個(gè) server 來(lái)看到對(duì)應(yīng)生成的網(wǎng)站了

來(lái)個(gè)實(shí)例

無(wú)圖無(wú)直相

我們就來(lái)一個(gè) API 接口文檔吧橄务,大概完成以后這樣的

sys-api

還做一個(gè)國(guó)際化「只做了英文版的--裝個(gè) B 」,直接點(diǎn)擊上面導(dǎo)航的 EN 來(lái) Look 一下

sys-en

怎么樣夠 B 格吧 ,服務(wù)端把這個(gè)文檔給出一扔,還管個(gè)毛毛呢穴亏,直接并行開發(fā)吧「還 qq 對(duì)接蜂挪?重挑,還拿嘴對(duì)接?」

docsify 目錄解析

由于 docsify 的文檔非常的詳細(xì)棠涮,我們照著一點(diǎn)點(diǎn)的配置和編寫半個(gè)小時(shí)就能入門攒驰,這里我們就把以上完成的 API 文檔目錄解析一下

doc_folder

主頁(yè) index.html

doc-index

側(cè)邊欄 _sidebar.md

slide-menu

側(cè)邊欄對(duì)應(yīng)的網(wǎng)頁(yè)左邊的導(dǎo)航頁(yè)

_coverpage.md 封面

logo-page

user/READMD.md

user/README.md 對(duì)應(yīng)的就是 user 的主頁(yè),在這個(gè)例子中我們?cè)诖酥袑懙卿浗涌?/p>

login-page

對(duì)應(yīng)的就是我們?cè)谏蠄D中看到登錄接口「我們?cè)賮?lái)看一下故爵,如下圖」

login-html

其它的 .md

其它的 getuserlist.md/getuserifno.md 都是側(cè)邊欄對(duì)應(yīng)的接口界面玻粪,這里就不一一說(shuō)了,和登錄界面是一樣的「不細(xì)說(shuō)了诬垂,文檔介紹的非常詳細(xì)」

我們大概介紹完了所制作的文檔劲室,這里起一個(gè)拋磚引玉的作用,完了可以看 Demo 的源碼「上傳到 github 上结窘,后面放出地址」

四很洋、其它配置

可以定制主題、還有一插件列表「搜索隧枫、統(tǒng)計(jì)喉磁、在 github 編輯等等插件」,也可以自己開發(fā)插件等「非常豐富官脓,我們可以看官網(wǎng)查看」

五协怒、部署

我們寫的文檔可以部署在 GitHub Pages 上,也可以部署在所有的靜態(tài)文件服務(wù)器上等

六卑笨、總結(jié)

這節(jié)我們簡(jiǎn)單介紹了一下 docsify 文檔編寫工具孕暇,只是起了一個(gè)拋磚引玉的作用,具體的好多玩法大家可以自行去探所赤兴,當(dāng)然拿 docsify 來(lái)寫筆記是非常不錯(cuò)的「筆者一直使用 gitbook 來(lái)寫筆記」妖滔,還可以用它來(lái)寫個(gè)博客啥的都是不錯(cuò)的

如果還不熟悉 markdown 語(yǔ)法的,建議現(xiàn)在就看一定要把它掌握了「簡(jiǎn)單又牛 B 桶良,寫個(gè)模版什么的使用 markdown 再適合不過(guò)了」

案例地址:https://github.com/tigerchain/docsifydemo


作者: TigerChain 訂閱查看更多內(nèi)容座舍。
本文出自 TigerChain 侃大山
公號(hào): TigerChain

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市陨帆,隨后出現(xiàn)的幾起案子曲秉,更是在濱河造成了極大的恐慌,老刑警劉巖歧譬,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岸浑,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡瑰步,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門璧眠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)缩焦,“玉大人读虏,你說(shuō)我怎么就攤上這事≡模” “怎么了盖桥?”我有些...
    開封第一講書人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)题翻。 經(jīng)常有香客問(wèn)我揩徊,道長(zhǎng),這世上最難降的妖魔是什么嵌赠? 我笑而不...
    開封第一講書人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任塑荒,我火速辦了婚禮,結(jié)果婚禮上姜挺,老公的妹妹穿的比我還像新娘齿税。我一直安慰自己,他們只是感情好炊豪,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開白布凌箕。 她就那樣靜靜地躺著,像睡著了一般词渤。 火紅的嫁衣襯著肌膚如雪牵舱。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,679評(píng)論 1 305
  • 那天缺虐,我揣著相機(jī)與錄音仆葡,去河邊找鬼。 笑死志笼,一個(gè)胖子當(dāng)著我的面吹牛沿盅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播纫溃,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼腰涧,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了紊浩?” 一聲冷哼從身側(cè)響起窖铡,我...
    開封第一講書人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎坊谁,沒想到半個(gè)月后费彼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡口芍,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年箍铲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鬓椭。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡颠猴,死狀恐怖关划,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情翘瓮,我是刑警寧澤贮折,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站资盅,受9級(jí)特大地震影響调榄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜呵扛,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一每庆、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧择份,春花似錦扣孟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至拔创,卻和暖如春利诺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背剩燥。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工慢逾, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人灭红。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓侣滩,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親变擒。 傳聞我的和親對(duì)象是個(gè)殘疾皇子君珠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容