Як я можу показувати кольорові фрагменти 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.