当前位置： 首页 > news >正文

Linux系统之部署轻量级Markdown文本编辑器

news 来源：原创 2024/9/20 16:34:15

Linux系统之部署轻量级Markdown文本编辑器

  • 一、项目介绍
    • 1.1 项目简介
    • 1.2 使用方法
  • 二、本次实践介绍
    • 2.1 本地环境规划
    • 2.2 本次实践介绍
  • 三、检查本地环境
    • 3.1 检查系统版本
    • 3.2 检查系统内核版本
    • 3.3 检查软件源
  • 四、安装Apache2
    • 4.1 安装Apache2软件
    • 4.2 启动apache2服务
    • 4.3 查看apache2服务状态
    • 4.4 防火墙设置
    • 4.5 浏览器测试web服务
  • 五、部署项目
    • 5.1 下载项目源码
    • 5.2 查看项目源码目录
    • 5.3 重启apache2服务
  • 六、访问项目
    • 6.1 访问初始页
    • 6.2 编辑文章
    • 6.3 查看帮助信息
    • 6.4 切换显示模式
    • 6.5 保存文本
  • 七、总结

👨‍💻 江湖有缘
🚀 一名在运维领域不懈探索的学习者。
 
🌟 认证与成就
🔴 红帽 RHCE 认证
🟠 华为 HCIP 数通认证
🔵 华为 HCIE 云计算认证
…以及其他多项专业认证
 
🌐 个人主页
🔗 CSDN个人主页
 
📢 公众号
🏷️ 【运维江湖客】
 
👥 交流社群
💬 欢迎同行及爱好者加入我们的QQ群：
🏷️ 群号【942602415】
 
📝 人生格言
“人可以被毁灭，但不能被打败。”
—— 海明威

一、项目介绍

1.1 项目简介

"Writing"是一个在浏览器中运行的轻量级、无干扰的文字编辑器，它支持Markdown和LaTeX语法。这个工具提供了一个干净简洁的写作环境，帮助用户集中注意力进行创作，特别适合需要撰写包含数学公式或科学记号的文章的作者使用。无论是写博客、学术论文还是小说，"Writing"都能提供一个高效且便捷的在线编辑体验。

1.2 使用方法

快捷键功能描述
CTRL + D切换显示模式
CTRL + P打印或导出为PDF
CTRL + S保存源代码为.MD文件
CTRL+SHIFT+H显示帮助
? (左下角图标)同样用于显示帮助

二、本次实践介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为Ubuntu 22.04.1 LTS。

hostnameIP地址操作系统版本内核版本
ubuntu-001192.168.3.251Ubuntu 22.04.1 LTS5.15.0-113-generic

2.2 本次实践介绍

1.本次实践环境为个人测试环境，生产环境请谨慎；
2.在Ubuntu 环境下轻量级Markdown文本编辑器。

三、检查本地环境

3.1 检查系统版本

检查系统版本，当前系统版本为Ubuntu 22.04.1 LTS。

root@ubuntu-001:~# cat /etc/os-release
PRETTY_NAME="Ubuntu 22.04.1 LTS"
NAME="Ubuntu"
VERSION_ID="22.04"
VERSION="22.04.1 LTS (Jammy Jellyfish)"
VERSION_CODENAME=jammy
ID=ubuntu
ID_LIKE=debian
HOME_URL="https://www.ubuntu.com/"
SUPPORT_URL="https://help.ubuntu.com/"
BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/"
PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy"
UBUNTU_CODENAME=jammy

3.2 检查系统内核版本

检查系统内核版本，当前内核版本为5.15.0-113-generic。

root@ubuntu-001:~# uname -r
5.15.0-113-generic

3.3 检查软件源

检查本地apt软件源是否正常，更新本地更新软件包列表。

