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.