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

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】

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

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

相关文章

【Nginx】Nginx 安装（平滑升级和回滚）

【Nginx】Nginx 安装（平滑升级和回滚）

一、 Nginx 概述 Nginx 介绍 Nginx ： engine X ， 2002 年开发，分为社区版和商业版 (nginx plus ) 2019 年 3 月 11 日 F5 Networks 6.7 亿美元的价格收购 Nginx 是免费的、开源的、高性能的 HTTP 和反向代理服务器、邮件代理服务器、以…
阅读更多...
【word】修改图名/表名/公式编号后快速更新交叉引用的内容；交叉引用的字体不跟随正文如何解决

【word】修改图名/表名/公式编号后快速更新交叉引用的内容；交叉引用的字体不跟随正文如何解决

本文解决两个问题，不是什么特别正规的方法，主打一个迅速且通用。 问题描述 修改图名/表名/方程编号后快速更新交叉引用的内容 假设我们现在word文档中某处用了交叉引用。显然，图 1两个字颜色更深，就是我交叉引用的地方。 由于某…
阅读更多...
贝莱德与摩根大通的最新季度持仓分析

贝莱德与摩根大通的最新季度持仓分析

近期，华尔街的两大投资巨头贝莱德和摩根大通公布了其2024年第二季度的13F报告，揭示了他们在投资组合上的最新动向。通过分析这些持仓数据，我们可以更清楚地了解这些顶级投资机构的投资策略和市场偏好。 贝莱德的科技巨头与能源投资 根据贝莱…
阅读更多...
SpringBoot教程（二十二） | SpringBoot实现分布式定时任务之elastic-job

SpringBoot教程（二十二） | SpringBoot实现分布式定时任务之elastic-job

SpringBoot教程（二十二） | SpringBoot实现分布式定时任务之elastic-job 简介前置条件：需要ZooKeeper配合1、引入相关依赖2、application.yml中配置注册中心和作业调度巨坑（配置修改无效）3、job实例4、ElasticJob-UI监控…
阅读更多...
网络编程-网络基础

网络编程-网络基础

IO进程: 进程和进程之间的通信 - 信号 信号量 消息队列 有名管道 无名管道 共享内存 套接字 套接字: 不同主机 不同操作系统之间的 进程通信 干什么: 实现无线 局域网：同一局域网下IP网段一致 IP地址 1) IP地址 是 网络中的 主机的标识, 本质是二进制数字。 2…
阅读更多...
37_DC-5靶机渗透测试、nmap使用、kail漏洞库使用、系统提权、反弹shell到kali、留后门、蚁剑连接webshell、文件包含漏洞利用、NC用法

37_DC-5靶机渗透测试、nmap使用、kail漏洞库使用、系统提权、反弹shell到kali、留后门、蚁剑连接webshell、文件包含漏洞利用、NC用法

环境准备 靶机下载地址：https://www.vulnhub.com/entry/dc-5,314/ 百度网盘：https://pan.baidu.com/s/1lqFMjoqQpIl4DA-Amb00pA?pwd9LJY 攻击机：kali（192.168.58.130，IP是各自不同的） 靶机&#xff1…
阅读更多...
SystemUI手势操作隐藏显示导航栏

SystemUI手势操作隐藏显示导航栏

在Android 12中，通过SystemUI手势操作来隐藏和显示导航栏主要涉及对系统UI的定制和编程控制。以下是一些实现这一功能的方法： 默认是隐藏 向上滑动 第一类. 使用WindowInsetsController Android 12引入了一个新的WindowInsetsController类，它…
阅读更多...
【数据分享】1999—2022年地级市地区生产总值及一二三产构成数据（Shp/Excel格式）

【数据分享】1999—2022年地级市地区生产总值及一二三产构成数据（Shp/Excel格式）

在之前的文章中，我们分享过基于2000-2023年《中国城市统计年鉴》整理的1999-2022年地级市的人口相关数据、各类用地面积数据、污染物排放和环境治理相关数据、房地产投资情况和商品房销售面积、社会消费品零售总额和年末金融机构存贷款余额、一般公共预算收支状况、…
阅读更多...
bootchart抓Android系统启动各阶段性能数据

bootchart抓Android系统启动各阶段性能数据

最近在做Android系统启动优化，首要任务是找到启动过程中各阶段耗时点，进而有针对性地进行优化。主要用bootchart抓开机数据，本文主要记录下工具的使用方法。 1.抓开机数据 adb root adb shell ‘touch /data/bootchart/enabled’ adb rebo…
阅读更多...
STM32标准库学习笔记-6.定时器-输入捕获

STM32标准库学习笔记-6.定时器-输入捕获

