Как стилизовать блок кода, чтобы все цвета выглядели как моя IDE и здесь в stackoverflow?

Question

При размещении примеров кода в моем блоге я бы хотел, чтобы в коде были все соответствующие цвета. Как я могу это сделать?

В основном, если я напишу:

foreach (ListItem item in items)
{
    item.Text = "something";
}

Я хочу, чтобы он отображался правильными цветами, как в моей Visual Studio или здесь, в стеке переполнение .

Мне надоело стилизовать цвета каждого ключевого слова вручную. Есть ли уже существующая библиотека JavaScript, которую я могу использовать?

EDIT: Я использую блоггер в качестве платформы для ведения блогов, если это поможет

Answer 1

Вы также можете использовать место, в котором размещен код (например, http://gist.github.com, http://snipplr.com/ и различные другие службы 'pastebin'), а затем просто использовать предоставленный ими сценарий встраивания.

Answer 2

Общий подход заключается в использовании библиотеки JavaScript для стилизации примеров кода. Вы можете использовать prettify для подсветки синтаксиса на веб-странице, README объясняет, как это сделать.

Answer 3

ОБНОВЛЕНИЕ:

ссылка учебник

• Добавление Подсветка синтаксиса в Blogger

Answer 4

Я некоторое время использовал Windows Live Writer , и есть плагин для вставки из Visual Studio , который выполняет цветовое кодирование за вас. Затем я закодировал этот контент в своем посте Blogger / Wordpress.

Теперь я использую плагин на основе Java для Wordpress SyntaxHighlighter Evolved , который обеспечивает перенос строк.

Answer 5

Попробуйте это подсветка синтаксиса . Если вы используете конкретную CMS, возможно, для этого уже созданы модули.

Answer 6

Google "подсветка синтаксиса". Существует множество библиотек, многие из которых используют JavaScript.

Answer 7

На самом деле я бы хотел, чтобы в качестве ответа я прокомментировал комментарий jballs ... но я не могу. Хотя он был прав - SyntaxHighlighter , кажется, проще всего получить / использовать, и его тоже много поддерживают.

Я реализовал это очень быстро. Протестировал и объяснил мои шаги здесь: Раскраска кода с помощью Syntax Highlighter

Answer 8

Вы также можете использовать экспорт vim в виде HTML, а затем скопировать и вставить в блоггер. Не лучшее решение, но, вероятно, самое простое.