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?

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ę

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.

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.


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
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.