OneDocusaurus介绍

全网最美docusaurus网站

（云笔记+知识库+博客 三合一）

目录

[toc]

版权

本着开源共享、共同学习的精神：

本文是在 博主愧怍文章：魔改docusaurus仓库https:新增首页打字机效果；新增footer波浪效果；新增文章底部显示最近更新时间；新增侧边栏竖线效果；增加文章底部分割行效果及hover效果；设置文章目录滚动条/全局滚动条样式为彩色；增加首页技能动态旋转图&增加友链与导航页；新增回到顶部小火箭功能；首页博客卡片上具有创建时间/tag分类；

我的主题魔改实现：Docusaurus 主题魔改

技术栈

• Docusaurus

• TailwindCSS

• Framer motion &magicui

• TypeScript81.8%

• CSS13.0%

• MDX4.4%

• JavaScript0.8%

demo

我的demo：（持续更新）

https:│├──first-blog.md├──docs# 文档/笔记│└──doc.md├──data│├──feature.tsx# 特点│├──friends.tsx# 友链│├──projects.tsx# 项目│├──skills.tsx# 技术栈│├──resources.tsx# 资源│└──social.ts# 社交链接├──i18n# 国际化├──src│├──components# 组件│├──css# 自定义CSS│├──pages# 自定义页面│├──plugin# 自定义插件│└──theme# 自定义主题组件├──static# 静态资源文件│└──img# 静态图片├──docusaurus.config.ts# 站点的配置信息├──sidebars.ts# 文档的侧边栏├──package.json├──tsconfig.json└──pnpm-lock.yaml