提示:如果对你有帮助,请点击收藏或关注
前言
最近做了一个公司的开源项目的README.md文档,在gitee上开源,后期还转移到github上,下面是我整理出的readme.md模板分享给大家!
一、说明
模板中的图片展示使用的是相对路径方式(http地址直接替换进去即可),在README.md文档的相同目录下建一个images的文件夹,对应图片放置在images文件夹中。里面包括图片的居中展示、图片并列、引用链接等,可根据个人需要进行修改搭建。
二、使用步骤
1、创建images文件夹,放置一个1.jpg的图片,在和images文件夹相同目录下创建README.md文件,将以下复制内容复制到文件中即可,保存打开可看到效果
2、将images目录和README.md目录上传到gitee项目即可(或者将内容复制到gitee的README文档上并且上传images文件夹)
3、模板效果图
复制内容:
```
🕙 分享是一种美德,右上随手点个 🌟 Star,谢谢
```
**温馨提醒**
1. 本项目仅适用学习交流
2. 本项目不在任何平台出售,如有发现请积极举报<br/>
3. 为了更好的体验,友情提示此项目是一个全栈项目,认真刻苦的掌握它,熟练掌握后你就比较牛掰了<br/>
4. 不要只是白嫖 ,如果帮到你了麻烦**点个Star**<br/>
5. 发现有问题?添加下方微信客服一起探讨,或者直接提Issues
## 在线体验
- PC地址(点击图片可访问):https://www.baidu.com/
<a href="https://www.baidu.com/"><img src="images/1.jpg" /></a>
## 1.项目简介
**xxx项目是一款智能软件,提供xxxxxxxx等多种功能,为用户提供便捷高效的体验。**
### 1.1功能概况
1、xxx项目使用xxxxx技术,能快速xxxxxx,可提高工作效率和创造力。<br/>
2、xxx项目能够结合<br/>
3、xxxxxxxxxxxx。
### 1.2xxx项目APP下载链接
**新用户第一次登录即为注册。**
如图:
<img src="images/1.jpg" />
### 1.3xxx项目前台展示
APP端前台
<table>
<tr>
<td><img src="images/1.jpg"/></td>
<td><img src="images/1.jpg"/></td>
<td><img src="images/1.jpg"/></td>
<td><img src="images/1.jpg"/></td>
</tr>
</table>
#### 1.3.1 xxx项目前台介绍
```
xxx功能是一项非常吸引人和有趣的功能。它使用了xxxxxxx。趁着这个机会来尝试一下xxx项目吧!
```
**xxx项目操作示例图**:
<table align="center">
<tr>
<td><img src="images/1.jpg" height="310"/></td>
</tr>
<tr>
<td><img src="images/1.jpg" height="310"/></td>
</tr>
</table>
**xxx项目功能展馆:**
```
P1 功能描述:"~"
```
<table align="center">
<tr>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
</tr>
<tr>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
</tr>
</table>
```
P2 功能描述:"~"
```
<table align="center">
<tr>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
</tr>
<tr>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
<td height="220" width="210"><img src="images/1.jpg" /></td>
</tr>
</table>
### 1.4xxx项目后台数据
<table>
<tr>
<td ><img src="images/1.jpg"/></td>
</tr>
</table>
### 1.5xxx项目后台展示
<table>
<tr>
<td ><img src="images/1.jpg"/></td>
</tr>
<tr>
<td ><img src="images/1.jpg"/></td>
</tr>
<tr>
<td ><img src="images/1.jpg"/></td>
</tr>
<tr>
<td ><img src="images/1.jpg"/></td>
</tr>
</table>
## 2.xxx项目完整运行步骤
### 2.1架构图
<table>
<tr>
<td ><img src="images/1.jpg"/></td>
</tr>
</table>
### 2.2xxx项目结构
```
```
### 2.3xxx项目后端代码运行步骤
#### 2.3.1环境配置
**运行环境**:
**启动中间件:**[Nacos](https://nacos.io/)、[Mysql8.0](http://mysql.p2hp.com/)、[Redis](https://redis.io/)、[Minio](http://www.minio.org.cn/)
推荐使用phpStudy简化环境配置:[phpstudy](https://www.xp.cn/)
#### 2.3.2后端代码运行
通过git拉取代码到本地后,项目结构如图:
<table>
<tr>
<td ><img src="images/1.jpg"/></td>
</tr>
</table>
操作步骤:
1、xxx
2、xxx
3、xxx
至此,后端代码运行成功!
### 2.4xxx项目前端代码运行步骤
#### 2.4.1项目前端前台代码运行
**前台运行环境:**
**开发工具:**HBuilder X
HBuilder X官方地址:[Windows - HBuilderX 文档 (dcloud.net.cn)](https://hx.dcloud.net.cn/Tutorial/install/windows)
操作步骤:
1、xxx
2、xxx
3、xxx
至此,前台代码运行成功!
#### 2.4.2项目前端后台代码运行
**后台运行环境:**
**开发工具:**
操作步骤:
1、xxx
2、xxx
3、xxx
至此,后台代码运行成功!
## 添加客服微信
<div align=center>
<td ><img height="300" width="300" src="images/1.jpg"/></td>
<td ><img height="300" width="300" src="images/1.jpg"/></td>
</div>
看到最后请点个收藏!