Docusaurus介绍:
1、静态网站生成器。
2、在关于前端路线图的视频中提及这个概念之前,由反应编写,然后编译了静态HTML CSS。
3、支持他的写作句子Markdown语法,Marketdown可以在MDX、支持的JSX语法、与React完全结合、引入自定义组件、支持插件和主题、定义的组件中使用。
4、用组件复盖默认主题特别方便。
Docusaurus安装环境及安装方法:
一、安装环境:
1、Node js的环境。
2、yarn的包管理器。
二、安装方法:
首先,创建docusarus项目。
1、这个项目有脚手架。
2、最初是节点全局库。
3、但是,您可以使用npx创建项目,而无需安装在全局库中。
4、在命令下创建项目。
5、本名称是项目名称,然后是与官方经典、经典和行相匹配的模板。
6、创建了FH-Blog项目。
Docusaurus运行:
1、完成后,输入本fh-blog的文件夹运行。
2、或者,使用NPM运行以下内容:
3、运行成功后,浏览器智能将打开,您可以看到与之前查看的官方网站相同的界面。
4、有文件、博客、GitHub链接、夜晚和白天模式。
Docusaurus项目结构:
1、/博客/-写在博客文章中。这一切都是一个标记文件。
2、/docs/-是通过文档合成创建的,也是标记文件。
3、/src/- CSS文件夹所在的源代码文件夹和定义的CSS代码cuss代码。
4、放置用/src/pages-React语法编写的一些自定义页面。
5、/静态/-出现在最终打包的静态网站上的静态资源文件。根目录下的IMG文件夹是静态图片。
6、/docusaurus、config、js-这是配置网站。
7、/package、JSON-node和js的工程配置文件。
8、/sidebar,js—配置只能使用文档页面的文档页面边栏,以定义文档的目录结构。
9、除此之外,还可以创建自己的主题文件夹,以定义替换默认主题的某些组件的组件。
Docusaurus博客模式:
1、Docusaurus默认值是文档样式的主页。
2、如果更改为博客,则需要一些配置。
3、打开相应的配置文件、docusaurus、config和js。
4、更改以前的配置:
5、如果文档不存在,请删除文档或注释,然后博客,添加:
6、值为“,/blog”的路径属性指向博客文件夹。
7、RouteBasePath属性、本博客的路径、设置/斜杠是默认网站的主页。
8、然后,将SRC/Pages更改为其他名称或删除index,J,使其与两个文件不匹配。
9、要删除它,可以浏览导航栏配置项目,然后删除链接的本段。