Найти в Дзене

Как вставлять и смотреть код из github gist в Яндекс.Дзен (расширение для браузера)

Доброго времени суток!
Расскажу про свой метод вставки и просмотра кода из github gist в дзен. Создание ссылки простое. Перейдите на сайт https://gist.github.com, авторизуйтесь, и создайте код по примеру как на картинках ниже (листайте галерею вправо) Скопированную ссылку просто вставьте в статье. Появится плашка как ниже ( вставляйте код на новом абзаце ) Но так ничего не видно, просто ссылка. Возможно в дзен ведётся разработка своего форматера кода, но посмотреть код прям в статье не получится. Я подготовил решение в виде расширения для браузера, которое парсит такие вставки из github gist в статье и преобразовывает к былому виду. Для установки расширения скачайте архив, распакуйте и установите вручную.
Ссылка на архив приложения - https://disk.yandex.ru/d/pRhQ4cPiAgJY6A На картинках ниже показываю шаги После выбора папки с распакованным расширением, появится расширение в браузере. Управление простое, нажимаете на значок, появится выпадающее окно, нажмите watch. Лайк если все работае
Оглавление

Доброго времени суток!
Расскажу про свой метод вставки и просмотра кода из github gist в дзен.

Создание gist

Создание ссылки простое. Перейдите на сайт https://gist.github.com, авторизуйтесь, и создайте код по примеру как на картинках ниже (листайте галерею вправо)

Скопированную ссылку просто вставьте в статье. Появится плашка как ниже ( вставляйте код на новом абзаце )

script

Но так ничего не видно, просто ссылка. Возможно в дзен ведётся разработка своего форматера кода, но посмотреть код прям в статье не получится. Я подготовил решение в виде расширения для браузера, которое парсит такие вставки из github gist в статье и преобразовывает к былому виду.

Для установки расширения скачайте архив, распакуйте и установите вручную.
Ссылка на архив приложения -
https://disk.yandex.ru/d/pRhQ4cPiAgJY6A

Установка приложения

  1. перейдите во вкладку расширений
  2. включите режим разработчика, загрузите приложение выбрав папку с распакованным приложением
  3. (опционально) закрепите приложение

На картинках ниже показываю шаги

После выбора папки с распакованным расширением, появится расширение в браузере. Управление простое, нажимаете на значок, появится выпадающее окно, нажмите watch.

Лайк если все работает! :)
Подписывайтесь на канал, пишите комментарии если возникли ошибки в работе приложения - поправлю ;)

Статья где рассказываю как создать свое расширение для браузера - https://dzen.ru/a/ZvAkMyyosQ44DCo4

Мой канал в телеграме - БлогНот