前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >使用轻量应用服务器搭建在线写作利器StackEdit

使用轻量应用服务器搭建在线写作利器StackEdit

原创
作者头像
青阳
发布于 2023-09-06 12:10:29
发布于 2023-09-06 12:10:29
1.5K0
举报
文章被收录于专栏:玩转云服务玩转云服务

使用轻量应用服务器搭建在线写作利器StackEdit

前言

  • 我经常会分享自己的一些搭建记录,所以我需要一个比较顺手的,Markdown编辑器。
  • 最开始我选择使用了CodiMD,但是我慢慢发现,我有一些快速功能CodiMD无法实现,我就转而使用StackEdit,今天就给大家分享我是怎么安装StackEdit的。StackEdit
    输入图片说明
    输入图片说明
    Edit 中文版的特点
  • 轻松上手:StackEdit 中文版是一款非常易于上手的 Markdown 编辑器。您不需要任何编程经验,只需要熟悉 Markdown 语言的基本语法,就可以使用它来创建、编辑和管理各种文档。

开源免费:StackEdit 中文版完全开源免费,您不需要支付任何费用就可以享受它的全部功能,也可以参考 StackEdit中文版说明

自行部署,代码开源透明,安全性高,不需要担心私密文档泄漏问题。

在线编辑:StackEdit 中文版是一款在线编辑器,您不需要下载任何软件或插件。只需要打开浏览器,访问 StackEdit 中文版

的官方网站即可开始使用。

实时预览:StackEdit 中文版支持实时预览功能,可以让您在编写文档的过程中实时查看渲染效果,大大提高了编写效率。

输入图片说明
输入图片说明

云端同步:StackEdit 中文版支持与 Gitee、GitHub、自建Gitlab、自建Gitea、Google

Drive、Dropbox 等云存储服务同步,让您可以随时随地打开和编辑自己的文档,也不需要担心文档丢失。

输入图片说明
输入图片说明

既然优点这么多,那我们怎么样拥有一个自己的 StackEdit 中文版呢?

搭建

准备工作

开源地址一枚

腾讯云轻量应用服务器一台

没有服务器的直接点上面超链接购买。

安装宝塔面板

为了方便直接在web页面管理服务器,建议直接在服务器安装一个宝塔面板,这样有些内容对于新手来说可能更加直观。

首先,通过腾讯云的控制台的登录按钮使用orcaterm登录服务器。

输入图片说明
输入图片说明

登录到服务器之后使用 sudo -i命令切换到root用户

输入图片说明
输入图片说明

接下来就是安装宝塔面板了命令如下,请对号入座。

Centos安装脚本

代码语言:txt
AI代码解释
复制
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

Ubuntu/Deepin安装脚本

代码语言:txt
AI代码解释
复制
wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec

Debian安装脚本

代码语言:txt
AI代码解释
复制
wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh ed8484bec
输入图片说明
输入图片说明

宝塔安装成功之后,会提示访问地址和账号密码。如图:

输入图片说明
输入图片说明

根据提示在轻量应用服务器防火放通端口,操作如下:

输入图片说明
输入图片说明

放通之后,根据刚才安装宝塔结束之后提示的地址和账号密码登录宝塔面板。登录之后选择一个LNMP安装。

输入图片说明
输入图片说明

安装的过程可以点关闭,不会影响其他程序安装。

我们接着通过宝塔面板安装docker。

输入图片说明
输入图片说明

StackEdit部署

StackEdit部署很简单

通过orcaterm链接到服务使用下面的命令拉取镜像

代码语言:text
AI代码解释
复制
docker pull mafgwo/stackedit
输入图片说明
输入图片说明

拉取之后便能在宝塔面板的docker中看到镜像了,接下来便是创建容器。在这之前我们需要在mnt中新建一个StackEdit文件夹,以便用来确保数据的持久性。

输入图片说明
输入图片说明
输入图片说明
输入图片说明

随后在创建容器时我们设置文件映射路径为/path/to/data,并设置端口为8080:8080,其中左边的本地端口可以进行更改。

输入图片说明
输入图片说明

最后点添加即可。

或者直接在orcaterm页面,输入命令。

