excalidraw 部署

Excalidraw 是一个开源的白板应用程序，可以让用户创建简单的草图、流程图、图表和其他类型的图形。以下是部署 Excalidraw 的一些步骤：

1. 获取 Excalidraw 代码：Excalidraw 的源代码托管在 GitHub 上，您可以通过 git 命令将其克隆到您的本地计算机上：

git clone https://github.com/excalidraw/excalidraw.git

2. 安装依赖项：进入克隆的本地代码目录并安装依赖项：

cd excalidraw
yarn

3. 构建应用程序：运行以下命令以构建应用程序：

yarn build

4. 启动应用程序：运行以下命令以启动 Excalidraw 应用程序：

yarn start

这将在 http://localhost:3000 上启动应用程序。您可以在浏览器中访问该网址来使用 Excalidraw。

请注意，这只是 Excalidraw 部署的一种方式。根据您的需求，您可能需要进行其他配置和修改。例如，您可能需要在生产环境中部署 Excalidraw，或者将其集成到现有的应用程序中。对于这些情况，您需要更深入的了解 Excalidraw 和相关技术。

相关问题

Excalidraw 部署到gitee

Excalidraw 是一個開源的線上繪圖工具，可以用於繪製流程圖、草圖和其他圖表等。要將 Excalidraw 部署到 Gitee，可以遵循以下步驟：

1. 在 Gitee 上創建一個新的項目，並將其克隆到本地計算機上。

2. 從 Excalidraw 的 GitHub 存儲庫上下載最新版本的代碼：

   git clone https://github.com/excalidraw/excalidraw.git

3. 從本地計算機上複製 Excalidraw 代碼到您在 Gitee 上創建的新項目中。

4. 進入項目文件夾，安裝依賴項：

   cd your-project-folder
   npm install

5. 使用以下命令啟動 Excalidraw：

   npm start

6. 打開瀏覽器，輸入 `http://localhost:3000`，即可在本地查看 Excalidraw。

7. 當您確認 Excalidraw 運行正常後，將代碼推送到您在 Gitee 上創建的新項目中：

   git add .
   git commit -m "Initial commit"
   git push origin main

8. 在 Gitee 上打開您創建的新項目，進入「設置」-> 「Pages 服務器」，啟用 Pages 服務器，選擇運行環境為「靜態網頁」，並將根目錄設置為 `build`。

9. 等待數分鐘，Gitee 會自動為您創建一個 Pages 網站，您可以在瀏覽器中訪問該網站。

現在您已經將 Excalidraw 成功部署到了 Gitee。

Excalidraw 安装部署中文字体

### 回答1：
Excalidraw是一种在线的白板绘图工具，它支持使用自定义字体来绘制图形。要在Excalidraw中安装并使用中文字体，您可以按照以下步骤进行操作：

1. 首先，您需要从互联网上下载您想要使用的中文字体。一些免费字体可以在网上找到，例如Google Fonts（https://fonts.google.com/）和中文字体库（https://www.fonts.net.cn/）等。

2. 将字体文件（通常为.ttf或.otf格式）下载到本地计算机。然后，您需要将字体文件上传到Excalidraw的服务器上，以便Excalidraw可以使用这些字体来绘制图形。

3. 在Excalidraw服务器上，找到您安装Excalidraw的目录。例如，如果您在Ubuntu上安装Excalidraw，则该目录可能为“/usr/share/excalidraw”。

4. 在Excalidraw目录中创建一个名为“fonts”的新目录。此目录将用于存储您上传的字体文件。

5. 将字体文件上传到“fonts”目录中。您可以使用SCP或其他文件传输工具将文件上传到Excalidraw服务器。确保将文件权限设置为Excalidraw用户可以读取。

6. 在Excalidraw中添加字体。要添加字体，请编辑Excalidraw的“config.js”文件。在该文件中，您将找到一个名为“FONT_FAMILY_OPTIONS”的数组，其中包含默认字体。将您上传的字体文件名称添加到此数组中。例如：

