Te dni, w każdej witrynie, w której pokazują fragmenty kodu (nawet w Stackoverflow), kod jest ładnie zawijany wokół elementu GUI, który podkreśla elementy składni, podaje numery linii itp. Chcę pokazać kod ruby na szynie w mój blog i chcę te elementy wizualne na moim blogu.Jak mogę lepiej wyświetlać kod na blogu blogera?
Jak mogę to zrobić na blogu blogera?
Kliknij na „Edytuj kod HTML” w Bloggerze, a następnie włóż następujące w sekcji <head> kodu HTML:
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shLegacy.js"></script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" /> <script language="javascript">
window.onload = function() {
dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
dp.SyntaxHighlighter.BloggerMode();
}
</script>
i dodaje do <body> gdzie chcesz umieścić swój kod :
<pre class="brush: ruby" name="code"># Your Ruby Code</pre>
Cześć .. jest to możliwe, aby podać kod CSS n Javascript, który jest używany do stackoverflow kodu. Kody są wyświetlane w stackoverflow jest niesamowite .. żadnych sugestii? –
Mój blog wygląda pięknie dziękuję :) http://code-like-a-poem.blogspot.in/2013/04/angularjs-tutorial-2-structuring-and.html Tylko uwaga, więcej pędzli http : //alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ –
Dodałem to do mojego bloga ([http://cosgunvistas.blogspot.in] (http://cosgunvistas.blogspot.in)) i działa dobrze. Dodałem także więcej pędzli i użyłem [motywu custome] (http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/). –
Korzystanie z łączy Alex Reitbort przewidzianych można zintegrować to na swoim blogu Blogger przy użyciu jednej z następujących ćwiczeń:
http://heisencoder.net/2009/01/adding-syntax-highlighting-to-blogger.html
http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.html
http://abhisanoujam.blogspot.com/2008/12/blogger-syntax-highlighting.html
Naprawdę nie rozumiem twojej edycji. Czy nie masz lepszych rzeczy do roboty, niż niepotrzebne dziurkowanie z formatowaniem, dopóki nie spełni Twoich osobistych preferencji? –
Nie mogę powiedzieć, że podoba mi się również wrogie podsumowanie edycji pozostawione przez Rich B. "Nie przejmuj się zwracaniem uwagi na podgląd lub cokolwiek ..." Miłe. – mensch
Dla kogoś zwanego mensch powinieneś pragnąć doskonałości. –
SyntaxHighlighter jest droga, ale wszystkie linki podane tutaj nie działa dla mnie.
Znalazłem kompletny, dwuetapowy przewodnik po instalacji najnowszej wersji 3.x w Bloggerze, która faktycznie działa pod numerem here.
Powinna być zaakceptowana odpowiedź, dziękuję za przykładowy link =] –
Tutaj link nie jest już dobry – unflores
Problem z użyciem JavaScript do dynamicznego tworzenia kodu styl składni przy starcie są:
Lepszą techniką byłoby po prostu skopiowanie wkleić HTML, wygenerowany za pomocą niektórych konwerterów.
Online Syntax Highlight Generator Tool
codeworkout.blogspot.com/2014/07/online-generator-tool-for-code-syntax_18.html
znalazłem jedną stronę internetową, która konwertuje mojego kodu do formatu kompatybilnego blogera. Spełnia moje potrzeby i prawie nie ma czasu.
Należy do superuser.com. To nie jest programowanie, chodzi o to, jak używać blogera. – GEOCHET
Nie głosuj na to ludzi ... zamknij! To nie czyni cię złym człowiekiem !!! –
Dlaczego, na Boga, chciałbyś to zamknąć? Należy tutaj. –