返回介绍

文档助手

发布于 2020-11-22 06:30:30 字数 5909 浏览 1393 评论 0 收藏 0

docsify 扩展了一些 Markdown 语法,可以让文档更易读。

强调内容

适合显示重要的提示信息,语法为 内容

一段重要的内容,可以和其他 **Markdown** 语法混用。

一段重要的内容,可以和其他 Markdown 语法混用。

普通提示

普通的提示信息,比如写 TODO 或者参考内容等。

_TODO_ 完善示例

TODO 完善示例

忽略编译链接

有时候我们会把其他一些相对路径放到链接上,你必须告诉 docsify 你不需要编译这个链接。 例如:

[link](/demo/)

它将被编译为 <a href="/#/demo/">link</a> 并将加载 /demo/README.md. 可能你想跳转到 /demo/index.html

现在你可以做到这一点

[link](/demo/ ':ignore')

即将会得到 <a href="/demo/">link</a> html 代码。不要担心,你仍然可以为链接设置标题。

[link](/demo/ ':ignore title')

<a href="/demo/" title="title">link</a>

设置链接的 target 属性

[link](/demo ':target=_blank')
[link](/demo2 ':target=_self')

禁用链接

[link](/demo ':disabled')

跨域链接

只有当你同时设置了 routerMode: 'history'externalLinkTarget: '_self' 时,你需要为这些跨域链接添加这个配置。

[example.com](https://example.com/ ':crossorgin')

Github 任务列表

- [ ] foo
- bar
- [x] baz
- [] bam <~ not working
  - [ ] bim
  - [ ] lim
  • [ ] foo
  • bar
  • [x] baz
  • [] bam <~ not working
    • [ ] bim
    • [ ] lim

图片处理

缩放

![logo](https://www.wenjiangs.com/wp-content/uploads/2020/1545-sdgsdd.svg ':size=WIDTHxHEIGHT')
![logo](https://www.wenjiangs.com/wp-content/uploads/2020/1545-sdgsdd.svg ':size=50x100')
![logo](https://docsify.js.org/_media/icon.svg ':size=100')

<!-- 支持按百分比缩放 -->

![logo](https://docsify.js.org/_media/icon.svg ':size=10%')

logo logo logo

设置图片的 Class

![logo](https://www.wenjiangs.com/wp-content/uploads/2020/1545-sdgsdd.svg ':class=someCssClass')

设置图片的 ID

![logo](https://www.wenjiangs.com/wp-content/uploads/2020/1545-sdgsdd.svg ':id=someCssId')

设置标题的 id 属性

### 你好,世界! :id=hello-world

html 标签中的 Markdown

你需要在 html 和 Markdown 内容中插入空行。 当你需要在 details 元素中渲染 Markdown 时很有用。

<details>
<summary>自我评价(点击展开)</summary>

- Abc
- Abc

</details>
自我评价(点击展开)- Abc - Abc

Markdown 内容也可以被 html 标签包裹。

<div style='color: red'>

- listitem
- listitem
- listitem

</div>
- Abc - Abc

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文