华为云云耀云服务器L实例评测｜在Docker环境下部署StackEdit在线Markdown编辑器
一、前言
1.1 云耀云服务器L实例简介
云耀云服务器L实例是新一代的轻量应用云服务器，专为中小企业和开发者设计，提供便捷的开箱即用体验。该产品提供丰富且经过严格筛选的应用镜像，可一键部署应用，极大程度简化了客户在云端构建电商网站、Web应用、小程序、学习环境以及各类开发测试等任务的过程。
1.2 StackEdit简介
StackEdit是一款在线的 Markdown 编辑器，能够轻松地创建、编辑和格式化 Markdown 文档，支持实时预览。
1.3 StackEdit特点
- 实时预览功能，方便实时调整和查看文章样式
- 支持离线编辑，适用于旅途中或无网络环境
- 多平台同步功能，随时随地继续写作
- 云端存储，保证数据安全和可靠性
- 丰富的Markdown编辑功能，包括标题、列表、引用、代码块和表格等
- 支持多种来源导入Markdown文档，包括本地文件和云端存储服务
- 支持多种格式导出Markdown文档，包括HTML、PDF和Markdown等
- 自定义编辑器主题，满足个性化需求和喜好
二、本次实践介绍
2.1 本次实践简介
1.本次实践为个人测试学习环境，旨在快速部署应用，生产环境请谨慎；
2.本次实践环境为云耀云服务器L实例，使用的应用镜像为Portainer 2.18.4；
3.在Portainer平台上部署StackEdit编辑器；
2.2 本次环境规划
| 服务器类别 | 应用镜像 | 内网IP地址 | Docker版本 | Portainer版本 | StackEdit版本 |
|---|---|---|---|---|---|
| 云耀云服务器L实例 | Docker可视化Portainer | 192.168.0.168 | 24.0.4 | 2.18.4 | StackEdit中文版 v5.15.17 |
三、购买云耀云服务器L实例
3.1 购买云耀云服务器L实例
1.官网链接：https://www.huaweicloud.com/product/hecs-light.html
2.购买规格：
区域：华北—北京四；
应用镜像：Docker可视化-Portainer；
实例规格：2核2G/系统盘40G/峰值带宽 3Mbps/流量包400G；
实例名称：自定义即可，这里编辑为HECS-L-Portainer；
购买时长：1个月。
3.3 查看云耀云服务器L实例状态
查看购买的云耀云服务器L实例状态，处在正常运行中。
3.4 重置服务器密码
点击远程登录云耀云服务器L实例
重置密码，点击右侧的重置密码选项，需要进行身份验证，选择手机验证后，即可重置密码成功。
四、检查Docker环境
4.1 Xshell远程连接服务器
- 复制弹性公网IP地址，远程连接服务器时使用。
- 在Xshell工具中，填写服务器弹性公网IP地址、账号密码信息，ssh连接远程服务器。
4.2 检查Docker状态
检查Docker当前版本，云耀云服务器L实例使用Portainer应用镜像时，Docker环境已自动安装完毕，无需重新安装Docker环境。
root@hcss-ecs-f91c:~# docker -v
Docker version 24.0.4, build 3713ee1
检查Docker服务状态
root@hcss-ecs-f91c:~# systemctl status docker
● docker.service - Docker Application Container Engine
Loaded: loaded (/lib/systemd/system/docker.service; enabled; vendor preset: enabled)
Active: active (running) since Thu 2023-09-07 18:25:51 CST; 2 days ago
TriggeredBy: ● docker.socket
Docs: https://docs.docker.com
Main PID: 30672 (dockerd)
Tasks: 73
Memory: 137.0M
CPU: 2min 37.906s
CGroup: /system.slice/docker.service
4.3 检查docker compose版本
检查docker compose版本，当前默认安装的是v2.19.1版本。
root@hcss-ecs-f91c:~# docker compose version
Docker Compose version v2.19.1
五、下载StackEdit镜像
从docker hub拉取StackEdit镜像，该镜像为StackEdit的中文版本。
root@hcss-ecs-f91c:~# docker pull mafgwo/stackedit:5.15.17-1
5.15.17-1: Pulling from mafgwo/stackedit
a4d8138d0f6b: Pull complete
dbdc36973392: Pull complete
f59d6d019dd5: Pull complete
aaef3e026258: Pull complete
6e454d3b6c28: Pull complete
c717a7c205aa: Pull complete
69b68470ed80: Pull complete
05a0d45743c9: Pull complete
d0523573a78c: Pull complete
aaa7fb6a0c05: Pull complete
4014eb25fd56: Pull complete
e2fffdec16ff: Pull complete
18eebf116bef: Pull complete
985f8f003263: Pull complete
23129b2e8670: Pull complete
0492a922d077: Pull complete
fef3abdcd55c: Pull complete
6559bf0c908b: Pull complete
6562b54e0fe4: Pull complete
90363f900bd6: Pull complete
Digest: sha256:a03b30d349fd0644bf4548bbb3782f82cd35a9afa0f74c3acb611e987816a54d
Status: Downloaded newer image for mafgwo/stackedit:5.15.17-1
docker.io/mafgwo/stackedit:5.15.17-1
六、部署StackEdit编辑器
6.1 部署StackEdit
- 编辑docker-compose.yaml文件
version: "3.7"
services:
stackedit:
image: mafgwo/stackedit:5.15.17-1
container_name: stackedit
environment:
- LISTENING_PORT=8080
- ROOT_URL=/
- USER_BUCKET_NAME=root
ports:
- 7080:8080/tcp
network_mode: bridge
restart: always
- 创建StackEdit容器
root@hcss-ecs-f91c:/data/stackedit# docker compose up -d
[+] Running 1/1
✔ Container stackedit Started 3.1s
6.2 检查StackEdit容器状态
检查StackEdit容器状态，确保容器正常启动
root@hcss-ecs-f91c:/data/stackedit# docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
e9925a1a4106 mafgwo/stackedit:5.15.17-1 "docker-entrypoint.s…" 2 minutes ago Up 2 minutes 0.0.0.0:7080->8080/tcp, :::7080->8080/tcp stackedit
6.3 检查StackEdit容器日志
检查查StackEdit容器运行日志，确保服务正常启动。
root@hcss-ecs-f91c:/data/stackedit# docker logs stackedit
HTTP server started: http://localhost:8080
七、访问StackEdit编辑器
7.1 放行安全组端口
在华为云云耀云服务器L实例的安全组管理页面，放行入方向的安全组7080端口。
7.2 访问StackEdit
访问地址：http://弹性公网IP地址:7080
将上面的IP替换为自己服务器的弹性公网IP地址。
7.3 编辑文档
文档数据默认保存到本地浏览器缓存中，可以使用第三方gitlab、CouchDB等文档空间持久保存数据。
- 选择首页的开始写作
- 进入文档编辑页面
- 编辑文档内容
- 编辑文档标题
7.4 导出文档
选择侧边菜单栏，导入/导出。
7.5 创建目录
在左侧边栏，选择创建目录及文件。
7.6 备份所有文件
选择文档空间备份，备份所有文件。
