AntdSite是什么

這篇文章主要講解了“AntdSite是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“AntdSite是什么”吧！

　　AntdSite(AntDesignOfSite)是一個基于[AntDesign](Theworld'ssecondmostpopularReactUIframework)，由GatsbyJs驅動的一個網站生成器(你可以完全不會這兩項技術，只需要會markdown的基礎知識，然后簡單配置，就能搭建一個網站。當然，如果你會這兩項技術那更好)。文檔的配置參考了基于vue的文檔生成器-[vuepress](ConfigReference|VuePress)。

　　AntdSite的由來

　　以前我是vuepress的用戶，在開發vue組件中使用它來寫文檔感覺非常順手。后來我開始研究上了react，開發react組件就得有文檔呀，我在這期間陸續試了幾個基于react的文檔生成器，像docz,docusaurus.但是試用了下，感覺都不如vuepree順手。后來，我訪問[AntDesign](AntDesign-一個UI設計語言)官網的時候突然冒出來一個想法：把AntDesign官網做成可配置可以嗎？答案是可以的。于是，antdsite就誕生了。

　　總的來說就是把antd官網改成可配置的了。

　　AntdSite的特點

　　跟vuepress相仿的配置。上手簡單。只需要掌握markdown基礎知識和一點js只是就能上手。

　　可以在markdown里寫jsx,還能在里面直接使用全部antdesign組件。參考文檔：[使用jsx](在Markdown中使用JSX|AntdSite)

　　支持自定義部分布局，例如頭部，尾部，首頁等。支持自定義全部布局。參考文檔：[自定義主題](自定義主題|AntdSite)

　　快速開始

　　使用cli快速初始化一個項目

　　yarnglobaladdantdsite-cli

　　#或者如果你使用npm

　　npmiantdsite-cli-g

　　antdsitemy-docs

　　然后訪問本地8000端口就可以啦。

　　常見問題

　　這個和vuepress配置完全一樣的嗎？

　　大部分是模仿的vuepress的配置的，但也有一些不同。比如配置中沒有自定義端口，地址,PWA等。那些需要配置Gatsby的，交給AntdSite反而更加繁瑣。

感謝各位的閱讀，以上就是“AntdSite是什么”的內容了，經過本文的學習后，相信大家對AntdSite是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！