Генератор ссылок Markdown
Введите URL ссылки и текст ссылки, и генератор выдаст аккуратный синтаксис ссылки Markdown, [text](url), с необязательной всплывающей подсказкой заголовка и вариантом ссылочного стиля, который выносит URL за пределы абзаца. Это удобно, когда вы копируете длинный URL с параметрами отслеживания и хотите сохранить читаемость абзаца, не ломая ссылку.
Как создать ссылку Markdown
-
1
Вставьте URL
Абсолютный или относительный. Инструмент кодирует пробелы и зарезервированные символы в формате URL.
-
2
Введите текст ссылки
То, что читатели видят как кликабельный текст.
-
3
Добавьте заголовок (необязательно)
Появляется при наведении курсора в большинстве обработчиков.
-
4
Выберите стиль
Встроенный `[text](url)` или ссылочный `[text][ref]` с определением ниже.
-
5
Скопируйте и вставьте
Копирование в один клик в ваш документ или README.
Четыре варианта ссылок
Встроенный, без заголовка:
[Читать документацию](https://example.com/docs)
Встроенный с заголовком (всплывающая подсказка при наведении):
[Читать документацию](https://example.com/docs "Полная документация")
Ссылочный стиль (URL определён ниже):
Откройте [документацию][docs] или [журнал изменений][cl].
[docs]: https://example.com/docs
[cl]: https://example.com/changelog
Автоссылка (URL является одновременно текстом и целью):
<https://example.com>
Когда какой вариант выбрать
- Встроенный, для нечастых ссылок, где URL короткий и абзац по-прежнему хорошо читается.
- Ссылочный стиль, когда вы приводите один и тот же URL несколько раз или когда URL представляет собой отслеживающего монстра на 200 символов, который иначе нарушил бы течение абзаца.
- Автоссылка, для случая «вот наша страница документации», когда вы хотите, чтобы URL был виден и как текст, и как цель.
Обработка специальных символов
- Пробелы в URL требуют
%20, иначе ссылка обрывается на пробеле. - Круглые скобки в URL требуют URL-кодирования как
%28и%29, иначе парсер Markdown их проглотит. - Квадратные скобки в тексте ссылки нужно экранировать как
\[и\], чтобы парсер не воспринял их как вложенный синтаксис ссылки.
Советы по доступности
- Избегайте «нажмите здесь». Текст ссылки вроде
нажмите здесьиличитать далеебесполезен, когда пользователи программ чтения с экрана перебирают ссылки табуляцией. Используйте описательный текст:[руководство по установке](...). - Не используйте сам URL в качестве текста ссылки для длинных URL, это неудобно для вспомогательных технологий и некрасиво выглядит в печати.
- «Открыть в новой вкладке», это сырой HTML (
target="_blank"), а не Markdown. Большинство обработчиков, принимающих сырой HTML, учтут его; чистый CommonMark, нет.
Однострочный приём
В комментариях на GitHub вставка URL рядом с выделенным текстом автоматически превращает его в ссылку Markdown. Удобно, когда вы уже находитесь в редакторе.
Часто задаваемые вопросы
Нет. target="_blank" требует сырого HTML. Большинство обработчиков Markdown допускают запасной вариант на HTML: <a href="..." target="_blank" rel="noopener">text</a>.
Как всплывающая подсказка при наведении курсора в настольных браузерах. Большинство программ чтения с экрана их не озвучивают, а на сенсорных устройствах они игнорируются, поэтому не размещайте там важную информацию.
Когда один и тот же URL встречается несколько раз, когда URL длинные (параметры отслеживания, UUID) или когда вы хотите собрать все ссылки в конце документа для более удобного сопровождения.
Да, в большинстве обработчиков. [другой документ](./other.md) ссылается на другой файл в той же папке. Поведение различается между GitHub, Obsidian и генераторами статических сайтов, проверьте в своей целевой среде.
Сопутствующие инструменты
Справочная таблица ASCII
Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.
Справочник символов HTML
Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.
Справочник сочетаний клавиш
Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.
Конвертер CMYK в RGB
Преобразуйте проценты CMYK в приблизительные значения RGB и Hex для быстрого экранного предпросмотра по стандартной формуле.
Шпаргалка по Markdown
Практический справочник Markdown с настоящим предпросмотром и готовыми для копирования примерами заголовков, списков, таблиц, кода, ссылок, изображений и синтаксиса GFM.
Счетчик FPS
Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.
Инструмент доступен на других языках
- Markdown-länkgenerator [SV]
- مولّد روابط ماركداون [AR]
- Trình tạo liên kết Markdown [VI]
- Générateur de liens Markdown [FR]
- Pembuat Tautan Markdown [ID]
- 마크다운 링크 생성기 [KO]
- Markdown-linkgenerator [NL]
- Markdown-Link-Generator [DE]
- เครื่องมือสร้างลิงก์ Markdown [TH]
- Generator linków Markdown [PL]
- Generador de enlaces Markdown [ES]
- Gerador de Link Markdown [PT]
- Markdownリンク生成ツール [JA]
- Markdown Link Generator [EN]
- Generatore di link Markdown [IT]
- Markdown Bağlantı Oluşturucu [TR]
- Markdown链接生成器 [ZH]