前言

如果大家有读过我之前一篇文章利用CDN加速并保护站点应该注意到了其中的原理图，这些图片均是使用Excalidraw制作的，这篇文章就将教你搭建一个属于自己的Excalidraw
原理图
当然Excalidraw不单只能制作思维导图，还有更强大的用法等待摸索
Excalidraw的其他用法

如果你不想自己搭建，也可也直接使用我搭建好的网站秋澪Akimio的Excalidraw网页

Excalidraw是什么

Excalidraw是一个免费的在线图形工具，它可以帮助你快速创建简单的草图和图形。它可以在任何设备上使用，只需要连接互联网即可。你可以使用它来创建各种图形，例如流程图、线框图、组织图和思维导图等
与其他思维导图软件（如Xmind）相比，其最大的特色就是手绘风格

搭建准备

  • 域名（甚至不需要域名）
  • 服务器（可以使用静态网页版本，所以无需服务器）

搭建教程

Fork仓库

看我的文章的人应该都有Github账号吧，没有的就自行注册一下
进入 Excalidraw-cn的Github仓库，并将其Fork到自己的仓库中
这里我并没有选择使用Excalidraw官方仓库，理由很简单，这个项目对中文的支持更好，官方虽然UI有中文，但是手写字体并不支持中文，看上去效果并不好

部署

这里我使用的是静态网页部署的版本，所以需要一个托管网页的地方，比较热门的有下面几个：

  • Github Page（国内访问慢）
  • Gitee Page（审核严格，并且免费版本不能自定义域名）
  • CloudFlare Page（延迟较高，但可以自选IP，需要自备域名）
  • Vercel （自带的免费域名被污染，自己的域名正常访问，但最近被墙得厉害）
  • Netlify（自带域名正常访问，免费自定义域名）
    （后面可能会搞个这几个静态网页部署的对比，如果还有其他免费好用的静态网站大家也可以在下方留言）
    这里我使用 Vercel 进行部署,，进入官网，没有账号的推荐使用Github账号登录，因为前面把ExcalidrawFork到自己的Github仓库中，使用Github登录可以直接看到自己的仓库。点击右上角的 Add New... -> Project，找到刚刚Fork的仓库，导入后点击 Deploy等待部署
    进入到项目的设置（Settings），找到 Domains 然后就可以看到Vercel为你分配的域名，但是这个域名在境内被污染了，无法直接访问，需要使用自己的域名，输入自己的域名，点击 Add 然后去DNS解析商处添加对应的CNAME，回到Vercel等待其完成即可，然后就可以使用自己的网址访问了

尾声

除了Excalidraw之外还有许多项目是支持静态部署的，在后续也会为大家带来，一起组件一个属于自己的“网页生态”