Jak mogę wyświetlać fragmenty kodu Pythona oznaczone kolorami na moim blogu Tumblr

21

Mam blog zarządzany przez Tumblr , na którym publikuję wiele postów związanych z Pythonem. Jak sprawić, by fragmenty Pythona w moich postach były oznaczone kolorami?

tumblr Ram Rachum
źródło

Odpowiedzi:

14

Jeśli masz ich zbyt wiele, powiedziałbym, że idź do google-code-prettify .

Wszystko, co musisz zrobić, to dołączyć javascript, css i gotowe.

Sprawdź kilka przykładów, a oto konfiguracja:

  1. Pobierz dystrybucję
  2. Dołącz skrypt i arkusze stylów do swojego dokumentu (musisz upewnić się, że pliki css i js znajdują się na twoim serwerze oraz dostosować ścieżki w skrypcie i znaczniku link)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. Dodaj onload = "prettyPrint ()" do znacznika body dokumentu.
  4. Zmodyfikuj arkusz stylów, aby uzyskać preferowaną kolorystykę
Lipis
źródło
Jedyny problem, jaki miałem z tą metodą, polega na tym, że oczekuje ona oznaczenia codetagów konkretnym class, co nie jest miłe, jeśli używasz składni Markdown. Na szczęście nie jest to problemem przy użyciu JS przy ładowaniu strony.
Mladen Jablanović
8

Możesz użyć hilite.me

hilite.me konwertuje fragmenty kodu do ładnie wydrukowanego formatu HTML, który można łatwo osadzić w postach na blogu, wiadomościach e-mail i stronach internetowych.
Po prostu skopiuj kod źródłowy do lewego panelu, wybierz język i schemat kolorów, a następnie kliknij „Podświetl!”. Kod HTML z prawego panelu można teraz wkleić do swojego bloga lub wiadomości e-mail, nie są wymagane żadne zewnętrzne pliki CSS ani Javascript.
chanchal1987
źródło
7

Używam do tego celu Githuba . Wklej i utwórz treść, a następnie umieść ją na dowolnej stronie internetowej, w tym na tumblr.

Marc
źródło
Jest tu problem, potrzebuje JS, więc jeśli użytkownik go nie aktywuje, lub jeśli użytkownik jest botem do wyszukiwania, twój kod pozostaje niewidoczny.
Mladen Jablanović
Chciałbym móc to głosować więcej niż raz. @ MladenJablanović Obecnie nie można korzystać z większości stron internetowych bez JavaScript. Myślę, że to naprawdę nie jest problem.
Octavian A. Damiean
Czy możesz podać więcej szczegółów, jak to zrobić? Właśnie próbowałem i gist renderuje osadzanie jako scriptelementy - Tumblr ucieka przed nimi, nawet jeśli używasz trybu HTML. Jakieś pomysły?
cottsak