参考教程：【STM32入门教程-2023版 细致讲解 中文字幕】 定时器输入捕获 IC（Input Capture）输入捕获输入捕获模式下，当通道输入引脚出现指定电平跳变时，当前CNT的值将被锁存到CCR中，可用于测量PWM波形的频率…
阅读更多...
8.14-LVS主从+nginx的haproxy+mysql的haproxy+读写分离

8.14-LVS主从+nginx的haproxy+mysql的haproxy+读写分离

一、LVS-主从数据库 # nat # 添加规则 [rootDS ~]# ipvsadm -A -t 192.168.2.130:3306 -s rr [rootDS ~]# ipvsadm -a -t 192.168.2.130:3306 -r 192.168.2.40:3306 -m [rootDS ~]# ipvsadm -a -t 192.168.2.130:3306 -r 192.168.2.42:3310 -m [rootDS ~]# ipvsadm -Ln IP Vir…
阅读更多...
计算机毕业设计选什么题目好？ springboot 大学志愿填报系统

计算机毕业设计选什么题目好？ springboot 大学志愿填报系统

✍✍计算机毕业编程指导师 ⭐⭐个人介绍：自己非常喜欢研究技术问题！专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目：有源码或者技术上的问题欢迎在评论区一起讨论交流！ ⚡⚡ Java、…
阅读更多...
ffmpeg的基础命令

ffmpeg的基础命令

文章目录 ffmpeg/ffplay/ffprobe区别ffmpeg 的作用ffplay的作用ffprobe的作用 ffmpeg使用概述功能概述转码过程简单使用FFMPEG -i常用的 -i例子 ff***工具之间共享的选项ffmpeg主要选项ffmpeg提取音视频数据ffmpeg命令修改原有的视频格式ffmpeg命令裁剪和合并视频拼接视频的方式…
阅读更多...
数据结构—— 初识二叉树

数据结构—— 初识二叉树

1.树概念及结构 1.1树的概念 树是由根和子树构成 树是一种非线性的数据结构，它是由n（n>0）个有限结点组成一个具有层次关系的集合。把它叫做树是因为它看起来像一棵倒挂的树，也就是说它是根朝上，而叶朝下的 1. 树有…
阅读更多...
20240819 每日AI必读资讯

20240819 每日AI必读资讯

📚AI爆料人遭全网封禁！OpenAI等25个机构祭大招，一眼辨别AI机器人 - 最近半个月，全网被OpenAI的「AI爆料人」「草莓哥」iruletheworldmo愚弄。所有人没有等他预测的GPT-4o large模型，反被AI初创MultiOn创始人揭穿身份—…
阅读更多...
Git安装包及怎么再windows上运行

Git安装包及怎么再windows上运行

第一步：下载git。 国内 Git for Windows. 国内镜像 感谢GitHub - waylau/git-for-win: Git for Windows. 国内直接从官网下载比较困难，需要翻墙。这里提供一个国内的下载站，方便网友下载 安装步骤： Git for Windows安装和基本…
阅读更多...
【C语言可变参数函数的使用与原理分析】

【C语言可变参数函数的使用与原理分析】

文章目录 1 前言2 实例2.1实例程序2.2程序执行结果2.3 程序分析 3 补充4 总结 1 前言 在编程过程中，有时会遇到需要定义参数数量不固定的函数的情况。 C语言提供了一种灵活的解决方案：变参函数。这种函数能够根据实际调用时的需求，接受任意…
阅读更多...
ansible相关模块

ansible相关模块

copy模块(重点) copy模块⽤于对⽂件的远程拷⻉操作（如把本地的⽂件拷⻉到远程 的机器上) https://docs.ansible.com/ansible/latest/modules/copy_module.htm l#copy-module 在master上准备⼀个⽂件，拷⻉此⽂件到group1的所有机器上 使⽤content参数直…
阅读更多...
zabbix-配置监控远程主机

zabbix-配置监控远程主机

1.在被监控主机上配置zabbix-agent 1.获取zabbix官方源 rpm -Uvh https://mirrors.aliyun.com/zabbix/zabbix/5.0/rhel/7/x86_64/zabbix-release-5.0-1.el7.noarch.rpm# 替换阿里源，这一步很重要 sed -i s#http://repo.zabbix.com#https://mirrors.aliyun.com/zabb…
阅读更多...
微服务架构设计中的常见的10种设计模式

微服务架构设计中的常见的10种设计模式

微服务架构设计的概念 微服务架构（Microservices Architecture）是一种用于构建分布式系统的软件设计模式。它将大型应用程序拆分成一组小型、自治的服务，每个服务都运行在其独立的进程中，服务之间通过轻量级的通信机制&#xff08…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023