Как я могу показать цветные фрагменты Python в моем блоге Tumblr

21

У меня есть блог , управляемый Tumblr , на котором я публикую много сообщений, связанных с Python. Как сделать так, чтобы фрагменты Python в моих сообщениях отображались с цветовой кодировкой?

tumblr Рам Рахум
источник

Ответы:

14

Если у вас их слишком много, я бы сказал, зайдите на google-code-prettify .

Все, что вам нужно сделать, это включить некоторые JavaScript, CSS и все готово.

Проверьте несколько примеров и вот настройки:

  1. Скачать дистрибутив
  2. Включите скрипт и таблицы стилей в ваш документ (вам нужно убедиться, что файлы css и js находятся на вашем сервере, и скорректировать пути в скрипте и теге ссылки)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Добавьте onload = "prettyPrint ()" к тегу body вашего документа.
  4. Измените таблицу стилей, чтобы получить цвет, который вы предпочитаете
Lipis
источник
Единственная проблема, с которой я столкнулся при использовании этого метода, состоит в том, что он ожидает, что вы пометите свои codeтеги определенным class, что не очень хорошо, если вы используете синтаксис Markdown. К счастью, это не проблема сделать это с помощью JS при загрузке страницы.
Младен Ябланович
8

Вы можете использовать hilite.me

hilite.me преобразует ваши фрагменты кода в печатный HTML-формат, который легко встраивается в сообщения блога, электронные письма и веб-сайты.
Просто скопируйте исходный код на левую панель, выберите язык и цветовую схему и нажмите «Выделить!». HTML-код из правой панели теперь может быть вставлен в ваш блог или электронную почту, никаких внешних CSS или Javascript-файлов не требуется.
chanchal1987
источник
7

Я использую суть Github, чтобы сделать это. Вставьте и создайте суть, и затем вы можете встраивать их в любую веб-страницу, включая Tumblr.

Марк
источник
Здесь есть проблема, ему нужен JS, поэтому, если пользователь не активировал его, или если пользователь является поисковым ботом, ваш код остается невидимым.
Младен Ябланович
Хотел бы я поднять это более одного раза. @ MladenJablanović В настоящее время вы не можете использовать большую часть Интернета без JavaScript. Я думаю, что это на самом деле не проблема.
Октавиан А. Дамиан
Можете ли вы дать более подробную информацию о том, как это сделать? Я только что попробовал, и gist отображает embed как scriptэлементы - Tumblr избегает их, даже если вы используете режим HTML. Любые идеи?
Котцак