Мой блог размещен в Blogger, и я часто публикую фрагменты кода в C
/ C#
/ Java
/ XML
и т. Д., Но я обнаружил, что этот фрагмент "искажен".
Существуют ли какие-либо веб-сайты, которые я мог бы использовать для предварительного анализа фрагмента и сортировки форматирования, преобразования XML " <
" в " <
" и т. Д.
В этой области есть несколько вопросов по SO, но я не смог найти ни одного, которые бы касались этого вопроса напрямую.
Edit:
Для ответа @Rich сайт сообщает: «Чтобы отобразить отформатированный код на своем сайте, необходимо получить эту таблицу стилей CSS и добавить ссылку на нее в <head>
разделе вашей страницы» . Вот в чем проблема - вы не можете сделать это в Blogger AFAIK.
formatting
blogs
blogger
rbrayb
источник
источник
Ответы:
Я создал запись в блоге, которая объясняет, как добавить подсветку синтаксиса кода для блоггера с помощью syntaxhighlighter 2.0
Вот мой пост в блоге:
http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html
Я надеюсь, что это поможет вам, ребята .. Я впечатлен тем, что он может сделать.
источник
</head>
разделом и также добавил тег pre вокруг моего кода. Без изменений, хотя.Самый простой способ поделиться кодом с общественностью. Просто напишите один и вставьте код для вставки. Очень просто.
http://gist.github.com
Чтобы решить проблему поисковой системы, можно использовать скрытый
div
на странице так просто:источник
Для своего блога я использую http://hilite.me/ для форматирования исходного кода. Он поддерживает множество форматов и выводит довольно чистый HTML. Но если у вас много фрагментов кода, вам придется много копировать и вставлять. Для форматирования кода Python я также использовал Pygments ( запись в блоге ).
источник
Этот сценарий CSS может быть полезен для всех - он не для подсветки синтаксиса, но хорошо подходит для представления исходного кода в оригинальном формате:
Как пользоваться :
ПРЕИМУЩЕСТВА: Простота и удобство в использовании, меньше настроек, простота перенастройки, нет дополнительного программного обеспечения
источник
Это может быть сделано довольно легко с SyntaxHighlighter. У меня есть пошаговые инструкции по настройке SyntaxHighlighter в Blogger на моем блоге. SyntaxHighlighter очень прост в использовании. Это позволяет публиковать фрагменты в необработанном виде, а затем оборачивать их в
pre
блоки, например:Просто измените имя кисти на «python», «java» или «javascript» и вставьте код по вашему выбору. Пометка CDATA позволяет вам размещать практически любой код, не беспокоясь о побеге сущности или других типичных неприятностях, связанных с ведением блога.
источник
1. Сначала сделайте резервную копию шаблона вашего блоггера.
2. После этого откройте шаблон вашего блоггера (в режиме редактирования HTML) и скопируйте все CSS, приведенные в этой ссылке перед
</b:skin>
тегом3. Вставьте следующий код перед
</head>
тегом.4. Вставьте следующий код перед
</body>
тегом.5. Сохраните шаблон Blogger.
6. Теперь подсветка синтаксиса готова к использованию, вы можете использовать ее с
<pre></pre>
тегом.7. Вы можете избежать вашего кода здесь .
8. Вот список поддерживаемых языков для
<class>
атрибута.источник
http://formatmysourcecode.blogspot.co.uk/ работает нормально, вы просто копируете, форматируете, вставляете обратно.
источник
Я использую довольно низкое техническое решение. Я форматирую код, используя этот инструмент для подсветки синтаксиса , а затем просто вставляю его в блог.
источник
Вот один сайт , который отформатирует ваш код и выложит HTML, и даже включает встроенные стили для раскраски синтаксиса. Может не работать для всех ваших потребностей, но это хорошее начало. Я считаю, что он сделал источник доступным, если вы хотите расширить его:
источник
Я создал инструмент, который выполняет свою работу. Вы можете найти это в моем блоге:
Бесплатный онлайн C # Code Colorizer
Помимо раскрашивания кода C #, инструмент также заботится обо всех символах «<» и «>», преобразовывая их в «& lt;» и '& gt;'. Вкладки преобразуются в пробелы, чтобы выглядеть одинаково в разных браузерах. Вы даже можете сделать колоризатор встроенным в стили CSS, если вы не можете или не хотите вставлять таблицу стилей CSS в свой блог или веб-сайт.
источник
Я использую SyntaxHighlighter с моим блогом на базе Blogger. Реальный сайт размещается на моем собственном сервере, а не на Blogger (Blogger имеет возможность размещать сообщения ftping на своем сайте), но наличие собственного домена и веб-хостинга стоит всего пару долларов в месяц.
источник
Похоже, что в SyntaxHighlighter 2.0 произошли некоторые изменения , облегчающие использование Blogger.
Размещенные версии стилей и Javascripts можно найти по адресу: http://alexgorbatchev.com/pub/sh/.
источник
На самом деле я использовал (что еще ;-)) Vim для этого: он имеет 2html "плагин". Смотрите документы здесь .
Поэтому, когда я редактирую свой код, я просто конвертирую его в HTML и вставляю результаты в редактор HTML Blogger.
Примечание: это не такой красивый HTML (лучше будет встроенный CSS), но он просто работает.
О: и он имеет файлы синтаксиса для нескольких языков, что делает его довольно полезным.
источник
Конкретный ответ Emacs: Что касается блоггера, он позволяет встроенный CSS. Проблема с маркерами на основе javascript заключается в том, что вы должны жить с их цветовой схемой или реализовать свою собственную. Но, как и я, если вы являетесь поклонником своей собственной цветовой схемы emacs, у вас есть гораздо лучший вариант. Я взломал пакет "htmlize.el" для emacs, чтобы добавить следующие четыре функции ...
Эти функции выведут готовый к копированию и вставке готовый html (встроенный стиль) в новый буфер в emacs, который вы можете напрямую использовать в своем блоге. Вывод выглядит точно так же, как вы видите код в emacs (включая цветовую схему).
Вот ссылка на мой блог , где вы можете найти подробную информацию о том, как использовать blog-htmlize.el с emacs. Это также устраняет html-кодирование знаков «меньше чем» и «больше чем». И поскольку emacs выполняет всю подсветку и стилизацию, вам не нужно беспокоиться о том, поддерживает ли библиотека js язык ваших фрагментов, и при этом вам не нужно вмешиваться в код вашего шаблона в блоггере.
Вы можете найти файл elisp здесь (сохраните файл как blog-htmlize.el )
источник
Я свернул свой собственный в F # (см. Этот вопрос), но он все еще не совершенен (я просто делаю регулярные выражения, поэтому я не распознаю имена классов или методов и т. Д.).
По сути, из того, что я могу сказать, редактор блогов иногда съедает ваши угловые скобки, если вы переключаетесь между режимами Compose и HTML. Таким образом, вы должны вставить в режим HTML, а затем сохранить непосредственно. (Я могу ошибаться в этом, только что попробовал сейчас, и, кажется, работает - зависит от браузера?)
Это ужасно, когда у вас есть дженерики!
источник
Чтобы опубликовать свои HTML, Javascript, C # и Java, вы должны преобразовать специальные символы в HTML-код. а
'<'
также<
и'>'
к>
и т.д.Добавьте эту ссылку конвертер кодов в iGoogle. Это поможет вам конвертировать специальные символы.
Затем добавьте новую версию SyntaxHighlighter 3.0.83, чтобы настроить свой код в блоггере. Но вы должны знать, как настроить syntaxHighlighter в своем шаблоне блоггера.
источник