前端組件站點生成工具

優秀的前端站點文檔

前端的小夥伴可能在看antd或者vue等站點的時候發現他們的技術文檔站點很不錯,那麼這些站點都是使用了哪些工具呢?下面我們就列舉下常用的站點生成工具。

dumi- 爲組件開發場景而生的文檔工具

上面的標題已經說明了dumi的使用場景了,詳細的大家可以訪問它的官網 這個主題看下面的截圖你就會發現你很熟悉,阿里系的文檔長點應該是大都這樣子,官方給出了三套主題:

dumi-theme-default

dumi-theme-mobile

  • 倉庫地址: dumi/packages/theme-mobile

  • 體驗地址:(缺失)

  • 主題簡介: 基於 dumi 默認主題擴展的移動端研發主題,特性如下:

    1. sticky 手機模擬容器 + iframe 預覽 demo
    2. 基於 umi-hd 爲 demo 預覽提供 viewport 和 root font-size 的自動設置
    3. 提供二維碼便於真機預覽

移動端主題預覽效果

dumi-theme-tuya

docsify — 神奇的文檔站點生成器。

這個工具大家也會很熟悉如果你打開官網,vue的技術文檔跟它很像。下面是官方的描述:

概述

docsify 可以快速幫你生成文檔網站。不同於 GitBook、Hexo 的地方是它不會生成靜態的 .html 文件,所有轉換工作都是在運行時。如果你想要開始使用它,只需要創建一個 index.html 就可以開始編寫文檔並直接部署在 GitHub Pages

特性

  • 無需構建,寫完文檔直接發佈
  • 容易使用並且輕量 (壓縮後 ~21kB)
  • 智能的全文搜索
  • 提供多套主題
  • 豐富的 API
  • 支持 Emoji
  • 兼容 IE11
  • 支持服務端渲染 SSR (示例)

主題

目前提供三套主題可供選擇,模仿 Vuebuble 官網訂製的主題樣式。還有 @liril-net 貢獻的黑色風格的主題。其他還有大家可以去官網詳細查看。

Rocket—帶有少量 JavaScript 的靜態網站的現代 Web 設置

這個工具國內使用的較少,整體上來說界面比較的清爽,上述的兩個大家使用的較多 ,這裏放在這裏給大家多一個選擇,大家可以看看官網

概述

元框架:建立在像 Eleventy、Rollup 和 Modern Web 這樣的巨頭之上。 強大的默認模板:提供內容,您就可以開始了。 小:沒有誇張的工具或前端框架,僅在需要的頁面上添加 JavaScript 和/或 Web 組件。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章