首先,你可以通过以下命令创建一个新目录:
执行 npm init -y
来初始化一个项目。你可以使用 npm、yarn 或 pnpm 安装 doom:
然后通过如下命令创建文件:
在 package.json
中加上如下的脚本:
然后初始化一个配置文件 doom.config.yml
:
同时新建 tsconfig.json
,内容如下:
最后创建 global.d.ts
文件,内容如下:
这样你便可以在 .mdx
文件中类型安全地使用 doom 提供的全局组件了。
更多配置请参考配置
执行 yarn dev
启动开发服务,浏览器会自动打开文档首页
执行 yarn build
构建生产环境代码,构建完成后会在 dist
目录生成静态文件
执行 yarn serve
预览构建后的静态文件,注意如果使用了 -b
, -p
参数构建,预览时也需要使用 -b
, -p
参数
执行 yarn new
使用脚手架模板生成项目、模块或文档
-g, --glob
参数必填,可以指定需要翻译的文件目录或路径,支持 glob
语法,注意参数值必须带引号否则会被命令行解析造成非预期行为。示例:
yarn translate -g abc xyz
,将把 <root>/<source>/abc
, <root>/<source>/xyz
目录下的所有文档翻译到 <root>/<target>/abc
, <root>/<target>/xyz
目录下yarn translate -g '*'
将翻译 <root>/<source>
下的所有文档文件-C, --copy
参数可选,是否在目标文件不存在时复制本地路径的资源文件到目标目录,默认为 false
,即改变资源文件的引用路径为引用源路径。示例:
/<source>/abc.jpg
翻译时将复制 <root>/public/<source>/abc.jpg
到 <root>/public/<target>/abc.jpg
,并修改文档中的引用路径为 /<target>/abc.jpg
<root>/<source>/abc.mdx
文档中的 ./assets/xyz.jpg
翻译时将复制 <root>/<source>/assets/xyz.jpg
到 <root>/<target>/assets/xyz.jpg
,图片引用路径保持不变<root>/<source>/abc.mdx
文档中的 ./assets/<source>/xyz.jpg
翻译时将复制 <root>/<source>/assets/<source>/xyz.jpg
到 <root>/<target>/assets/<target>/xyz.jpg
,并修改文档中的引用路径为 ./assets/<target>/xyz.jpg
/<source>/abc.jpg
翻译时如果 <root>/public/<target>/abc.jpg
已存在,将修改文档中的引用路径为 /<target>/abc.jpg
,否则保持图片引用路径保持不变<root>/<source>/abc.mdx
文档中的 ./assets/<source>/xyz.jpg
翻译时,如果 <root>/<target>/assets/<target>/xyz.jpg
已存在,将修改文档中的引用路径为 ./assets/<target>/xyz.jpg
,否则将修改为 ../<source>/assets/<target>/xyz.jpg
特殊地,如果使用 -g '*'
进行全量翻译,将会对比 source
和 target
目录文件列表,除 internalRoutes
之外的不匹配的 target
文件将被自动删除
翻译功能须在本地配置 AZURE_OPENAI_API_KEY
环境变量,请联系各自团队 Leader 获取
文档中可以使用元数据控制翻译行为
更多配置请参考翻译配置
请在执行导出操作前先执行 yarn build
构建操作
执行 yarn export
导出文档为 PDF 文件,注意如果使用了 -b
, -p
参数构建,导出时也需要使用 -b
, -p
参数
导出功能依赖 playwright
,流水线请使用 build-harbor.alauda.cn/frontend/playwright-runner:doom
作为依赖安装和文档构建的基础镜像,
本地可以设置如下环境变量加速下载:
更多配置请参考文档检查配置