超简单！使用 Docusaurus 搭建个人博客（一）

B 站视频 - 点击传送

历史迷茫

我以前总也找不到一个满意的博客系统，wordpress 这个程序又大，然后配置也不方便。占用的服务器的资源也多。我就想有没有一个又简单又快速的博客平台，后来发现了一些静态的网站生成器，像 hexo 这种，但是发现上面的主题又不好看，又懒得自己去写。后来就有一阵子我就直接把博客就发布在了其他的第三方的博客平台上。现在发现了这个 docusaurus, 它的主题跟我之前看到的一个大佬 Dan Abramov，它的 overreacted.io 博客，风格是一模一样的，因为他是 react 的作者之一，估计这个他们这个样式都是互相借鉴，它这个主题可以切换暗黑和白天模式，比较好看。安装和部署也特别简单，我的博客也是用它这个搭建的。

博客有啥用？

首先先弄清一个问题，为什么要有一个自己的博客？，博客的好处就是对于咱们程序员来说：

它可以当成是咱们的副业。如果咱们在写代码的时候遇到了问题，或者是在学习一个新的技术的时候，咱们可以把这些学到的东西都给整理成博客，然后发表出来，这样的话呢，既可以能巩固咱们的知识，检测咱们这个技术有没有学懂，然后呢还能让其他想学这些东西的人也能看见，等这些分享的人多了之后，你就会慢慢攒一些粉丝，那这样你的博客就可以成为你的一个品牌，有了这个品牌之后，你再去面试或者是干嘛的，你就可以把它拿出来，然后大家可以看到你的作品，这样的话对于你以后的职业发展还是很有发财升官都有帮助。现在你也了解这个博客的好处了吧，那咱们开始用这个 Docusaurus 搭建一个博客

Docusaurus 简介

它是一个静态网站生成器，之前我在我的前端路线图的视频里面提到过这个概念，他是用 React 写的源代码，然后编译成的是静态的 HTML css。他这个写文章支持 Markdown 语法，并且呢，它这个 marketdown 是用的 mdx 也就是支持 jsx 语法的 markdown，无缝结合 React, 里边可以引入自定义的组件，然后呢他也支持插件，还有主题，咱们也可以写自定义的组件，把它默认的主题的某一个组件给覆盖掉，特别方便。

安装运行环境

因为他是个 node 的项目，所以得安装一下 node js 的环境，