代码语言:text
AI代码解释
复制
docker run -d -p 8080:8080 -v /mnt/StackEdit:/data mafgwo/stackedit

体验

我们在浏览器输入http://服务器ip+端口号就可以看到写作的主页面了。这里我们我们写看看效果。

输入图片说明
输入图片说明

反向代理,域名访问

这里在宝塔面板-网站-添加站点新建网站,之后在网站设置中,配置反向代理,如图:

输入图片说明
输入图片说明

配置好反向代理之后,我们把域名解析服务器就可以顺利通过域名访问到stackedit了。

写在最后

好用的编辑器是为了辅助写作,真正想要写好内容,还要看自己是不是用心去写,或者是为了什么去写。为了折腾,我会找回初心和大家多多分享,大家多多支持。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
开发桌面应用,自然用 Electron !
可能很多读者会感到奇怪,本来是说 Electron,为什么一开始要提到 Node.js 和 JavaScript 呢?它们是什么关系呢?别急,听我慢慢道来。
CSDN技术头条
2019/03/08
4.9K0
开发桌面应用,自然用 Electron !
Electron 大神的修炼之路
正如 Electron 官方所说“如果你可以建一个网站,你就可以建一个桌面应用程序”。
前端森林
2021/06/25
1.5K0
Electron 大神的修炼之路
Electron快速上手并将网站直接生成桌面应用
Atom、Postman、Notion、Vscode等都是用Electron开发的
游魂
2021/11/24
2.8K1
Electron快速上手并将网站直接生成桌面应用
Electron是什么以及可以做什么
经济学中的“有需求就有市场”,在技术领域也不例外,Electron 是应需求而生的,Electron 面世之后,非但满足了现有大部分的开发需求,还创造了大量的新需求,开辟了一个新的生态。
liulun
2022/11/18
3.4K0
Electron是什么以及可以做什么
使用 Electron 和 React 构建桌面应用
Electron 是一个使用 HTML、CSS、JavaScript 构建跨平台桌面应用的框架。
Kindem
2022/08/12
4.1K0
使用 Electron 和 React 构建桌面应用
得物商家客服桌面端Electron技术实践
随着公司业务的快速发展,商家客服也纳入了我们的服务范围,商家客服工作台的定位是通过工具和数据服务商家,一站式解决用户购买咨询诉求。通过工具和运营策略协助商家提升服务品质,让品牌商家有动力运营好潜在的客户,从而达到提升用户服务的目标。桌面应用的转化在未来是客服产品的方向。
用户10346649
2023/02/09
1.3K0
IM跨平台技术学习(七):得物基于Electron开发客服IM桌面端的技术实践
本文要分享的是得物技术团队基于Electron开发客服IM桌面端的技术实践过程,内容包括桌面技术选型、Electron的基础概念、具体的实施技术方案、遇到的棘手问题等。
JackJiang
2023/03/31
1K0
IM跨平台技术学习(七):得物基于Electron开发客服IM桌面端的技术实践
第一章 Electron介绍 | Electron in Action(中译)
网页的一大特色就是无处不在, 这是一个令人惊叹的平台,用它所创建的协作平台,可以被多种类型的设备所访问,无论设备运行在何种操作系统上。换句话说,网页只能运行在浏览器中,无法直接运行在操作系统中,因此网页应用程序也就无法访问文件操作系统。它们也无法执行非JavaScript编写的代码,他们无法调用桌面应用程序可以使用的众多操作系统接口。还有,当大多数网页应用程序没有可靠的互联网连接时,也就无法使用了。
sanshengshui
2019/06/26
3.8K0
第一章 Electron介绍 | Electron in Action(中译)
[13章完结]Electron+Vue3+AI+云存储--实战跨平台桌面应用
在当今的软件开发领域,桌面应用程序因其直接的用户体验和强大的功能而一直占有一席之地。随着技术的发展,跨平台桌面应用的需求日益增长,PyQT作为一个强大的Python绑定库,使得开发者能够使用Python语言快速构建跨平台的桌面应用程序。PyQT不仅简化了界面开发的过程,还提供了丰富的API和控件,使得开发者可以专注于业务逻辑的实现,而不必从零开始构建用户界面。本文将深入探讨PyQT的基本概念、开发流程、高级特性以及实际应用案例,帮助开发者深入了解并掌握PyQT开发。
奔跑企鹅907340320
2024/12/02
2770
Electron是当下开发桌面App最好的选择
今天我想把最近自己使用Electron开发桌面应用方面的一些积累,和大家分享一下(这也是最近一段时间,自己工作内容之一的小小沉淀)。
icepy
2019/06/24
1.8K0
用JS开发跨平台桌面应用,从原理到实践
使用Electron开发客户端程序已经有一段时间了,整体感觉还是非常不错的,其中也遇到了一些坑点,本文是从【运行原理】到【实际应用】对Electron进行一次系统性的总结。【多图,长文预警~】
ConardLi
2019/06/15
7.3K0
你还没用Electron开发桌面应用吗?【文末送书】
Electron是一个运行平台,它能够让我们通过 HTML + CSS + JavaScript 开发桌面应用程序。
张晓衡
2020/11/09
1.3K0
你还没用Electron开发桌面应用吗?【文末送书】
客户端开发(Electron)认识窗口
Dear,大家好,我是“前端小鑫同学”,😇长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~ Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 背景说明: 窗口指的就是我们在电脑端经常使用的软件时候显示Logo,标题和操作最小化,最大化
前端小鑫同学
2022/12/26
5.4K0
客户端开发(Electron)认识窗口
JavaScript中的图形用户界面:Electron框架
在软件开发领域,图形用户界面(GUI)是用户与软件交互的重要桥梁。随着JavaScript的发展,前端技术已经能够实现丰富且高度交互的桌面应用程序。Electron框架的出现,使得开发者能够使用JavaScript、HTML和CSS这些Web技术来构建跨平台的桌面应用程序。本文将介绍Electron框架的基本概念、特点以及如何使用它来创建桌面应用。
iwhao
2024/08/10
3750
10年了,开发人员仍然不明白 Electron 的意义
在现代开发人员的工具箱中,Electron 是最有名的工具之一。如果你仔细观察,就会发现它是 React Native 的表兄弟,承诺 “一次编写、随处发布”,但构建和发布开销远小于移动开发。它的杀手锏是将 Node.js 和 Chromium 捆绑在一起,为 Web 技术创建了一个强大的桌面运行时。Electron 官方博客庆祝了它的 10 周年纪念日,考虑到它对开发文化的渗透之深,这真是太激动人心了。
深度学习与Python
2025/02/05
2050
10年了,开发人员仍然不明白 Electron 的意义
干货 | Electron在DevTools中的探索与实践
隋丰蔚,携程无线平台研发部前端工程师,现负责开发者工具NFES Developer Tools的设计与研发。
携程技术
2019/05/24
2.8K0
使用Electron创建跨平台桌面应用
开发和维护一个桌面应用是比较复杂的,所以可以理解现在的公司门为何推动WEB应用或者各种跨平台版本,在过去的十几年里,已经有了很多尝试,Flash、Air、Java和Sliverlight,他们都各自取得了不同程度的成功
疯狂的技术宅
2019/03/27
1.6K0
使用Electron创建跨平台桌面应用
electron入门实战
当我们明白了以上几个问题之后,那就大概率算是基本掌握了这个技术,后面再要深入就要经过大量的项目实践和源码原理的研究了。
用户6297767
2023/11/21
5360
electron入门实战
Electron入门教程1 —— 编写第一个桌面应用程序
关于Electron这个框架我就不多介绍,它说白了就是Node和Chromium内核的一种封装。用它开发出来的桌面应用程序其实就是套壳浏览器的应用,这就是为什么它可以用web前端技术来开发,并且可以跨平台的原因了。
害恶细君
2022/11/22
6.8K0
Electron入门教程1 —— 编写第一个桌面应用程序
初探Electron,从入门到实践
在开始之前,我想您一定会有这样的困惑:标题里的Electron 是什么?Electron能做什么?许多伟大的公司使用Electron框架的原因又是什么?
葡萄城控件
2019/09/29
2.7K0
初探Electron,从入门到实践
相关推荐
开发桌面应用,自然用 Electron !
更多 >
LV.1
这个人很懒,什么都没有留下~
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档