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

在Ubuntu上通过Portainer部署微服务项目

这篇文章主要记录自己在ubuntu上部署自己的微服务应用的过程,文章中使用了docker、docker-compose和portainer,在部署过程中遇到了不少问题,因为博主也是初学docker-compose,通过这次部署实战确实有所收获,在这篇文章一起分享给大家~

目录

第一步:开始前的准备工作

1、拉取java8的镜像

 2、安装docker

3、通过docker安装portainer

第二步:部署运行环境

1、安装redis

2、安装nacos

创建命名空间

添加配置文件

3、安装maraidb

第三步:打包项目

第四步:打包镜像

打包layui的镜像

打包authority的镜像

打包mhxysy的镜像

第五步:通过portainer部署微服务

1、部署layui

2、部署权限平台

3、部署梦幻西游手游管理系统

部署过程中遇到的一些问题

问题1:多个docker容器之间无法通过内部ip相互访问

问题2:docker容器内部无法访问宿主机上的资源


第一步:开始前的准备工作

1、拉取java8的镜像

这个镜像在通过Dockerfile把jar包通过Dockerfile打包生成docker镜像文件的时候要用到。

docker pull java:8

 2、安装docker

如果虚拟机上还没有安装docker的,可以参考博主的以下文章完成docker安装

Ubuntu上安装docker的详细教程、docker常用命令介绍icon-default.png?t=N7T8https://blog.csdn.net/heyl163_/article/details/131503469

3、通过docker安装portainer

下面链接中的文章详细介绍了通过docker安装并启动portainer的步骤

使用docker安装portainericon-default.png?t=N7T8https://blog.csdn.net/heyl163_/article/details/131758217

第二步:部署运行环境

1、安装redis

方案一:可以在ubuntu宿主机上通过源码方式安装redis

Ubuntu上通过源码方式安装Redisicon-default.png?t=N7T8https://blog.csdn.net/heyl163_/article/details/133126763

方案二:通过portainer快速部署

docker pull redis:6.2.13

在portainer上新建一个stack,填写docker-compose.yml

version: "3"services:redis:container_name: redisimage: redis:6.2.13ports:- 6379:6379

然后点击部署按钮,可以参考下一小节《2、安装nacos》

2、安装nacos

本篇文章中,安装nacos作为微服务的注册中心和配置中心,统一管理多个微服务的配置。

第一步:通过docker输入以下命令拉取nacos镜像

docker pull nacos/nacos-server:1.4.2

第二步:在portainer中新建一个stack,填写docker-compose.yml

version: "3"
​
services:nacos:container_name: nacosimage: nacos/nacos-server:1.4.2ports:- 8848:8848environment:- MODE=standalone

点击左侧的Stacks菜单,然后点击【Add Stacks】按钮添加一个应用

 按照红框内的文字填写

如上图,填写完成之后,页面往下拉,找到并点击【Deploy the stack】按钮,portainer就会帮我们创建并启动一个docker容器,容器名是docker-compose.yml里配置的container_name。

如图,右上角弹出提示部署成功

部署完成后,点击左侧菜单的Containers在容器列表查看刚刚部署的nacos,状态显示running,表示nacos正在以docker容器的方式运行。

最后,在windows上访问portainer上部署的nacos,通过虚拟机IP:8848/nacos访问nacos控制台首页,虚拟机IP通过在安装的linux虚拟机(本篇文章中安装的是Ubuntu)上使用ifconfig命令获取。

如图,说明nacos可以正常访问,通过用户名、密码都是nacos登录。

创建命名空间

通过nacos用户名和密码登录nacos,点击左侧菜单中的【命名空间】,新建一个命名空间,命名空间ID如下

0df4345c-cf1e-4af4-9501-d4be92ca6fda

添加配置文件

点击左侧的配置管理-配置列表,点击右上角的+新建配置文件

3、安装maraidb

通过docker拉取mariadb镜像,并通过portainer部署启动MariaDB。

拉取mariadb镜像

docker pull mariadb:10.6.5

按照安装nacos的步骤,在portainer中新建一个stack,填写docker-compose.yml。

environment里的MYSQL_ROOT_PASSWORD配置MariaDB的root用户的密码。

