Использование Markdown --- ссылка использование

Обновлено: 2019.09.14

1. Введение

  В редактировании статьи, нам часто нужно вставлять различные ссылки, такие как веб-ссылки, ссылки на изображения, и так далее. Когда длина изделия слишком долго, мы должны реализовать в странице ссылки для перехода функции. Поэтому в данной статье рассматривается быть конкретными о том, как использовать различные ссылки в Markdown.

2. Веб-ссылка

  Он предлагает различные методы для достижения веб - ссылки Markdown, таких как вставки встроенных ссылок в пределах линии, и так далее. Здесь , чтобы сообщить нам о конкретной формулировки нескольких веб - ссылок (я использовал больше , чем написано первым Улыбающиеся лица):

1. 内联链接: [我的博客](http://www.cnblogs.com/liangjianli/)

<!--实际上,第二种和第三种的写法是一样的,是引用链接的不同表现形式-->
<!--博客园不支持引用链接(第二三种的写法--)>
2. 引用链接:这是[我的博客][1]
[1]: http://www.cnblogs.com/liangjianli/

3. 隐含链接:这是[我的博客][]
[我的博客]: http://www.cnblogs.com/liangjianli/
    
4. 自动链接:我的博客:<http://www.cnblogs.com/liangjianli/>
  • Ниже приведены отображения блога Park (показать только первый и четвертый):
    1. Инлайн Ссылки: Мой блог

    2. Автоматическая ссылка: Мой блог: http://www.cnblogs.com/liangjianli/

  • Когда дисплей jupyter ноутбука
    Примеры связанных страниц jupyter ноутбука

ссылка 3. Изображение

  Для того , чтобы статьи , чтобы прочитать больше изображение, более конкретно, мы , как правило , приходится вставлять различные картины. И Markdown используются графические ссылки, существует три основных метода (я в основном использовать третий --- потому что вы можете легко изменить размер изображения Румяна лицо):

  • [] Какие заполнить альт текст, изображения для иллюстрации
  • (), Которые заполняют путь изображения
<!--将图片直接拉进博客园,通常是以这种方法来显示的-->
1. 内联链接:![微笑](https://img2018.cnblogs.com/blog/1684731/201909/1684731-20190914151825159-1600470207.jpg)

<!--博客园不支持引用链接--)>
2. 引用链接:![微笑][id]
[id]: https://img2018.cnblogs.com/blog/1684731/201909/1684731-20190914151825159-1600470207.jpg

3. html标签:<img alt='微笑的表情' width='24px' height='24px' src='https://img2018.cnblogs.com/blog/1684731/201909/1684731-20190914151825159-1600470207.jpg'/>)
  • Ниже приведены отображения блога Park (показать только первый и третий):
    1. Встроенные ссылки:улыбка

    2. HTML-теги:Улыбающиеся лица

  • Когда дисплей jupyter ноутбука
    Примеры ссылок на картинки jupyter ноутбука

4. Зайдите внутрь страницы

  Перейти места, как правило, прыгать название на странице мы хотим достичь, потому что в Markdown, по умолчанию будет давать различные уровни заголовка присваивается уникальный идентификатор. В общем, вы можете перейти в страницах следующих двух способов:

  • [], Заполняющие текстовые ссылки отображаются
  • (), Заполняющая ссылка на якорь (ID), который несколько уровней , независимо от названия, #только заливка, а затем идентификатором контента
1. Markdown语法:[序言](#序言)
2. html格式:<a href='#序言:'>序言</a>

  Фактические результаты:

  1. Markdown синтаксис: Преамбула
  2. Формат HTML: Преамбула

  В реальной рукописные подписи время ид может столкнуться с различными проблемами, так что мы не можем быть завершены в пределах страницы перехода. Вот две важные советы могут помочь в решении вопросов, с тем, чтобы прыгать.

  • Tip1 :( самого главного) для различных редактор Markdown, идентификатор формулировка не то же самое, если вы не знаете специфику того , как писать, самый быстрый способ , чтобы просмотреть исходный код страницы , чтобы найти идентификатор вы хотите перейти название
  • tip2: Здесь вводит конкретные формулировки jupyter ноутбук и Парк дневник идентификаторам
    • jupyter ноутбук: До тех пор , как пространство в четное число символов -секции, ссылки (ссылки , как эти фотографии) удален ( в основном не как изменить)
    • Парк блог: Удалить номер заголовка, названия содержания порционных другие периоды ., даже знак -снаружи и пространства, все специальные символы все удаленные, будут преобразованы в пробелы даже символ номера -, будут преобразованы в верхний регистр нижний регистр

рекомендация

отwww.cnblogs.com/liangjianli/p/11519289.html