Windows环境本地部署开源在线演示文稿应用PPTist并实现远程访问

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。
img

  • 推荐:kwan 的首页,持续学习,不断总结,共同进步,活到老学到老
  • 导航
    • 檀越剑指大厂系列:全面总结 java 核心技术,jvm,并发编程 redis,kafka,Spring,微服务等
    • 常用开发工具系列:常用的开发工具,IDEA,Mac,Alfred,Git,typora 等
    • 数据库系列:详细总结了常用数据库 mysql 技术点,以及工作中遇到的 mysql 问题等
    • 新空间代码工作室:提供各种软件服务,承接各种毕业设计,毕业论文等
    • 懒人运维系列:总结好用的命令,解放双手不香吗?能用一个命令完成绝不用两个操作
    • 数据结构与算法系列:总结数据结构和算法,不同类型针对性训练,提升编程思维,剑指大厂

非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨

博客目录

    • 前言
    • 1. 本地安装 PPTist
    • 2. PPTist 使用介绍
    • 3. 安装 Cpolar 内网穿透
    • 4. 配置公网地址
    • 5. 配置固定公网地址

前言

本文主要介绍如何在 Windows 系统环境本地部署开源在线演示文稿应用 PPTist，并结合 cpolar 内网穿透工具实现随时随地远程访问与使用该项目。

PPTist 是一个基于 Vue3.x 和 TypeScript 构建的在线演示文稿应用，模仿了微软 PowerPoint 的大部分常用功能。它允许用户在线编辑和展示 PPT，并支持将文件导出为 PPTX 格式。除此之外，还支持绘制各种图形和图表，支持插入视频和音频，与移动端使用，目前项目在 github 上面收获了 5.6K star！

自己在本地部署 PPTist 的优势是无需安装和购买许可，也大大减少了在不同设备上出现的兼容性问题。不过只能本地使用也有一定局限性，但只要安装内网穿透工具就能轻松解决没有公网 IP，也能远程访问本地服务的问题。

1719299881503

1. 本地安装 PPTist

接下来教大家如何在 Windows 系统本地安装 PPTist

项目地址：https://github.com/pipipi-pikachu/PPTist

首先需要从 github 上克隆 PPTist（如果没有安装 git 的话，进入 git 官网进行下载 windows 版本 https://git-scm.com/downloads）

image-20240506142150939

打开终端，从 github 下载项目到本地，执行下面的命令：

git clone https://github.com/pipipi-pikachu/PPTist.git

image-20240625152907269

然后进入项目目录：

cd PPTist

然后安装依赖：

npm install

image-20240625154000788

最后运行项目即可：

npm run dev

1719301237351

可以看到运行成功，出现项目地址： http://localhost:5173

通过浏览器访问，即可开始在线创建编辑与展示幻灯片。

image-20240625155013029

2. PPTist 使用介绍

PPTist 提供了在线演示和编辑的功能，整体观感非常干净美观。

左上角为主菜单，包括了导入、导出与快捷键介绍功能。

image-20240625155640951

image-20240625160115841

中间的主编辑区上方，则是插入文字，图片，表格与音视频功能。

image-20240625160026742

右侧则是可以对 PPT 进行整体设计，切换效果选择等操作。

image-20240625160515865

点击当前文稿可对当前页面进行样式编辑，位置调整，添加动画等操作。

image-20240625155953876

3. 安装 Cpolar 内网穿透

作为一个开源的在线 PPT 演示应用，PPTist 提供了与桌面版 PowerPoint 相似的功能和极其快捷方便的用户体验，不需要安装任何软件，跨平台兼容性强。

目前我们在本机安装了 PPTist，但如果没有公网 IP 的话，只能在本地局域网环境使用，有一定局限性。如果出差在外想要远程使用的话，可以结合 Cpolar 内网穿透生成公网地址，免去了本地重新部署过程，只需要使用公网地址直接就可以访问本地部署的 PPTist，进行演示。

下面是安装 cpolar 步骤：

Cpolar 官网地址: https://www.cpolar.com

点击进入 cpolar 官网，点击免费使用注册一个账号，并下载最新版本的 Cpolar

