Skip to main content

Docusaurus搭建

这里说的ubuntu,windows步骤一样的,去官网查就行

第一步,安装npm

curl -fsSL https://fnm.vercel.app/install | bash
fnm use --install-if-missing 20
source /home/mumuzi/.bashrc #看你自己的提示
node -v

第一条命令如果超时请自行下载https://fnm.vercel.app/install,然后bash install.txt

第二步,新建一个文件夹来存放博客

mkdir 博客
cd 博客
npx create-docusaurus@latest mu-website classic #上面source之后就能用npx了,mu-website改成你自己的

第三步,运行试试

cd mu-website #你自己的网站名字
npm run start

运行起来之后就可以开始安装插件或者自己修改博客内容了,如果要添加目录请自己修改docusaurus.config.jssidebars.js

例如在docs中添加多级目录

修改docusaurus.config.js的themeConfig

items: [
{
type: 'docSidebar',
sidebarId: 'Misc',
position: 'left',
label: 'Misc',
},
{
type: 'docSidebar',
sidebarId: 'Web',
position: 'left',
label: 'Web',
},
………………

对应的,需要在sidebars.js里修改

const sidebars = {
// By default, Docusaurus generates a sidebar from the docs folder structure
// tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
Misc: [
{
type: 'autogenerated',
dirName: 'Misc'
}
],
Web: [
{
type: 'autogenerated',
dirName: 'Web'
}
],
……………………

能够注意到dirName,这个目录就在docs下,即docs/Misc/

例如下面的树结构对应再下面的图片

image-20240527114730975

image-20240527114745001