root@ubuntu-001:~# apt update
命中:1 https://mirrors.aliyun.com/ubuntu jammy InRelease
获取:2 https://mirrors.aliyun.com/ubuntu jammy-security InRelease [129 kB]
获取:3 https://mirrors.aliyun.com/ubuntu jammy-updates InRelease [128 kB]
命中:4 https://mirrors.aliyun.com/ubuntu jammy-backports InRelease
获取:5 https://mirrors.aliyun.com/ubuntu jammy-updates/main amd64 Packages [1,794 kB]
获取:6 https://mirrors.aliyun.com/ubuntu jammy-updates/universe amd64 Packages [1,101 kB]
已下载 3,152 kB，耗时 2秒 (1,420 kB/s)
正在读取软件包列表... 完成
正在分析软件包的依赖关系树... 完成
正在读取状态信息... 完成
有 106 个软件包可以升级。请执行 ‘apt list --upgradable’ 来查看它们。

四、安装Apache2

4.1 安装Apache2软件

使用以下命令安装Apache2 web服务器

apt install apache2 -y

在这里插入图片描述

4.2 启动apache2服务

启动apache2服务服务，并使开机自启。

systemctl enable --now apache2

4.3 查看apache2服务状态

查看apache2服务状态，确保apache2服务正常。

root@ubuntu-001:/var/www/html/writing# systemctl status apache2
● apache2.service - The Apache HTTP ServerLoaded: loaded (/lib/systemd/system/apache2.service; enabled; vendor preset: enabled)Active: active (running) since Tue 2024-07-23 02:05:12 UTC; 6h agoDocs: https://httpd.apache.org/docs/2.4/Process: 1071 ExecStart=/usr/sbin/apachectl start (code=exited, status=0/SUCCESS)Main PID: 2051 (apache2)Tasks: 55 (limit: 9345)Memory: 12.6MCPU: 1.248sCGroup: /system.slice/apache2.service├─2051 /usr/sbin/apache2 -k start├─2052 /usr/sbin/apache2 -k start└─2053 /usr/sbin/apache2 -k start7月 23 02:04:39 ubuntu-001 systemd[1]: Starting The Apache HTTP Server...
7月 23 02:05:11 ubuntu-001 apachectl[1143]: AH00558: apache2: Could not reliably determine the server's fully qualified domain name, using 12>
7月 23 02:05:12 ubuntu-001 systemd[1]: Started The Apache HTTP Server.
lines 1-17/17 (END)

4.4 防火墙设置

  • 关闭防火墙，如果想要开启防火墙，需放行80端口。
sudo ufw disable
  • 查看防火墙状态
root@ubuntu-001:~# ufw status
状态：不活动

4.5 浏览器测试web服务

浏览器打开：http://192.168.3.251，将IP替换为自己服务器IP地址。

在这里插入图片描述

五、部署项目

5.1 下载项目源码

进入网页根目录

root@ubuntu-001:~# cd /var/www/html/
root@ubuntu-001:/var/www/html#

在github拉取项目源码

git clone https://github.com/josephernest/writing.git

在这里插入图片描述

5.2 查看项目源码目录

查看项目源码目录

root@ubuntu-001:/var/www/html# tree -L 2 writing/
writing/
├── cmunrb.otf
├── cmunrm.otf
├── favicon.ico
├── index.html
├── Markdown.Converter.js
├── Markdown.Editor.js
├── Markdown.Extra.js
├── Markdown.Sanitizer.js
├── mathjax-editing_writing.js
└── README.md0 directories, 10 files

5.3 重启apache2服务

重启apache2服务

systemctl restart apache2

六、访问项目

6.1 访问初始页

访问地址：http://服务器IP地址/writing/，进入到writing首页。

在这里插入图片描述

6.2 编辑文章

在左侧编辑器内使用markdown语法编辑文章内容，右侧可以预览效果。

在这里插入图片描述

6.3 查看帮助信息

在页面的右下角图标 ? ，可用于显示帮助信息。

在这里插入图片描述

6.4 切换显示模式

  • 使用 CTRL + D ： 切换显示模式

在这里插入图片描述

6.5 保存文本

  • 使用 CTRL + P 打印或导出为PDF