img

登录成功后，点击下载 Cpolar 到本地并安装（一路默认安装即可）本教程选择下载 Windows 版本。

image-20240319175308664

Cpolar 安装成功后，在浏览器上访问 http://localhost:9200，使用 cpolar 账号登录,登录后即可看到 Cpolar web 配置界面,结下来在 web 管理界面配置即可。

img

4. 配置公网地址

接下来配置一下本地 PPTist 的公网地址，

登录后，点击左侧仪表盘的隧道管理——创建隧道，

创建一个 PPTist 的公网 http 地址隧道：

  • 隧道名称：可自定义命名，注意不要与已有的隧道名称重复
  • 协议：选择 http
  • 本地地址：5173
  • 域名类型：免费选择随机域名
  • 地区：选择 China Top

点击创建

image-20240625161411946

隧道创建成功后，点击左侧的状态——在线隧道列表,查看所生成的公网访问地址，有两种访问方式,分别是 http 和 https。

image-20240625161941543

使用任意一个上面 Cpolar 生成的公网地址,在电脑或任意设备在浏览器进行登录访问,即可成功看到 PPTist 界面,这样一个可以远程访问的公网地址就创建好了,使用了 Cpolar 的公网域名,无需自己购买云服务器,即可在公网访问本地部署的服务了！

image-20240625162402262

小结

由于刚才创建的是随机的公网地址，24 小时会发生变化。另外它的网址是由随机字符生成，不容易记忆。如果你有长期远程访问本地部署服务的需求，或者想把域名变成固定，好记的二级子域名，并且不想每次都重新创建隧道来访问你在本地部署的服务，我们可以选择创建一个固定的公网地址来解决这个问题。

5. 配置固定公网地址

我们接下来为其配置固定的 HTTP 端口地址，该地址不会变化，方便分享给别人长期查看你的本地服务，而无需每天重复修改服务器地址。

配置固定 http 端口地址需要将 cpolar 升级到专业版套餐或以上。

登录 cpolar 官网，点击左侧的预留，选择保留二级子域名，设置一个二级子域名名称，点击保留,保留成功后复制保留的二级子域名名称。

image-20240625162601023

保留成功后复制保留成功的二级子域名的名称：myppt（大家可以自定义）

image-20240625162629519

返回登录 Cpolar web UI 管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道 PPTist ，点击右侧的编辑：

image-20240625162724288

修改隧道信息，将保留成功的二级子域名配置到隧道中

  • 域名类型：选择二级子域名
  • Sub Domain：填写保留成功的二级子域名

点击更新(注意,点击一次更新即可,不需要重复提交)

image-20240625162810498

更新完成后,打开在线隧道列表,此时可以看到公网地址已经发生变化,地址名称也变成了固定的二级子域名名称的域名：

image-20240625162836062

最后，我们使用固定的公网地址在任何浏览器打开访问，可以看到成功访问 PPTist，这样一个固定且永久不变的二级子域名公网地址就设置好了。

image-20240625163008747

以上就是如何在 Windows 系统电脑本地部署开源在线演示文稿应用 PPTist，并结合 cpolar 内网穿透工具实现远程访问使用的全部流程，另外由于该服务无需账号即可在浏览器直接访问，出于安全考虑，建议大家远程访问时不要轻易与他人分享地址，感谢您的观看，有任何问题欢迎留言交流。

觉得有用的话点个赞 👍🏻 呗。
❤️❤️❤️本人水平有限，如有纰漏，欢迎各位大佬评论批评指正！😄😄😄

💘💘💘如果觉得这篇文对你有帮助的话，也请给个点赞、收藏下吧，非常感谢!👍 👍 👍

🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧！🌙🌙🌙

img

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/36230.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Linux双网卡默认路由的metric设置不正确，导致SSH连接失败问题定位

Linux双网卡默认路由的metric设置不正确，导致SSH连接失败问题定位

