Shulou(Shulou.com)06/02 Report--

This article mainly explains "what is AntdSite". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what is AntdSite".

AntdSite (AntDesignOfSite) is a GatsbyJs-driven website generator based on [AntDesign] (Theworld'ssecondmostpopularReactUIframework) (you can build a website without knowing these two technologies at all, only need to know the basics of markdown, and then simply configure it. Of course, it would be better if you know these two technologies. The configuration of the document refers to the vue-based document generator-[vuepress] (ConfigReference | VuePress).

The Origin of AntdSite

I used to be a user of vuepress, and it feels very easy to use it to write documents in developing vue components. Later, I began to study react, and documentation is necessary to develop react components. During this period, I have tried several react-based document generators, such as docz,docusaurus. But after trying it out, it didn't feel as easy as vuepree. Later, when I visited the official website of [AntDesign] (AntDesign-, a UI design language), an idea came to me: is it possible to make the AntDesign official website configurable? The answer is yes. Thus, antdsite was born.

Generally speaking, the official website of antd has been changed to be configurable.

Characteristics of AntdSite

A configuration similar to vuepress. It's easy to use. You only need to know the basics of markdown and a little bit of js and you can just get started.

You can write jsx in markdown and use all antdesign components directly in it. Reference document: [use jsx] (use JSX in Markdown | AntdSite)

Support custom parts of the layout, such as head, tail, home page, etc. Support customization of all layouts. Reference document: [custom theme] (Custom theme | AntdSite)

Quick start

Use cli to quickly initialize a project

Yarnglobaladdantdsite-cli

# or if you use npm

Npmiantdsite-cli-g

Antdsitemy-docs

Then access the local port 8000 is fine.

common problem

Is this exactly the same as the vuepress configuration?

Most of them mimic the configuration of vuepress, but there are some differences. For example, there are no custom ports, addresses, PWA, etc. For those who need to configure Gatsby, it is more tedious to hand it over to AntdSite.

Thank you for your reading, the above is the content of "what is AntdSite", after the study of this article, I believe you have a deeper understanding of what AntdSite is, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.