企业官网建设流程全解析

不想学剪辑？用 Markdown 转视频，写文档就能一键生成短视频

【免费下载链接】mdvideoMarkdown To Video, 一个将markdown文档转为视频的便捷工具项目地址: https://gitcode.com/gh_mirrors/md/mdvideo

你是不是也遇到过这种情况：辛苦写完一篇图文教程、产品说明或者知识分享，明明内容很扎实，可一想到要把它做成短视频——要剪辑、要配音、要加字幕、要配动画——就瞬间没了动力？或者你干脆不会用那些复杂的视频剪辑软件，每次想做视频都卡在第一步？

如果你有这个痛点，那MD Video这款「Markdown 转视频」工具，很可能就是为你准备的。它的核心思路只有一个：你继续用最熟悉的 Markdown 写内容，软件自动帮你把它变成一段可以发布的视频。

它和普通剪辑软件有什么不一样？

一句话定位：MD Video 是一个「文档即视频」的桌面编辑器，你写 Markdown 的同时，右边实时预览视频效果；文档里出现的标题、列表、图片、代码块、表格，甚至图表和视频链接，都会被自动提取并转成视频元素。

和传统剪辑软件最大的区别是——你不需要拖素材、排时间线、调关键帧，只需要按 Markdown 的语法把内容组织好，剩下的画面编排交给工具。

我第一次用它时的真实感受

第一次打开 MD Video，工作台左侧是 Markdown 编辑器，右侧是实时视频预览。我随手写了一行标题，加了一段文字，右侧立刻渲染出了对应的画面——那种「写文档 = 做视频」的感觉非常奇妙。

更惊艳的是它还能自动朗读：在文档里放一段「元素配置」，指定一个音色 ID，文字就会被合成人工语音旁白。也就是说，一篇图文教程配上一个声音，几乎就变成了一条完整的口播视频。

最小可玩演示：10 行代码跑出第一个视频

与其听我讲，不如先体验。新建一个文档，复制下面这段内容，保存后就能生成一个带场景切换、文字动画和背景色的视频片段：

&backgroundColor=#4183B4 &transName=WaterWave &duration=2 # 风萧萧兮易水寒! --- &backgroundColor=#3CB371 &duration=3 # 壮士一去兮不复还!

这段代码的作用是创建两个视频场景：---是场景分隔符，&backgroundColor设置背景颜色，&transName指定两个场景之间的过渡动画，&duration控制场景时长。

如果你想让某段文字更「有戏」，可以紧跟其后写一个元素配置块：

```元素配置 @color=#00C8D1 @fontSize=0.08 @position=top @animate=bounceInLeft @delay=2

这里的@animate=bounceInLeft是入场动画，@delay=2表示延迟 2 秒出现，@fontSize=0.08表示字号占视频宽度的 8%。这样一段文字就有了颜色、位置、动画和时间控制，是不是很像给每个元素单独发了一张「配置表」？

从零到一：用 Markdown 做出一条完整的口播教程视频

下面我们把整个流程串起来，目标是用 Markdown 做出一条「标题 + 正文 + 代码演示 + 语音旁白」的短视频。

第一步：用标题和场景搭出视频骨架

视频的基本单位是「场景」，一个场景就是一幕画面。用#标题当视频开场，用---划分章节，每个章节成为独立场景：

# 欢迎使用 MD Video 这是一款将 Markdown 文档转为视频的工具。 --- ## 核心优势 - 实时预览视频效果 - 代码块语法高亮 - 自动提取图片、视频链接

列表项会被自动识别为视频元素，-列表天然适合逐条展示要点，比剪辑软件里一个个排文字框省事多了。

第二步：用元素配置块给内容加动画和旁白

想让某个元素「动起来」，在它后面紧接一个元素配置块即可。想让整段内容有声音，加上@speaker指定音色：

```元素配置 @fontFamily=钟齐流江毛草 @color=red @animate=bounceInLeft @speaker=101013 @speed=1.0

这是一段会自动朗读的文字，配上了书法字体、红色和弹入动画。

`@speaker=101013` 是腾讯云语音合成的音色 ID，`@speed` 控制语速。注意：语音合成需要你自行配置密钥，具体填写位置在 `src/main/ipc/resource/voice/createTxVoice.ts`。 ### 第三步：塞入代码块、图片、表格甚至图表 Markdown 里能写的东西，基本都能进视频： - **图片**：图片语法独立占一行，自动成为视频中的图片元素 - **代码块**：自动语法高亮，程序员做教程最爱的功能 - **表格**：自动转成表格画面 - **图表**：用 `chart` 代码块粘贴 ECharts 配置，直接生成可视化图表 比如在文档里写一个 `chart` 代码块，填入 ECharts 的 option 配置，视频里就会出现对应的折线图或饼图画面：

option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901], type: 'line' }] };

第四步：微调细节并导出

如果对自动生成的画面不满意，可以进入「编辑细节」做精细化调整：文字的位置、旋转、阴影、渐变，元素的 z-index 层级，音频对齐、字幕时间轴，都能进一步打磨。一切调整完成后，直接导出成视频文件，后台渲染时你还能继续编辑文档。

新手最容易踩的 5 个坑

结合我的使用经历和官方文档，帮你提前排雷：

1. 元素配置块必须紧跟对应元素：配置写远了，会作用到别的元素上，动画效果「张冠李戴」。
2. 别忘场景分隔符：所有内容堆在一个场景里，画面会非常拥挤，用---切分场景是基本功。
3. 百分比值是相对画布算的：@fontSize=0.08是占视频宽度的 8%，不是固定像素；0~1之间的数值都是比例，超过 1 才是像素值。
4. AI 语音需要自备密钥：没有配置腾讯云密钥，@speaker不会生效，文字只是静默展示。
5. 特殊字体要导入资源包：像钟齐流江毛草这类字体，需要先导入字体资源，否则会回退到默认字体。

进阶玩法：3 个提升视频质感的思路

让场景有电影感。用&transName切换过渡动画，WaterWave、CircleCrop、MoveLeft等二十多种转场任选，场景切换不再生硬。

用「文字即字幕」的思路做口播。把旁白文字直接写进文档，配合@delay控制出现节奏，语音和字幕天然同步，省掉剪映里对轨的功夫。

文档里嵌视频链接。支持把本地或在线视频链接提取为视频元素，混入真实影像素材，让教程类视频更有说服力。

写在最后

说到底，MD Video 解决的是「内容创作者想做视频、但不想被剪辑绑架」的难题。把 Markdown 文档转成视频，它替你把排版、动画、配音这些脏活累活都干了，而你只需要继续专注写好内容本身。

如果你想尝试「用 Markdown 做短视频教程」这种新玩法，不妨从上面那 10 行代码开始，跑通第一个场景，再逐步加入动画、图表和语音。入门文档在docs/guide/目录下，官方演示文档docs/演示文档.md本身就是一份绝佳的现成素材，直接打开就能看到完整的视频效果。动手试试，你会发现写文档和做视频，原来可以是一件事。

【免费下载链接】mdvideoMarkdown To Video, 一个将markdown文档转为视频的便捷工具项目地址: https://gitcode.com/gh_mirrors/md/mdvideo