在这里插入图片描述

  • 使用 CTRL + S ：保存源代码为.MD文件 ，

在这里插入图片描述

七、总结

"Writing"编辑器凭借其在浏览器中无缝运行的轻量级设计，为用户打造了一个远离干扰、专注于创作的理想空间。通过融合Markdown与LaTeX的支持，它不仅简化了文本格式化的复杂度，更让撰写涉及数学公式和科学符号的内容变得得心应手，极大地提升了学术研究、科技写作及各类专业文档的编辑效率。无论是专业的学术工作者、热衷于技术写作的博主，还是追求灵感捕捉的文学创作者，"Writing"均能提供一个既高效又便捷的在线编辑体验，成为他们笔耕不辍的理想伙伴。

  • 【原文地址：https://blog.csdn.net/jks212454/article/details/140639203】

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 来了...腾讯内推的软件测试面试PDF 文档（共107页）
  • AOP实现日志记录需求
  • 【Python】 Python Schedule 模块：轻量级的定时任务调度库
  • docker 镜像站
  • Qt QLabel标签制作弹框效果，3s后缓慢自动消失
  • 如何在桌面同时展示多个窗口
  • Error hdl vendor backen is missing
  • 蒟蒻的尊严被打得一败涂地17
  • nginx基础配置
  • HTTP？HTTPS？HTTP2.0
  • 【GitHub】github clone远程仓库的时候一直失败
  • 【xilinx】O-RAN 无线电接口 - Vivado 2020.1 及更新工具版本的发行说明
  • fetch跨域请求数据的前端设置和后端php的header设置
  • 高性能web服务器--nginx
  • 【Datawhale X 魔搭 】AI夏令营第四期大模型方向，Task3：源大模型RAG实战（持续更新）
  • Apache的80端口被占用以及访问时报错403
  • C++入门教程（10）：for 语句
  • ES6语法详解(一)
  • Just for fun——迅速写完快速排序
  • NSTimer学习笔记
  • SpiderData 2019年2月13日 DApp数据排行榜
  • SQL 难点解决：记录的引用
  • tensorflow学习笔记3——MNIST应用篇
  • V4L2视频输入框架概述
  • 基于MaxCompute打造轻盈的人人车移动端数据平台
  • 事件委托的小应用
  • 手机端车牌号码键盘的vue组件
  • elasticsearch-head插件安装
  • NLPIR智能语义技术让大数据挖掘更简单
  • 容器镜像
  • 新年再起“裁员潮”，“钢铁侠”马斯克要一举裁掉SpaceX 600余名员工 ...
  • ​​​​​​​​​​​​​​汽车网络信息安全分析方法论
  • ​Redis 实现计数器和限速器的
  • ( 10 )MySQL中的外键
  • （24）(24.1) FPV和仿真的机载OSD（三）
  • （C语言）fread与fwrite详解
  • (poj1.3.2)1791(构造法模拟)
  • （定时器/计数器）中断系统（详解与使用）
  • (几何:六边形面积)编写程序，提示用户输入六边形的边长，然后显示它的面积。
  • （每日一问）操作系统：常见的 Linux 指令详解
  • （三十）Flask之wtforms库【剖析源码上篇】
  • （一）Dubbo快速入门、介绍、使用
  • (一)kafka实战——kafka源码编译启动
  • (原創) 人會胖會瘦，都是自我要求的結果 (日記)
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .net core 客户端缓存、服务器端响应缓存、服务器内存缓存
  • .Net Core 中间件与过滤器
  • .NET 回调、接口回调、 委托
  • .NET 使用配置文件
  • .net开发引用程序集提示没有强名称的解决办法
  • .NET开发者必备的11款免费工具
  • .NET使用HttpClient以multipart/form-data形式post上传文件及其相关参数
  • .NET委托：一个关于C#的睡前故事
  • /boot 内存空间不够
  • @DependsOn：解析 Spring 中的依赖关系之艺术