测试环境 VMware虚拟机 RockyLinux 9 x86_64 双网卡：eth0(访问外网): 10.206.216.92/24; eth1(访问内网) 192.168.1.4/24 问题描述 虚拟机重启后，SSH连接失败，提示"Connection time out"，重启之前SSH连接还是正常的…
阅读更多...
基于Spring Boot医护人员排班系统

基于Spring Boot医护人员排班系统

设计技术： 开发语言：Java数据库：MySQL技术：SpringbootMybatisvue 工具：IDEA、Maven、Navicat 主要功能： 医护类型管理 医护人员排班系统的系统管理员可以对医护类型添加修改删除以及查询操作。具体界面…
阅读更多...
SS8870T-3.6A 扫地机和滚刷电机的大电流电机驱动

SS8870T-3.6A 扫地机和滚刷电机的大电流电机驱动

扫地机器人已经成为现代家庭清洁的必备工具，而其中的关键部件——电机，对于其性能和用户体验起着至关重要的作用。为了确保扫地机器人的高效清洁和稳定运行，至少需要使用7个直流电机，包括行走轮、滚轮、边刷和吸尘等功能的驱动。 …
阅读更多...
Python接口测试课程，每天学会一个Python小知识！

Python接口测试课程，每天学会一个Python小知识！

第一天: Python基础 Python简介、环境搭建及包管理 Python简介： 特点：Python是一门动态、解释型、强类型语言 动态：在运行期间才做数据检查（不用提前声明变量）- 静态语音(C/Java)：编译时检查数据类型&…
阅读更多...
根据指定日期自定义el-date-picker日期选择器样式

根据指定日期自定义el-date-picker日期选择器样式

需求 功能需要在DatePicker日期选择器中，对有数据的日期下方添加小圆点提示样式，后台会返回按年份查询的日期数据 dayjs插件 dayjs中文网：https://dayjs.fenxianglu.cn/ npm install dayjs实现点 配置picker-options对象中的cellClassName属性…
阅读更多...
django 逆向生成对应数据库表的models模型类 —— python

django 逆向生成对应数据库表的models模型类 —— python

