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

21

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

tumblr

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

14

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

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

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

Скачать дистрибутив

Включите скрипт и таблицы стилей в ваш документ (вам нужно убедиться, что файлы css и js находятся на вашем сервере, и скорректировать пути в скрипте и теге ссылки)

<link href="prettify.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="prettify.js"></script>

Добавьте onload = "prettyPrint ()" к тегу body вашего документа.

Измените таблицу стилей, чтобы получить цвет, который вы предпочитаете

— 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. Любые идеи?

— Котцак