基于docker+reveal.js搭建一个属于自己的在线ppt网站

最近热衷于Docker,由于这段时间使用Docker来折腾自己的服务器,越来越感觉这是一种及其被应该推广的技术,因此想在公司内部也做一次技术分享。当然,如果只是做的PPT,我就不写这文章了。既然把Docker说这么好,那就想办法用Docker来搭建一个在线的PPT展示网站吧。

寻找合适的工具

在网上搜了一下,发现reveal.js这个工具的展示效果非常好,它基于HTML即可完成在线PPT的制作,而且在移动设备上也有非常好的兼容性,同时也支持直接用markdown语法来写,毫无疑问,这个就是我要找的工具,在Docker hub上搜索了一下,果然已经有现成的镜像,对比了一下,最后决定选用nbrown/revealjs。当然如果你完全不懂HTML,官方也提供了一个在线版的可视化编辑器:https://slides.com/

开始搭建

还记得之前写的这篇:Centos7.4下用Docker-Compose部署WordPress(续)-服务器端用Nginx作为反向代理并添加SSL证书(阿里云免费DV证书) 的文章吗?
基于之前的环境,我们已经有了:

安装好的docker和docker compose环境

Docker network nginx-proxy

ssl证书存放的目录:wp_certs

从阿里云申请免费DV的方法

假设上面这些都已经完成,搭建一个基于HTTPS的在线PPT演示网站就是分分钟的事?确实,我们仅需要再写一个docker-compose.yml配置文件即可:

version: '3' services: revealjs: #image: nbrown/revealjs:latest image: nbrown/revealjs:3.5.0-onbuild container_name: myppt restart: always expose: - 8000 # 这个是镜像默认的端口 volumes: - $PWD/content/index.html:/reveal.js/index.html # 首页 - $PWD/content/tutorial/docker/index.html:/reveal.js/tutorial/docker/index.html # Docker教程作为一个独立的页面 environment: VIRTUAL_HOST: ppt.fujiabin.com # 选用这个域名,需要在域名解析中绑定以下A记录 networks: default: external: name: nginx-proxy # 这个很眼熟,就是以前nginx反向代理的那个docker网络

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzjyps.html