一，在setting.py中配置好连接数据库的参数 在setting中的DATABASESZ中配置默认参数，并在INSTALLED_APPS中导入模块名。 DATABASES {default:{ENGINE: django.db.backends.mysql, # 数据库引擎NAME: jljupcs, # 数据库名称HOST: 127.0.0.1, # 数据库…
阅读更多...
检索增强生成RAG系列1--RAG的实现

检索增强生成RAG系列1--RAG的实现

大模型出现涌现能力之后，针对大模型的应用也如雨后春笋般。但是，在大模型真正落地之前，其实还需要做好最后一公里，而这个最后一公里，其中不同应用有着不同的方法。其中prompt、微调和RAG都是其中方法之一。本系列就是针…
阅读更多...
简单的同步压缩变换脊线检测（PythonMATLAB）

简单的同步压缩变换脊线检测（PythonMATLAB）

由于 Heisenberg 测不准原理，线性时频变换方法无法同时在时间和频率方向达到最佳的时频分布，窗函数和小波函数的选择也降低了各方法的自适应性。同样，二次型变换方法难以在去除交叉干扰项的同时保证较高的能量集中度。为了解决该问题&#xf…
阅读更多...
MySQL的安装与配置

MySQL的安装与配置

MySQL提供安装包和压缩包两种安装方式，安装包是以.msi作为后缀名的二进制分发文件，压缩包是以.zip为后缀的压缩文件。安装包的安装只要双击安装文件，然后按照提示一步步安装就可以了，属于“傻瓜”式安装；压缩包的安装需…
阅读更多...
基于SpringBoot校园一卡通系统设计和实现(源码+LW+调试文档+讲解等)

基于SpringBoot校园一卡通系统设计和实现(源码+LW+调试文档+讲解等)

💗博主介绍：✌全网粉丝10W,CSDN作者、博客专家、全栈领域优质创作者，博客之星、平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗 Java精品实战案例《600套》 2023-2025年最值得选择的Java毕业设计选题大全&#xff1…
阅读更多...
World of Warcraft [CLASSIC] Level 70 Riding Skill

World of Warcraft [CLASSIC] Level 70 Riding Skill

World of Warcraft http://account.battlenet.com.cn-CSDN博客 World of Warcraft [CLASSIC] Level 70 Riding Skill 魔兽世界【怀旧】70级骑术 部落如何学习70级骑术，如何区影月谷，影月村，怀旧一下 荆棘谷 暮色森林 逆风小径 悲伤沼泽 诅…
阅读更多...
变工况下转子、轴承数据采集及测试

变工况下转子、轴承数据采集及测试

1.固定工况下的数据采集 1.wireshark抓包 通过使用 Wireshark 抓包和 Linux 端口重放技术，可以模拟实际机械设备的运行环境，从而减少实地验证软件和算法的复杂性和麻烦。 打开设备正常运转，当采集器通过网口将数据发送到电脑时&#xff0c…
阅读更多...
ubuntu 编译交叉环境arm 版本的openssl库

ubuntu 编译交叉环境arm 版本的openssl库

一，下载源码 [ Old Releases ] - /source/old/index.html 二，设置交叉编译环境 我的交叉环境是RV1126开发板，/home/rpdzkj/development/cross-compile-tools/rv1126/ 对应的是我电脑里的RV1126开发板的交叉环境下的gc g等路径存放 设置环境…
阅读更多...
5. zabbix分布式监控

5. zabbix分布式监控

zabbix分布式监控 一、zabbix分布式监控二、zabbix分布式监控部署1、环境描述2、zabbix proxy的部署2.1 安装zabbix proxy相关的软件2.2 创建proxy需要的库、导入表2.3 编辑zabbix proxy配置文件，指定数据库连接2.4 启动zabbix proxy 3、在zabbix server添加代理4、…
阅读更多...
数据结构与算法基础（王卓）--学习笔记

数据结构与算法基础（王卓）--学习笔记

1 数据结构分类 1.1 逻辑结构分类 集合结构线性结构：线性表、栈、队列、串树形结构图形结构 1.2 物理结构分类 逻辑结构在计算机中的真正表示方式（又称为映射）称为物理结构，也可叫做存储结构 顺序存储结构：数组链…
阅读更多...
高德地图获取key值步骤

高德地图获取key值步骤

1、创建新应用 进入控制台（https://lbs.amap.com/dev/），创建一个新应用。 如果您之前已经创建过应用，可直接跳过这个步骤。 2、添加新Key 在创建的应用上分别填写key名称、选择服务平台、SHA1、以及PackageName SHA1:是在安卓…
阅读更多...
【项目实训】解决前后端跨域问题

【项目实训】解决前后端跨域问题

由于前端框架使用vue，后端使用flask，因此需要解决前后端通信问题 在vue.config.js中修改 module.exports defineConfig({transpileDependencies: true,lintOnSave:false, }) // 跨域配置 module.exports {devServer: { //记住&#x…
阅读更多...
Omniverse 下载 isaac sim过慢的解决办法

Omniverse 下载 isaac sim过慢的解决办法

比如在上海地区，下载isaac只有 200kb/s，这8个G下载要很长时间 对于着急的小伙伴，可以直接去日志里拿下载链接，在Omniverse里点右上角小人，点开里面SETTINGS，如图 点击，LOGS LOCATION&#xff0c…
阅读更多...
海外仓一件代发效率提升方案：拣货区规划策略

海外仓一件代发效率提升方案：拣货区规划策略

作为海外仓的核心业务，一件代发处理的效率和准确性，可以说直接影响了海外仓的经济效益。今天我们就会针对大家都比较头疼的一件代发效率问题，给大家分享一些实用建议。 提升一件代发效率要考虑的3个关键要素 对以一件代发为主要业务的海外仓…
阅读更多...
分布式系统：常见的陷阱和复杂性

分布式系统：常见的陷阱和复杂性

分布式系统的复杂性是工程师和开发人员面临的重要挑战。复杂性往往会随着系统的发展而增加，因此积极主动非常重要。让我们来谈谈您可能会遇到哪些类型的复杂性以及在工作中应对它的有效策略。 分布式系统和复杂性 在开发中，分布式系统是相互连接并执行…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023