跳到正文
WoowTools

Markdown链接生成器

生成Markdown链接、图片标签和徽章:带标题的单个链接、由网址列表批量生成的链接、带替代文字和宽度的图片,以及shields.io徽章。

免费 在浏览器中运行 无需注册

正在加载Markdown链接生成器…

您的文件绝不离开您的设备

如何使用Markdown链接生成器

  1. 1

    在此页面打开Markdown链接生成器,它直接在浏览器中加载。

  2. 2

    添加文件、文本或数值,并调整设置。

  3. 3

    复制或下载结果。不会上传或存储任何内容。

关于此工具

这款Markdown链接生成器为你写好链接、图片和徽章的语法,不必再记方括号和圆括号。填写字段、查看预览,然后复制可用于GitHub README、文档、论坛和笔记应用的Markdown。

四种模式

  • 链接:链接文字、网址和可选的提示标题,生成[text](https://example.com "title")。
  • 批量:每行粘贴一个网址,也可写成“文字 | 网址”,一次得到整个链接列表。
  • 图片:图片网址、替代文字和可选标题,生成![alt](image.png)。如果设置像素宽度,工具会改用HTML img标签,因为Markdown无法设置图片尺寸。
  • 徽章:用于README的shields.io徽章,例如版本、许可证或构建状态。

使用方法

  1. 选择模式。
  2. 填写字段或粘贴网址列表。
  3. 查看实时预览。
  4. 复制Markdown。

语法提示

元素Markdown
链接[文字](url)
带标题的链接[文字](url "标题")
图片![alt](url)
可点击图片[![alt](image-url)](link-url)
普通网址<https://example.com>

小贴士

  • 使用描述性的链接文字,不要写“点击这里”,这对读者和屏幕阅读器都更友好。
  • 始终为图片添加替代文字。
  • 网址中的空格要编码为%20,否则链接可能失效;可借助URL编码工具。

用README生成器制作完整的README。

常见问题

Markdown中如何创建链接?

把链接文字放在方括号中,紧接着把网址放在圆括号中:[WoowTools](https://woowtools.com)。

Markdown中如何添加图片?

和链接一样,只是在前面加一个感叹号:![替代文字](image-url)。替代文字用于描述图片。

Markdown中如何设置图片大小?

标准Markdown无法设置图片尺寸。在生成器中输入宽度,它会写出带该宽度的HTML img标签,GitHub可以识别。

可以把网址列表转换成链接吗?

可以。使用批量模式,每行粘贴一个网址,或写成“文字 | 网址”来指定每个链接的文字。

如何给README添加徽章?

用徽章模式生成shields.io徽章,然后把Markdown粘贴到README顶部。

如何让图片可点击?

用链接的方括号包住图片的Markdown:[![alt](image-url)](link-url)。