资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!


网页标题:AntdSite是什么-创新互联
当前网址:http://cdkjz.cn/article/ddidds.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220