const FONT_FAMILY_OPTIONS = [
  { value: "Arial, sans-serif", text: "Arial" },
  { value: "Noto Sans SC, sans-serif", text: "Noto Sans SC" },
  { value: "Noto Sans TC, sans-serif", text: "Noto Sans TC" },
  { value: "PingFang SC, sans-serif", text: "PingFang SC" },
  { value: "SimSun, sans-serif", text: "SimSun" },
  { value: "FangSong, sans-serif", text: "FangSong" },
  { value: "STKaiti, sans-serif", text: "STKaiti" },
  { value: "STSong, sans-serif", text: "STSong" },
  { value: "my_custom_font, sans-serif", text: "My Custom Font" },
];

在此示例中，字体文件名称为“my_custom_font.ttf”。请注意，您可以将“my_custom_font”更改为您上传的字体文件的名称。

7. 保存“config.js”文件，并重新启动Excalidraw服务器。这将使您添加的字体可用于Excalidraw的使用。

以上是在Excalidraw中安装和部署中文字体的基本步骤。请注意，在实际操作中，可能会出现一些与系统配置和权限相关的问题。如果您遇到困难，请查看Excalidraw的文档和支持论坛，或者与Excalidraw的开发团队联系以获取

### 回答2：
Excalidraw是一个基于Web的矢量图形编辑工具，它默认使用的是浏览器中的字体。要在安装部署Excalidraw时支持中文字体，需要进行一些额外的设置和配置。

首先，我们需要确保操作系统中已经安装了所需的中文字体。可以通过在终端或命令行中运行命令`fc-list :lang=zh`来查看已经安装的中文字体列表。如果没有中文字体，可以通过安装中文字体包来获得中文字体的支持。

其次，需要在Excalidraw的代码中进行配置，以指定使用中文字体。可以在代码中找到相关的部分，通常是在`app/Excalidraw.tsx`文件中。你可以搜索`font-family`关键字，并将其值修改为你希望使用的中文字体的名称。

例如，如果你希望使用宋体作为中文字体，可以将`font-family`修改为`SimSun`。如果你想要使用其他的中文字体，需要确保该字体已经正确安装，并使用其在系统中的字体名。

修改完成后，保存代码，并重新编译或重新部署Excalidraw应用程序。之后，打开Excalidraw，你将能够看到页面上的文本已经使用你指定的中文字体进行显示了。

需要注意的是，中文字体在不同的操作系统和浏览器中可能会有一些差异，可能会导致字体在不同环境下显示效果不同。因此，在选择中文字体时，建议选择在各种环境下均能良好显示的通用字体，以确保用户能够正常看到显示的文字。

### 回答3：
Excalidraw 是一款开源的在线绘图工具，它支持绘制流程图、草图和其他类型的图形。在安装部署 Excalidraw 过程中，如果需要支持中文字体，可以按照以下步骤进行设置。

首先，我们需要在服务器或本地环境中安装字体文件。可以从不同的来源获取中文字体文件，例如互联网上的字体库或操作系统自带的字体。

接下来，将字体文件复制到 Excalidraw 的字体目录中。根据安装部署情况的不同，字体目录可以是 Excalidraw 的根目录下的 fonts 文件夹或某个特定的字体文件夹。

然后，编辑 Excalidraw 的配置文件，以指定使用中文字体。配置文件通常是一个名为 config.js 或 config.json 的文件，在 Excalidraw 的根目录下或某个特定的配置文件夹中。

在配置文件中，查找字体相关的设置项，例如 "fontFamily" 或 "font"。将其值修改为所安装的中文字体的名称或路径。

保存配置文件，并重新启动 Excalidraw 服务。如果 Excalidraw 是安装在服务器上的，需要重启服务器；如果是本地运行，则需要重新运行 Excalidraw 的启动命令。

此时，Excalidraw 已经成功安装并部署了中文字体。在使用 Excalidraw 绘图时，选择合适的中文字体即可正常显示和编辑中文内容。

总之，安装部署 Excalidraw 中文字体的过程包括获取中文字体文件、将字体文件复制到指定目录、修改配置文件以指定中文字体、保存配置文件并重启 Excalidraw 服务。这样就可以在 Excalidraw 中使用中文字体进行绘图。