Как создать ссылку на определенный абзац в вашей статье Medium (метод содержания 2018)

1656672728 kak sozdat ssylku na opredelennyj abzacz v vashej state medium

Обновление 26 февраля 2018 г.: член сообщества freeCodeCamp только что создал инструмент, который делает этот процесс очень удобным. Вместо использования метода, который я описываю в этой статье, я рекомендую вам просто воспользоваться его веб-сайтом.

gIWQ-TirKtcVt91mqai-UHzE0aBbNBiUYZkM
Скриншот с сайта mediumtoc.com

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

2eyEr6YvptG9w1PAfp1jNJfq1OCrN68dKnqO

Каждая из этих ссылок будет переходом к определенной части статьи. Это существенно улучшит удобство использования для ваших читателей. Особенно, если ваша статья достаточно длинная, чтобы ее прочесть несколько раз.

В публикации freeCodeCamp Medium мы часто публикуем статьи, читаемые 20 минут, 40 минут, даже 60 минут. И мы считаем это содержание очень полезным.

Обратите внимание, что методика, которой я делюсь здесь в этой статье, имеет неоднозначные результаты на мобильных устройствах. Есть надежда, что Medium официально добавит эту функцию в будущем.

Доказательство того, что это работает

Нажав эту ссылку, вы вернетесь прямо к этой части статьи.

Итак вот как это сделать.

Каждый заголовок на Medium является отдельным элементом HTML со своим собственным id.

Чтобы получить id заголовка, щелкнуть правой кнопкой мыши на нем, а затем нажать «проверить».

Это откроет инструменты разработчика вашего браузера. Вот как это выглядит:

wjuRelJMIPs2ShBj8LjFTv8Jzrfy2XRe64BE

Теперь вам просто нужно получить 4-значный шестнадцатеричный код, связанный с этим элементом HTML. В этом случае id программы «Привет, мир!» заголовок есть 48f5.

Теперь вы можете использовать этот код, чтобы создать специальную ссылку, которая будет ссылаться непосредственно на этот заголовок. Эти ссылки имеют следующую структуру:

https://medium.com/p/[article ID]#[4-digit hexadecimal code]

  • The ID статьи это 12-значный шестнадцатеричный код для статьи Medium. Один из этих кодов содержится в каждом URL-адресе Medium. Например, идентификатор статьи для этой статьи, которую вы читаете e66595fea549. Проверьте адресную строку браузера, и вы увидите этот код в URL-адресе. Этот код является универсальным идентификатором вашей статьи, и он никогда не изменится, даже если вы измените название своей статьи или опубликуете ее в публикации Medium.
  • The 4-значный шестнадцатеричный код это код, который вы получили из инструментов разработчика (в этом случае, 48f5).

Вот URL-адрес, который я использовал ранее для ссылки на мой раздел «доказательство того, что это работает»:

https://medium.com/p/e66595fea549#ddca

Давайте построим содержание!

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

Содержание

Расширение Chrome для облегчения этого процесса

В ответ на статью Каду де Кастро Алвес создал расширение Chrome, которое делает процесс извлечения идентификаторов из разных абзацев более простым.

Это все. Получайте удовольствие и счастливое написание!

Если эта статья была для вас полезна, следите за мной в Twitter. Я пишу только о программировании и технологиях, и не буду тратить ваше время 🙂

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *