Apifox Markdown 语法
  1. 基础语法及功能
Apifox Markdown 语法
  • Apifox Markdown 概述
  • 基础语法及功能
    • 标题和文本
    • 列表和表格
    • 图片
    • 视频
    • 代码
    • 图标
    • Tailwind CSS 支持
  • 组件
    • 告示
    • 高亮块
    • 折叠块
    • 折叠组
    • 多列
    • 卡片
    • 卡片组
    • 图片边框
    • 图片背景
    • 步骤
    • 选项卡
    • 提示语
    • 点击复制文字
    • 文字 Hover 提示
    • 容器
    • 文本绘图 - Mermaid
      • 流程图
      • 时序图
      • 类图
      • 状态图
      • 关系图
      • 旅程图
      • 甘特图
      • 饼状图
    • 公式
      • 行内公式
      • 块级公式
  • 其它问题
    • 常用快捷键
  • 最佳实践
    • 打造高颜值产品文档的 10 个技巧
  1. 基础语法及功能

图片

插入图片#

按照![title](path)的格式来插入图片。
pexels-andrejcook-131735.jpg
代码:

指定图片尺寸#

通过img标签中的 height、和 width,来指定图片的尺寸大小。
代码:
<img height={150} width={250} src="https://api.apifox.com/api/v1/projects/4444182/resources/439706/image-preview" />

参数说明#

Img
src
string 
图像文件的位置
必需
title 
string 
可选
当鼠标悬停在图像上时,标题信息以工具提示的形式显示
height
number 
可选
图像的高度,指定像素值或百分比值
width
number 
可选
图像的宽度,指定像素值或百分比值

图片边框#

使用Frame将图像或其他组件包装在容器中。具体见图片边框。
This photograph was captured by André Cook
代码:
<Frame caption="This photograph was captured by André Cook">
![](https://api.apifox.com/api/v1/projects/4444182/resources/439706/image-preview)
</Frame>
上一页
列表和表格
下一页
视频
Built with