version: "3"
​
services:mariadb:container_name: mariadbimage: mariadb:10.6.5ports:- 3306:3306environment:- MYSQL_ROOT_PASSWORD=root- TZ=Asia/Shanghaivolumes:- /usr/local/docker/mariadb:/var/lib/mysql

第三步:打包项目

在IntelliJ IDEA上通过maven插件打包项目layui、authority和mhxysy。

第四步:打包镜像

在IntelliJ IDEA中拉取并通过maven插件打包项目authority和mhxysy。项目地址如下:

https://gitee.com/he-yunlin/layui.git
https://gitee.com/he-yunlin/authority.git
https://gitee.com/he-yunlin/mhxysy-admin.git

然后在虚拟机的某个目录下创建applications目录,在文件夹下面在创建一级目录,目录名为微服务的应用名。

打包layui的镜像

在虚拟机的/opt/目录下创建applications目录,并在applications目录下面创建layui目录,然后把idea中打包生成的jar包上传到这个目录,并在同目录下创建一个文件,文件名为Dockerfile,文件名没有后缀,在Dockerfile中填写以下内容。

FROM java:8
ADD layui-0.0.1-SNAPSHOT.jar layui.jar
EXPOSE 8080
CMD ["java", "-jar", "layui.jar"]

然后在当前目录下运行命令将当前目录下的jar包打包成镜像

docker build -t layui-20230929hyl .

打包authority的镜像

在虚拟机的/opt/applications目录下面创建authority目录,然后把idea中打包生成的jar包上传到这个目录,并在同目录下创建一个文件,文件名为Dockerfile,文件名没有后缀,在Dockerfile中填写以下内容。

FROM java:8
Add authority-0.0.1-SNAPSHOT.jar /authority.jar
EXPOSE 8099
CMD java -jar /authority.jar

然后在当前目录下运行命令将当前目录下的jar包打包成镜像

docker build -t authority-20230929hyl .

打包mhxysy的镜像

 在虚拟机的/opt/applications目录下面创建mhxysy目录,然后把idea中打包生成的jar包上传到这个目录,并在同目录下创建一个文件,文件名为Dockerfile,文件名没有后缀,在Dockerfile中填写以下内容。

FROM java:8
ADD mhxysy-0.0.1-SNAPSHOT.jar mhxysy.jar
EXPOSE 8080
CMD ["java", "-jar", "mhxysy.jar"]

然后在当前目录下运行命令将当前目录下的jar包打包成镜像

docker build -t mhxysy-20230929hyl .

第五步:通过portainer部署微服务

通过portainer在Stacks里通过docker-compose.yml使用通过刚刚打包的镜像部署微服务应用。

1、部署layui

version: "3"services:layui:container_name: layuiimage: layui-20230929hylports:- 8081:8081

2、部署权限平台

version: "3"services:authority:container_name: authorityimage: authority-20230929hylports:- 8099:8099

3、部署梦幻西游手游管理系统

version: "3"services:mhxysy:container_name: mhxysyimage: mhxysy-20230929hylports:- 8080:8080

部署过程中遇到的一些问题

问题1:多个docker容器之间无法通过内部ip相互访问

在部署mhxysy服务的过程中遇到了一点问题,因为mhxysy这个服务在启动的时候需要通过feign从authority服务中查询数据,由于authority注册到nacos上的IP地址是容器内部ip,而宿主机是无法直接访问容器内部的ip的,为了能让多个服务之间能够正常通信,需要让服务提供者authority和服务消费者mhxysy加入同一个网络,比如网桥bridge(默认情况下,当前服务会加入xxx_default这个网络,xxx表示服务名)。

加入网络之后需要重启authority

按照相同的方法,把mhxysy也加入到bridge网络

然后重新启动mhxysy这个服务

问题2:docker容器内部无法访问宿主机上的资源

问题是这样的,因为mhxysy项目的图片资源并不是存放在项目的目录下,而是分开存储,在windows上运行时,放在了D:/uploads/mhxysy目录下,然后在SpringMVC的配置类里把这个目录添加为静态资源目录。

在配置文件中配置的uploads.path就是额外的静态资源目录。

uploads:path: D:/uploads/mhxysy # 文件上传路径file:max-size: 1024MB # 最大上传文件大小suffix: .webp,.jpeg,.jpg,.png # 上传的文件名

SpringMVC的配置类代码

