【DocFX文檔翻譯】演練1: 為文檔網(wǎng)站添加簡單文檔

演練1: 為文檔網(wǎng)站添加簡單文檔

通過完成本演練教程,您將熟悉 docfx的工作流程以及在 docfx 中組織文檔的一般性原則吱七。 您將通過生成一個可以發(fā)布到任何主機(jī)服務(wù)的靜態(tài)網(wǎng)站來完成本演練刚盈。 在這里下載本演練中將使用到的文件 羡洛。

第1步. 安裝DocFX

http://dotnet.github.io/docfx/ 下載 docfx. docfx 入門 一文描述了如何安裝 docfx. 演練教程使用方式1: 直接使用 docfx.exe

  1. 下載 docfx.zip 文件并解壓到 D:\docfx\
  2. 添加D:\docfx\ 到環(huán)境變量 PATH 以便命令行可以直接在任何路徑運(yùn)行 docfx. (在window下面使用命令, set PATH=%PATH%;D:\docfx\ 設(shè)置)

第2步. 初始化 DocFX 項(xiàng)目

  1. 創(chuàng)建一個新目錄 D:\docfx_walkthrough
  2. D:\docfx_walkthrough 目錄下面啟動命令行控制臺藕漱。
  3. 運(yùn)行 docfx init -q 命令欲侮。 這個命令會生成一個 docfx_project 目錄,里面包含默認(rèn)的 docfx.json 文件. docfx.json 文件是 docfx 用來生成文檔的配置文件谴分。 -q 選項(xiàng)代表靜默狀態(tài)下生成項(xiàng)目, 您還可以嘗試使用 'docfx init' 初始化項(xiàng)目要锈麸,并按照提示說明進(jìn)行設(shè)置。

第3步. 生成網(wǎng)站

運(yùn)行命令 docfx docfx_project/docfx.json牺蹄。注意項(xiàng)目下面會生成一個新的 _site 目錄忘伞。這是生成靜態(tài)網(wǎng)站的地方。

第4步. 預(yù)覽網(wǎng)站

生成的靜態(tài)網(wǎng)站不需要做任何修改就可以發(fā)布到 GitHub pages, Azure 網(wǎng)站,或者你的托管服務(wù)。你也可以運(yùn)行命令 docfx serve docfx_project/_site 在本地預(yù)覽網(wǎng)站氓奈。

如果 8080 端口沒有被占用, docfx 將在 http://localhost:8080 托管 _site 站點(diǎn). 如果 8080 端口被占用了, 你需要使用 docfx serve _site -p <port> 修改 docfx 使用的端口翘魄。

祝賀你! 運(yùn)行成功以后你可以看到下面網(wǎng)站了:


Homepage

第5步. 添加一系列文章到網(wǎng)站

  1. 放置更多 .md 文件到 articles 目錄, 例如. details1.md, details2.md, details3.md. 如果引用到了其他的資源,把這些資源放到 images 目錄舀奶。

  2. 為了能夠組織這些文件暑竟,我們要把這些文件添加到 articles 子目錄下面的 toc.yml 文件中. toc.yml 的內(nèi)容如下所示:

    - name: Introduction
      href: intro.md
    - name: Details 1
      href: details1.md
    - name: Details 2
      href: details2.md
    - name: Details 3
      href: details3.md
    

    現(xiàn)在的文件目錄結(jié)構(gòu)如下:

    |- index.md
    |- toc.yml
    |- articles
    |    |- intro.md
    |    |- details1.md
    |    |- details2.md
    |    |- details3.md
    |    |- toc.yml
    |- images
        |- details1_image.png
    
  3. 再次重復(fù)步驟 第3步第4步*, 生成的網(wǎng)站如下:

    Step7
    .

注意更多的項(xiàng)目被添加到了 Articles 導(dǎo)航頁。 側(cè)邊欄中的標(biāo)題正是我們在 articles 文件夾``toc.yml`文件的里面設(shè)置的標(biāo)題育勺。

結(jié)論

通過演練教程, 我們使用一系列 .md 文件生成了一個靜態(tài)網(wǎng)站. 我們稱這些 .md 文件為 Conceptual Documentation(概念文檔). 在演練教程2中, 我們將學(xué)習(xí)如何添加 API 文檔 到我們的網(wǎng)站. API 文檔 是直接從 .NET 源代碼中抽取出來的但荤。 在高級演練教程中, 我們將學(xué)習(xí)到 docfx中的高級概念,例如文章之間的引用涧至,其他文檔的外部引用等腹躁。我們還將學(xué)習(xí)如何定制我們的網(wǎng)站,從主題到布局到元數(shù)據(jù)提取南蓬。

更多相關(guān)文檔

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末纺非,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子赘方,更是在濱河造成了極大的恐慌烧颖,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件窄陡,死亡現(xiàn)場離奇詭異炕淮,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)泳梆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進(jìn)店門鳖悠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人优妙,你說我怎么就攤上這事≡髡耍” “怎么了套硼?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長胞皱。 經(jīng)常有香客問我邪意,道長,這世上最難降的妖魔是什么反砌? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任雾鬼,我火速辦了婚禮,結(jié)果婚禮上宴树,老公的妹妹穿的比我還像新娘策菜。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布又憨。 她就那樣靜靜地躺著翠霍,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蠢莺。 梳的紋絲不亂的頭發(fā)上寒匙,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天,我揣著相機(jī)與錄音躏将,去河邊找鬼锄弱。 笑死,一個胖子當(dāng)著我的面吹牛祸憋,可吹牛的內(nèi)容都是我干的棵癣。 我是一名探鬼主播,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼夺衍,長吁一口氣:“原來是場噩夢啊……” “哼狈谊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起沟沙,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤河劝,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后矛紫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體赎瞎,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年颊咬,在試婚紗的時候發(fā)現(xiàn)自己被綠了务甥。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,739評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡喳篇,死狀恐怖敞临,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情麸澜,我是刑警寧澤挺尿,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站炊邦,受9級特大地震影響编矾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜馁害,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一窄俏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧碘菜,春花似錦凹蜈、人聲如沸限寞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽昆烁。三九已至,卻和暖如春缎岗,著一層夾襖步出監(jiān)牢的瞬間静尼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工传泊, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鼠渺,地道東北人。 一個月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓眷细,卻偏偏與公主長得像拦盹,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子溪椎,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,647評論 2 354

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

  • 演練2: 為文檔網(wǎng)站添加API文檔 完成 演練1: 為文檔網(wǎng)站添加簡單文檔 以后, 我們利用 .md 文件成成一個...
    kiler閱讀 1,540評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理普舆,服務(wù)發(fā)現(xiàn),斷路器校读,智...
    卡卡羅2017閱讀 134,652評論 18 139
  • 演練3: 生成PDF文檔 完成了演練2: 為文檔網(wǎng)站添加API文檔 后沼侣,我們成功地創(chuàng)建了一個包含概念和API文檔的...
    kiler閱讀 550評論 0 0
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,081評論 25 707
  • 每個APP都有唯一一個根控制器 每個app都是一個單例[UIApplication sharedApplicati...
    Jewei閱讀 331評論 0 0