Mój blog jest hostowany w Bloggerze i często publikuję fragmenty kodu w C
/ C#
/ Java
/ XML
itp., Ale uważam, że fragment zostaje „zniekształcony”.
Czy są jakieś strony internetowe, których mógłbym użyć do wcześniejszego przeanalizowania fragmentu kodu i uporządkowania formatowania, konwersji XML „ <
” na „ <
” itp.
Istnieje wiele pytań w tym obszarze na temat SO, ale nie mogłem znaleźć żadnego, który odpowiedziałby bezpośrednio na to pytanie.
Edit:
W przypadku odpowiedzi @Rich witryna stwierdza: „Aby wyświetlić sformatowany kod w witrynie, musisz uzyskać ten arkusz stylów CSS i dodać do niego odniesienie w <head>
sekcji strony” . To jest problem - nie możesz tego zrobić w Bloggerze AFAIK.
formatting
blogs
blogger
rbrayb
źródło
źródło
Odpowiedzi:
Utworzyłem wpis na blogu, który wyjaśnia, jak dodać wyróżnianie składni kodu do blogera za pomocą syntaxhighlighter 2.0
Oto mój post na blogu:
http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html
Mam nadzieję, że to wam pomoże .. Jestem pod wrażeniem tego, co może zrobić.
źródło
</head>
sekcją i dodałem tag poprzedzający do mojego kodu. Bez zmian.Najłatwiejszym sposobem udostępniania kodu jest publiczna treść. Wystarczy napisać jedną i wkleić kod do osadzenia. Bułka z masłem.
http://gist.github.com
Aby rozwiązać problem z wyszukiwarką, możesz użyć ukrytej
div
na stronie tak prostej jak:źródło
Na moim blogu używam http://hilite.me/ do formatowania kodu źródłowego. Obsługuje wiele formatów i danych wyjściowych, a raczej czysty HTML. Ale jeśli masz wiele fragmentów kodu, musisz wykonać wiele operacji kopiowania. Do formatowania kodu Pythona użyłem również Pygments ( post na blogu ).
źródło
Ten skrypt css może być przydatny dla wszystkich - nie służy do podświetlania składni, ale działa dobrze do prezentacji kodu źródłowego w oryginalnym formacie:
Jak używać :
KORZYŚCI: Prosty i łatwy w użyciu, mniej konfiguracji, łatwy do rekonfiguracji, bez dodatkowego oprogramowania
źródło
Można to zrobić dość łatwo za pomocą SyntaxHighlighter. Mam instrukcje krok po kroku dotyczące konfigurowania SyntaxHighlighter w Bloggerze na moim blogu. SyntaxHighlighter jest bardzo łatwy w użyciu. Pozwala publikować fragmenty w postaci surowej, a następnie owijać je w
pre
bloki, takie jak:Po prostu zmień nazwę pędzla na „python” lub „java” lub „javascript” i wklej wybrany kod. Tagowanie CDATA pozwala ci umieścić praktycznie dowolny kod bez obawy o ucieczkę encji lub inne typowe niedogodności związane z blogowaniem kodu.
źródło
1. Najpierw wykonaj kopię zapasową szablonu blogger
2. Następnie otwórz szablon blogger (w trybie edycji HTML) i skopiuj wszystkie css podane w tym linku przed
</b:skin>
tagiem3. Wklej kod followig przed
</head>
tagiem4. Wklej następujący kod przed
</body>
tagiem.5. Zapisz szablon Bloggera.
6. Teraz podświetlanie składni jest gotowe do użycia, możesz używać go z
<pre></pre>
tagiem.7. Czy można uciec swój kod tutaj .
8. Oto lista obsługiwanych języków dla
<class>
atrybutu.źródło
http://formatmysourcecode.blogspot.co.uk/ działa dobrze, wystarczy skopiować, sformatować i wkleić z powrotem.
źródło
Korzystam z dość niskiej technologii. Formatuję kod za pomocą tego internetowego narzędzia do podświetlania składni , a następnie wklejam go na blogu
źródło
Oto jedna strona , która sformatuje kod i wypluje html, a nawet zawiera wbudowane style do kolorowania składni. Może nie działać na wszystkie Twoje potrzeby, ale to dobry początek. Wierzę, że udostępnił źródło, jeśli chcesz je rozszerzyć:
źródło
Stworzyłem narzędzie, które wykonuje zadanie. Możesz go znaleźć na moim blogu:
Darmowy internetowy C # Code Colorizer
Oprócz pokolorowania kodu C #, narzędzie zajmuje się również wszystkimi symbolami „<” i „>” konwertując je na „& lt;” i „& gt;”. Tabulatory są konwertowane na spacje, aby wyglądały tak samo w różnych przeglądarkach. Możesz nawet ustawić kolorizer w linii stylów CSS, jeśli nie możesz lub nie chcesz wstawiać arkusza stylów CSS na swoim blogu lub stronie internetowej.
źródło
Używam SyntaxHighlighter z moim blogiem zasilanym Bloggerem. Rzeczywista witryna jest hostowana na moim własnym serwerze, a nie Bloggera (Blogger ma opcję wysyłania postów na własną stronę), ale posiadanie własnej domeny i hostingu kosztuje tylko kilka dolarów miesięcznie.
źródło
Wygląda na to, że wprowadzono pewne zmiany w SyntaxHighlighter 2.0, które ułatwiają korzystanie z Bloggera.
Dostępne są wersje stylów i skryptów JavaScript na stronie : http://alexgorbatchev.com/pub/sh/
źródło
Właściwie użyłem (co jeszcze ;-)) Vima do tego: ma 2-wtyczkową „wtyczkę”. Zobacz dokumenty tutaj .
Podczas edycji kodu po prostu konwertuję go na HTML i wklejam wyniki do edytora HTML Bloggera.
Uwaga: nie jest tak piękny HTML (lepiej byłoby osadzony css), ale po prostu działa.
Och: i ma pliki składniowe dla kilku języków, co czyni go bardzo przydatnym.
źródło
Konkretna odpowiedź Emacsa: W przypadku blogera pozwala on wbudować css. Problem z zakreślaczami opartymi na javascript polega na tym, że musisz żyć według ich schematu kolorów lub zastosować własny. Ale podobnie jak ja, jeśli jesteś fanem własnego schematu kolorów emacs, masz znacznie lepszą dostępną opcję. Zhakowałem pakiet „htmlize.el” dla emacsa, aby dodać następujące cztery funkcje ...
Te funkcje wygenerują gotowy do kopiowania i wklejania HTML (w stylu wbudowanym) w nowym buforze w emacsie, którego można bezpośrednio używać w swoim blogu. Dane wyjściowe wyglądają dokładnie tak samo, jak kod w emacsie (w tym schemat kolorów).
Oto link do mojego bloga , gdzie można znaleźć szczegółowe informacje o tym, jak używać „blog-htmlize.el” z emacsem. Eliminuje to także kodowanie HTML znaków „mniej niż” i „więcej niż”. A ponieważ emacs wykonuje wszystkie wyróżnienia i stylizację, nie musisz się martwić, czy biblioteka js obsługuje język twoich fragmentów, ani nie musisz wtrącać się w kod szablonu w bloggerze.
Możesz znaleźć plik elisp tutaj (zapisz plik jako blog-htmlize.el )
źródło
Zwróciłem swój własny w F # (patrz to pytanie), ale wciąż nie jest idealny (po prostu wypisuję wyrażenia regularne, więc nie rozpoznaję nazw klas ani metod itp.).
Zasadniczo, z tego, co mogę powiedzieć, edytor blogerów czasami zje nawiasy kątowe, jeśli przełączysz się między trybem tworzenia a HTML. Więc musisz wkleić do trybu HTML, a następnie zapisać bezpośrednio. (Mogę się mylić, właśnie wypróbowałem teraz i wydaje się, że działa - zależy od przeglądarki?)
To okropne, gdy masz leki generyczne!
źródło
Aby opublikować HTML, JavaScript, C # i Java, należy przekonwertować znaki specjalne na kod HTML. tak
'<'
jak<
i'>'
do>
itpDodaj ten link Code Converter do iGoogle. Pomoże to w konwersji znaków specjalnych.
Następnie dodaj nową wersję SyntaxHighlighter 3.0.83, aby dostosować swój kod w bloggerze . Ale powinieneś wiedzieć, jak skonfigurować składnię wyróżnienia w szablonie blogera.
źródło