Slidev开发者演示工具 Markdown制作专业幻灯片 NAS Docker部署帕斯内网穿透远程访问分享

Slidev 是一个专为开发者设计的演示文稿制作工具，让你可以用 Markdown 语法轻松创建美观、交互式的幻灯片。它基于 Vue 3 + Vite 构建，支持代码高亮、实时编码、LaTeX 数学公式、图表绘制、主题定制等强大功能。

与传统的 PowerPoint 不同，Slidev 让开发者可以用熟悉的代码编辑器来制作演示文稿，支持 Vue 组件嵌入、实时预览、演讲者模式、录制功能，还能导出为 PDF、PNG 或 PPTX 格式。项目完全开源，拥有丰富的插件生态系统，是技术分享和产品演示的理想选择。

无需复杂的设计技能，只要会写 Markdown 就能制作出专业级的演示文稿。项目支持多种部署方式，可以轻松分享给团队成员或在线展示。

项目地址：点我跳转

如需在外也打开项目需要配置内网穿透使用，点击前往帕斯内网穿透，先注册好账号备用。

Slidev 提供了官方的 Docker 镜像，可以快速部署和运行。使用 Docker 部署是最简单的方式，无需安装 Node.js 环境。

打开飞牛 NAS 或其他的 NAS 设备点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

镜像填 tangramor/slidev:latest 等待下载完成后点击启动按钮启动容器

勾选开机自动启动后下一步，端口设置这里。请设置容器端口 3030 映射到主机端口 3030（如果端口冲突可以修改主机端口，比如改为 3031:3030，但容器内端口必须保持 3030）

存储位置这里，需要创建一个文件夹用于存放你的演示文稿文件。建议在 NAS 上创建一个 /slidev 文件夹，然后映射到容器的 /slidev 目录。这样你就可以在 NAS 上直接编辑 Markdown 文件。

环境变量设置：选择设置，可以不填 NPM_MIRROR: 设置 npm 镜像源，可以填 https://registry.npmmirror.com 加速安装

其他的都不用填写，直接下一步启动就好了。

创建成功后可以访问 ip:3030 到这里就可以正常显示项目了。如果是首次运行且工作目录为空，系统会自动生成示例演示文稿文件。

打开帕斯内网穿透控制台，点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选，一般选个负载低的就可以

接下来填写信息，隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式，教程以使用 TCP 为演示

本项目中如果没有修改端口的话默认是 3030 端口，这里本地端口就填 3030

远程端口可以留空也可以自定义。下图仅做参考，请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道，点击获取配置文件

回到飞牛 NAS，点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件，点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束

Slidev开发者演示工具 Markdown制作专业幻灯片 NAS Docker部署 帕斯内网穿透远程访问分享