-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path9.93330046.js
1 lines (1 loc) · 2.39 KB
/
9.93330046.js
1
(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{377:function(n,o){n.exports='\x3c!--\ntitle: 插入图片\nsort: 8\n--\x3e\n\nMarkdown 文档内可以插入图片资源。\n\n## 通过 Markdown 语法插入图片\n\nMarkdown 语法插入图片，将无法控制图片尺寸大小。\n\n\n\n```markdown\n\n```\n\n## HTML插入图片\n\n通过HTML来引入图片显示，可以通过设置样式控制图片的尺寸大小\n\n<img src="https://avatars1.githubusercontent.com/u/1680273?s=360&v=4"/>\n<img width="60" height="60" src="./assets/react-logo.svg"/>\n\n```html\n<img src="https://avatars1.githubusercontent.com/u/1680273?s=460&v=4"/>\n<img width="60" height="60" src="./assets/react-logo.svg"/>\n```\n\n## 图片路径\n\n这里图片路径有点特殊，所以在此做详细说明，假设，你的下目录如下：\n\n```shell\n├── doc\n│ ├── README.md\n│ └── react\n│ └── README.md\n├── introduce\n│ ├── api\n│ │ └── menu-config.md\n│ ├── assets\n│ │ ├── react-logo.svg\n│ │ └── webpack-logo.svg\n│ └── precautions.md\n├── package.json\n└── src\n └── component\n```\n\n配置运行命令如下：\n\n```shell\n$ rdoc -d doc,introduce --clean\n```\n\n现在你的目录 `introduce/assets` 下面有两个图片 `react-logo.svg`、`webpack-logo.svg`，你需要在 `doc/react/README.md` Markdown 文件中 访问这两张图片，此时你的访问路径应该是，相对于 `introduce` 目录下找到图片，图片引用如下：\n\n```markdown\n\n```\n\n因为你上面命令配置了三个根目录文件夹，`introduce`文件夹是其中之一，所以路径不包含根目录。\n\n现在假设，你在 `introduce` 当前目录的 `introduce/api/menu-config.md` Markdown 文件中访问 `introduce/assets` 文件夹下面的 `webpack-logo.svg` 图片，这个时候，两个资源都在同一个根目录下，图片引用如下，跟上面一样的路径：\n\n```markdown\n\n```\n\n这个时候你也可以相对于 `menu-config.md` Markdown 文件，路径如下：\n\n```markdown\n\n```\n'}}]);