2009-08-13 9 views
43

Chciałbym mieć dobry zakreślacz składni na moim blogu WordPress. Jakie opcje mam dostępne? Często widzę takie, które ma dobrze zabarwione podświetlanie składni i opcje do skopiowania do schowka. Czy ktoś ma pojęcie, jakie to jest narzędzie?Jak dodać podświetlanie składni do blogu WordPress obsługiwanego w witrynie WordPress.com?

+0

Dupek? http://stackoverflow.com/questions/81338/how-to-blog-code-at-wordpress-com –

+0

OK. Ja to zrobiłem. Oznaczenie jako dupe. –

+0

Często widzę taki, który ma dobrze zabarwione podświetlanie składni i opcje do skopiowania do schowka - czy ktoś ma pojęcie, jakie to jest narzędzie? – codingfloor

Odpowiedz

72

Na wordpress.com nie można zainstalować wtyczek, więc trzeba użyć wbudowanego widgetu Wordpress.

nie podoba:

[code language='python'] 

[/code] 

Zauważ, że te znaczniki pójść wewnątrz edytora wizualnego, a nie edytora HTML.

Możesz znaleźć więcej informacji here.

+9

Jest to jedyna poprawna odpowiedź. Wszystkim brakowało ważnych drobiazgów, które jego blog jest hostowany na wordpress.com, co nie pozwala na instalację wtyczek. –

+3

To wydaje się być świetnym pytaniem dla nowych WebApps na Stack Exchange – samoz

+1

możesz również napisać znaczniki 'sourcecode' wewnątrz edytora HTML. Tak robię przez cały czas. – phoxis

1

http://wordpress.org/extend/plugins/devformatter/

WP Plugin dla różnych podświetlanie składni!

+0

A więc, jak można zainstalować wtyczki na ** blogu WordPress obsługiwanym w WordPressie. com? ** OP chce – user776686

+0

To nie odpowiada poprawnie, ponieważ OP pyta o wordpress.com, a nie wordpress.org, gdzie pierwsza nie obsługuje instalacji wtyczek. – Lucky

3

SyntaxHighlighter to całkiem dobre narzędzie. Używa JavaScript z klasami CSS do zaznaczania elementów HTML, które powinny być podświetlone. Umożliwia także kopiowanie kodu do schowka i drukowanie.

1

Jeśli nie chcesz lub nie możesz instalować rzeczy na swoim blogu, sugeruję, abyś podświetlał swój kod za pomocą urządzeń. Opisałem to here.

1

Oto opcję offline (wiem, że jesteś pytając o narzędziu online, ale na wszelki wypadek ...)

używam trybu offline narzędzia do przetwarzania wpis blogu z przykładami kodu źródłowego w formacie html i wtedy właśnie posta html.

To naprawdę tylko:

  • przesunięcie kodu źródłowego przez co najmniej 4 przestrzeni i określić język na pierwszej linii jak :::html
  • uruchomić plik przez:

python skryptu:

import markdown 
html = markdown.markdown(text,['codehilite']) 

Przygotowuję przecenę za pomocą wycinków, pewnie dlatego, że po prostu można użyć jednostek dla kodu źródłowego. Po uruchomieniu pliku pomyśl o skrypcie, a następnie skopiuj go do swojego bloga.

Możesz zrzucić styl css, podświetlić składnię, z figur, a następnie albo połączyć się z nią, albo dołączyć ją do swojej strony. Nie jestem pewien, czy wordpress to obsługuje.

Here is how to setup markdown with pygments to do syntax highlighting (dla Bloggera - jedyne informacje na temat Bloggera to aktualizacja css Bloggera za pomocą css w celu wyróżnienia kodu).

2

Najlepszym sposobem na podświetlanie składni używa prismjs, który jest całkowicie wolny z ciekawych funkcji.

  1. Obsługuje prawie wszystkie języki programowania, skrypty powłoki i wiele więcej.

  2. Jest to bardzo lekka waga i nie spowalnia stron internetowych jak inne wtyczki podświetlające składnię.

Do konfiguracji prismjs należy wykonać drobne poprawki w pliku function.php. Śledź turoails na tym blogu: http://skillslane.com/setup-syntax-highlighter-for-wordpress/

0

Opracowałem wtyczkę lightweight syntax highlighter dla WordPressa o nazwie "Mivhak". Wtyczka posiada edytor kodu zaplecza, który umożliwia łatwe wstawianie kodu, sprawdzanie błędów na żywo i podświetlanie składni. Jest również wysoce konfigurowalny.

Wtyczka jest hostowana na wordpress.org

+0

Ale jak mogę zainstalować Mivhak, ponieważ używam blog wordpress hostowany na wordpress.com? –

+0

@ArmanOrtega po napisaniu tej odpowiedzi nie wiedziałem, że nie można zainstalować wtyczek na WordPress.com –

+0

hm. ok zanotowane... –

Powiązane problemy