Як я можу показувати кольорові фрагменти Python у своєму блозі Tumblr


21

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

Відповіді:


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 ()" до тегу документа вашого документа.
  4. Змініть таблицю стилів, щоб отримати бажане забарвлення

Єдиною проблемою, яку я мав з цим методом, є те, що він очікує, що ви позначите свої codeтеги певним class, що не приємно, якщо ви використовуєте синтаксис Markdown. На щастя, це не проблема зробити за допомогою JS при завантаженні сторінки.
— Младен Ябланович

8

Ви можете використовувати hilite.me

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

7

Для цього я використовую суть Github . Вставте та створіть суть, а потім зможете вставити їх на будь-яку веб-сторінку, включаючи tumblr.


Тут є проблема, їй потрібен JS, тому якщо у користувача його не активовано, або якщо користувач є ботом пошуку, ваш код залишається невидимим.
— Младен Ябланович

Я б хотів, щоб я міг підтримати це не раз. @ MladenJablanović На сьогоднішній день ви не можете використовувати більшість веб-сайтів без JavaScript. Я думаю, це насправді не проблема.
— Октавіан А. Дам’ян

Чи можете ви детальніше розповісти, як це зробити? Я просто спробував це, і суть відображає вбудовування як scriptелементи - Tumblr уникає цих, навіть якщо ви використовуєте режим HTML. Будь-які ідеї?
— cottsak
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.