在线Markdown编辑器StackEdit部署教程 云同步Google Drive GitHub 无公网帕斯内网穿透远程访问

项目介绍

StackEdit 是一个功能完整的开源 Markdown 编辑器，基于 PageDown 构建（Stack Overflow 和其他 Stack Exchange 网站使用的 Markdown 库）。这是一个基于 Vue.js 的现代化在线 Markdown 编辑器，提供了丰富的编辑功能和实时预览。

StackEdit 支持多种云存储服务同步，包括 Google Drive、Dropbox、GitHub 等，让你可以随时随地编辑和管理你的 Markdown 文档。编辑器支持数学公式、流程图、序列图等高级功能，非常适合技术文档编写、博客创作和学术写作。

项目界面简洁美观，功能强大，支持离线编辑，是一个非常优秀的在线 Markdown 编辑解决方案。

项目地址： 点我跳转

部署安装

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

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

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

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

存储位置这里，StackEdit 是一个纯前端应用，不需要持久化存储，可以跳过此步骤。

环境变量设置：可选设置

DROPBOX_APP_KEY：Dropbox 应用密钥（如需 Dropbox 同步功能） GOOGLE_CLIENT_ID：Google 客户端 ID（如需 Google Drive 同步功能） GITHUB_CLIENT_ID：GitHub 客户端 ID（如需 GitHub 同步功能）

这些环境变量都是可选的，如果不需要云存储同步功能可以不设置。

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

创建成功后可以访问 ip:8080 到这里就可以正常显示项目了

穿透公网

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

点击创建新隧道

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

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

本地 IP 默认就可以

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

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

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

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

填写完毕点击确定

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

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

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

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

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

本篇教程结束