package cn.edu.sgu.www.mhxysy.config;import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.web.servlet.ServletContextInitializer;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;import javax.servlet.ServletContext;/*** springmvc配置类* @author heyunlin* @version 1.0*/
@Configuration
public class SpringMvcConfig implements WebMvcConfigurer {@Value("${uploads.path}")private String uploadPath;/*** 解决跨域问题*/@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("*").allowedMethods("*").allowedHeaders("*").allowCredentials(true).maxAge(5000);}/*** 添加静态资源路径*/@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {// 配置静态资源路径registry.addResourceHandler("/**").addResourceLocations("classpath:static/").addResourceLocations("file:" + uploadPath + "/");// 解决knife4j访问失败问题registry.addResourceHandler("doc.html").addResourceLocations("classpath:/META-INF/resources/");registry.addResourceHandler("/webjars/**").addResourceLocations("classpath:/META-INF/resources/webjars/");}/*** 设置SESSION_ID* @return ServletContextInitializer*/@Beanpublic ServletContextInitializer servletContextInitializer() {return new ServletContextInitializer() {@Overridepublic void onStartup(ServletContext servletContext) {servletContext.getSessionCookieConfig().setName("MHXYSY_JSESSIONID");}};}}

然后在ubuntu上部署,毋庸置疑,需要修改这个静态资源目录,本篇文章中,放在了/usr/local/uploads/xxx目录下,所以ubuntu虚拟机上的/usr/local/uploads/xxx目录作为了项目的静态资源文件夹,和static目录一样。

因此,在ubuntu上通过java -jar命令运行jar包的方式启动是没有问题的,可以正常访问到图片,但是通过docker上运行会有问题,找不到对应的文件。这是因为docker的容器其实就是一个小的操作系统,里面有属于这个容器的类似ubuntu的文件系统,所以里面也有大部分linux虚拟机上有的目录。

所以,我们配置的静态资源文件夹,容器会从自己内部的文件系统中查找,如果找不到,就返回404。

问题解决:

既然容器内部没有这些文件夹,能不能创建出来呢,然后把宿主机上的文件复制到容器内部。

既然有了思路,那么该从何下手呢?

突破点:博主在通过官网学习Dockerfile的时候,发现了Dockerfile有很多指令,除了构建微服务应用镜像必须要的几个指令FROM、EXPOSE、ADD、ENTRYPOINT以外,在文档开头就看到了有个RUN指令,很显然这个RUN指令后面跟的是linux的命令。

看完文档介绍也没说清楚这个命令到底是干嘛用的,只知道是执行linux命令,于是,抱着尝试的态度,在Dockerfile里增加了了一条一次性创建多级文件夹的命令

RUN mkdir -p /mhxysy

所以mhxysy的Dockerfile内容变成了这样

FROM java:8
RUN mkdir -p /mhxysy
ADD mhxysy-0.0.1-SNAPSHOT.jar mhxysy.jar
EXPOSE 8080
CMD ["java", "-jar", "mhxysy.jar"]

然后把原来的mhxysy镜像mhxysy-20230930hyl删掉,重新生成一次镜像文件

docker rmi -f mhxysy-20230930hyl docker build -t mhxysy-20230930hyl .

然后运行这个镜像,生成一个容器

docker run mhxysy-20230930hyl

然后看一下ubuntu上有没有创建对应的mhxysy目录,最后发现并没有。看到这个结果,可能会验证自己的猜想:这个RUN指令后面的脚本是在运行镜像的时候,在容器内部执行的。

于是,进入容器内部,看下有没有mhxysy这个目录

docker exec -it 通过镜像mhxysy-20230930hyl的容器IDls

果然,容器里面确实创建了一个mhxysy目录。

到这里,这个问题基本就已经解决了,在容器内部创建和ubuntu宿主机上一样的目录,然后把宿主机上的文件复制到里面去,文件上传的时候新上传的文件会保存在容器内部。

新的问题:当删除容器时,里面的文件就丢失了。为了防止删除容器导致文件丢失,在这里需要接触到docker中的另一个概念:挂载。

什么是挂载?

首先,第一次接触挂载的时候,博主只是将它理解为一个目录的对应关系,宿主机上的目录对应的docker容器内部的目录。

随着对挂载的使用,逐渐有了更加深入的理解:

挂载就是和上面说的一样,建立宿主机docker容器内部的目录的映射关系,挂载是为了防止上面的删除容器导致数据丢失的问题,挂载可以把容器内部的数据在映射的宿主机目录上也备份一份,当删除容器时,容器内的数据自然被删除了,但是重新创建容器,然后指定相同的挂载路径,容器启动的时候就会从宿主机的目录上加载数据,这样的话,只要宿主机的数据没有删,容器在重新创建之后启动完成就加载回了删除容器之前的数据。

最终解决方案:

于是,为了解决mhxysy服务找不到图片的问题,把之前的Dockerfile内容再次修改,在RUN指令里创建和宿主机目录一样的多级目录/usr/local/uploads/mhxysy

FROM java:8
RUN mkdir -p /usr/local/uploads/mhxysy
ADD mhxysy-0.0.1-SNAPSHOT.jar mhxysy.jar
EXPOSE 8080
CMD ["java", "-jar", "mhxysy.jar"]

docker-compose里的挂载通过volumes配置,把之前mhxysy的docker-compose.yml中添加volumes的相关配置

version: "3"services:mhxysy:container_name: mhxysyimage: mhxysy-20230930hylports:- 8080:8080volumes:- /usr/local/uploads/mhxysy:/usr/local/uploads/mhxysy

在portainer中删除之前部署的mhxysy的容器,重新部署一次,然后通过浏览器访问,图片能正常显示了,至此,问题2也解决了。

好了,文章就分享到这里了,看完不要忘了点赞+收藏哦~

相关文章:

在Ubuntu上通过Portainer部署微服务项目

这篇文章主要记录自己在ubuntu上部署自己的微服务应用的过程,文章中使用了docker、docker-compose和portainer,在部署过程中遇到了不少问题,因为博主也是初学docker-compose,通过这次部署实战确实有所收获,在这篇文章一…...

软件测试基础学习

注意: 各位同学们,今年本人求职目前遇到的情况大体是这样了,开发太卷,学历高的话优势非常的大,公司会根据实际情况考虑是否值得培养(哪怕技术差一点);学历稍微低一些但是技术熟练的…...

移动手机截图,读取图片尺寸

这个代码的设计初衷是为了解决图片处理过程中的一些痛点。想象一下,我们都曾遇到过这样的情况:相机拍摄出来的照片、网络下载的图片,尺寸五花八门,大小不一。而我们又渴望将它们整理成一套拥有统一尺寸的图片,让它们更…...

服务器应用程序不可用的原因是什么引起的

服务器应用程序不可用的原因是什么引起的 服务器应用程序不可用的原因是什么引起的?其实服务器应用程序不可用可能是由多种原因引起的。主要包括软件故障、网络问题、硬件故障、安全问题、配置错误、容量不足、数据库问题等,具体详细服务器应用程序不可用的原因如下…...

使用SPY++查看窗口信息去排查客户端UI软件问题

目录 1、使用SPY++查看窗口的信息 2、使用SPY++查看某些软件UI窗口用什么UI组件实现的...

Flink CDC MySQL同步MySQL错误记录

1、启动 Flink SQL [appuserwhtpjfscpt01 flink-1.17.1]$ bin/sql-client.sh2、新建源表 问题1:Encountered “(” 处理方法:去掉int(11),改为int Flink SQL> CREATE TABLE t_user ( > uid int(11) NOT NULL AUTO_INCREMENT COMME…...

深入了解 Linux 中的 AWK 命令:文本处理的瑞士军刀

简介 在Linux和Unix操作系统中,文本处理是一个常见的任务。AWK命令是一个强大的文本处理工具,专门进行文本截取和分析,它允许你在文本文件中查找、过滤、处理和格式化数据。本文将深入介绍Linux中的AWK命令,让你了解其基本用法和…...

【RuoYi项目分析】网关的AuthFilter完成“认证”,注意是认证而不是权限

文章目录 1. 功能介绍2. AuthFilter的配置3. AuthFilter实现分析4. 资料参考 过滤器的功能是检验经过网关的每一个请求,检查 token 中的信息是否有效。 注意是“认证检查”,而不是“权限” 1. 功能介绍 1、在用户完成登录后,程序会把用户相关…...

excel将文件夹下面的表格文件指定名称的sheet批量导出到指定文件中,并按照文件名保存在新文件的不同sheet中

excel将文件夹下面的表格文件指定名称的sheet批量导出到指定文件中,并按照文件名保存在新文件的不同sheet中 import pandas as pd import ositems os.listdir("./") sheetname"" for item in items:if item.__contains__(xls):dfpd.read_exc…...

IIS管理器无法打开。启动后,在任务栏中有,但是窗口不见了

找到IIS管理器启动程序的所在位置 并在cmd命令行中调用 inetmgr.exe /reset 进行重启 先查看IIS管理器属性,找到其位置 管理员模式打开cmd命令行,并切换到上面的文件夹下运行Inetmgr.exe /reset 运行完成后可以重新看到IIS窗口 原因:由于某…...

使用VBA实现快速模糊查询数据

实例需求:基础数据保存在Database工作表中,如下图所示。 基础数据有37个字段,上图仅展示部分字段内容,下图中黄色字段为需要提取的数据字段。 在Search工作表B1单元格输入查询关键字Title和Genre字段中搜索关键字,包…...

spring boot flowable多人前加签

1、前加签插件 package com.xxx.flowable.cmd;import com.xxx.auth.security.user.SecurityUser; import com.xxx.commons.ApplicationContextHolder; import com.google.common.collect.Lists; import org.apache.commons.collections.CollectionUtils; import org.apache.co…...

结构体运算符重载

1.降序 struct Point{int x, y;//重载比较符bool operator < (const Point &a) const{return x > a.x;//当前元素大时&#xff0c;是降序} };2.升序 struct Point{int x, y;//重载比较符 // bool operator < (const Point &a) const{ // return x…...

幽默直观的文档作者注释

注释是程序中非常重要的一部分&#xff0c;在不同的编程语言中&#xff0c;注释的风格和语言描述会有所不同。以下是一些常用的注释风格和语言描述&#xff1a; 直观注释&#xff1a;这种注释使用简洁、明了的语言&#xff0c;帮助读者快速地理解代码。例如&#xff0c;代码中…...

前端开发网站推荐

每个人都会遇见那么一个人&#xff0c;永远无法忘却&#xff0c;也永远不能拥有。 以下是一些可以用来查找和比较前端框架的推荐网站&#xff1a; JavaScript框架比较&#xff1a; 这些网站提供了对不同JavaScript框架和库的详细比较和评估。 JavaScripting: 提供了大量的JavaS…...

【C语言】通讯录管理系统(保姆级教程+内含源码)

C系列文章目录 目录 C系列文章目录 前言 一&#xff0c;模块化编程 二&#xff0c;系统框架构建 1.成员信息的创建 2.菜单实现 3.系统功能声明 三、系统功能实现 1.初始化通讯录 2.增加联系人 3.显示所有联系人 4.根据姓名查找位置 5.删除指定联系人 6.查找指定联…...

python自动解析301、302重定向链接

嗨喽~大家好呀&#xff0c;这里是魔王呐 ❤ ~! python更多源码/资料/解答/教程等 点击此处跳转文末名片免费获取 使用模块requests 方式代码如下&#xff1a; import requests url_string"http://******" r requests.head(url_string, streamTrue) print r.h…...

【未解决问题】opencv 交叉编译 ffmpeg选项始终为NO

opencv 打不开视频的原因 在交叉编译时候&#xff0c;发现在 pc 端能用 opencv 打开的视频&#xff0c;但是在 rv1126 上打不开。在网上查了很久&#xff0c;原因可能是 ffmpeg 造成的。 解决opencv源代码编译找不到ffmpeg-CSDN博客 交叉编译 ffmpeg 尝试了一天还是第二个博客…...

Python实用技术二:数据分析和可视化(2)

目录 一&#xff0c;多维数组库numpy 1&#xff0c;操作函数&#xff1a;​ 2&#xff0c;numpy数组元素增删 1&#xff09;添加数组元素 2&#xff09;numpy删除数组元素 3&#xff09;在numpy数组中查找元素 4&#xff09;numpy数组的数学运算 3&#xff0c;numpy数…...

24Hibench

1. Hibench 官网 ​ HiBench is a big data benchmark suite that helps evaluate different big data frameworks in terms of speed, throughput and system resource utilizations. It contains a set of Hadoop, Spark and streaming workloads, including Sort, WordCou…...

Wan2.2-I2V-A14B:在4090显卡上快速体验专业级视频生成

Wan2.2-I2V-A14B&#xff1a;在4090显卡上快速体验专业级视频生成 1. 开篇&#xff1a;认识这款视频生成神器 你是否想过用一张普通的图片就能生成流畅的视频&#xff1f;Wan2.2-I2V-A14B让这个想法变成了现实。作为一款开源的视频生成模型&#xff0c;它能在消费级显卡上实现…...

从零部署到实战标注:SUSTechPOINTS 3D点云标注平台全流程指南

1. 为什么选择SUSTechPOINTS进行3D点云标注 在自动驾驶研发过程中&#xff0c;3D点云标注是个绕不开的苦差事。我最早用过不少商业标注工具&#xff0c;不是价格贵得离谱&#xff0c;就是功能残缺不全。直到去年团队接手一个校企合作项目&#xff0c;才发现南方科技大学开源的这…...

如何评估 SEO 优化的成本效益_SEO优化应该重点关注哪些方面

如何评估 SEO 优化的成本效益 在当今互联网时代&#xff0c;搜索引擎优化&#xff08;SEO&#xff09;已经成为了提升网站流量和品牌知名度的关键手段。SEO 优化的成本效益评估并不是一件简单的事情。如何在有限的预算内实现最大的效益&#xff0c;是每一个企业和网站运营者都需…...

长上下文与RAG

读到一篇探讨RAG技术的文章&#xff0c;很受用&#xff0c;遂记录一下。核心结论&#xff1a;RAG不会被无限上下文取代。 原文地址&#xff1a;LLM无限上下文了&#xff0c;RAG&#xff08;Retrieval Augmented Generation&#xff09;还有意义吗&#xff1f; - 今日头条 以下…...

等保三级Java安全改造全周期实录,从代码审计到渗透验证的12个生死关卡

第一章&#xff1a;等保三级Java安全改造的合规基线与生命周期全景图等保三级对Java应用提出了覆盖身份鉴别、访问控制、安全审计、通信保密性、代码安全及可信执行环境的全维度要求。其合规基线并非静态清单&#xff0c;而是贯穿需求分析、设计开发、测试验证、上线部署与持续…...

通义千问3-VL-Reranker-8B保姆级部署教程:5分钟搞定Nginx反向代理与HTTPS配置

通义千问3-VL-Reranker-8B保姆级部署教程&#xff1a;5分钟搞定Nginx反向代理与HTTPS配置 1. 为什么需要反向代理与HTTPS 当你成功在本地运行通义千问3-VL-Reranker-8B服务后&#xff0c;默认只能通过 http://localhost:7860 访问。这种配置存在三个明显问题&#xff1a; 安…...

智能车调参手记:我用Kp=200, Ki=60, Kd=40让小车稳如老狗

智能车调参手记&#xff1a;我用Kp200, Ki60, Kd40让小车稳如老狗 凌晨三点的实验室里&#xff0c;咖啡杯已经见底&#xff0c;眼前的智能车在测试跑道上又一次冲出了弯道。这已经是本周第七次熬夜调试&#xff0c;上坡时的速度波动问题始终困扰着我们。就在准备放弃的时候&…...

VISA 标准深度剖析:寄存器基控制规范与函数接口研究

VISA 标准深度剖析:寄存器基控制规范与函数接口研究 VISA(Virtual Instrument Software Architecture)是仪器控制领域的标准 API,它为不同总线(GPIB、USB、LAN、PXI 等)提供了统一的编程接口。本文将 VISA 函数按功能分为 8 大类,并逐一解析其作用、核心函数及使用场景…...

MDXEditor指令系统详解:如何扩展Markdown语法

MDXEditor指令系统详解&#xff1a;如何扩展Markdown语法 【免费下载链接】editor A rich text editor React component for markdown 项目地址: https://gitcode.com/gh_mirrors/editor/editor MDXEditor是一个功能丰富的React组件&#xff0c;专为Markdown编辑设计&am…...

无需本地安装,用快马平台5分钟搭建git操作可视化原型

最近在准备一个Git入门教学项目时&#xff0c;发现很多新手卡在环境配置这一步。传统方式需要先安装Git客户端、配置SSH密钥、设置全局参数&#xff0c;光是这些前置操作就能劝退不少人。于是尝试用InsCode(快马)平台的云端开发环境&#xff0c;意外发现能跳过所有安装步骤直接…...