Создайте фрагмент кода с помощью CSS

Question

Может ли кто-нибудь дать мне ссылку, учебное пособие или уже созданный шаблон CSS для оформления фрагмента кода, чтобы добавить эту функцию в мой блог?

Я видел примеры в многочисленных блогах, но теперь, когда я ищу их, я не могу на них положиться!

Я хочу опубликовать фрагмент кода с окраской ключевых слов, номерами строк и т. Д.

Большое спасибо заранее.

РЕДАКТИРОВАТЬ: я знаю, что есть какое-то решение, например prettify (спасибо Developer Art) или SyntaxHighliter , но я на платформе и не могу использовать Javascript

Answer 1

Prettify - это то, что вы ищете.

Вы включаете кучу файлов JavaScript и CSS на свои страницы и отмечаете разделы страницы, которые необходимо предварительно подтвердить В значительной степени это.

Answer 2

manoli.net предлагает интерактивную подсветку синтаксиса копирования / вставки:

Этот инструмент позволяет вам отформатировать C #, VB, HTML, XML, T-SQL или MSH (код имя Монада) код для публикации на веб-сайт или в блоге.

Вывод соответствует HTML 4.01 спецификация и имеет цветовую кодировку облегчить чтение. Цвета могут изменить, изменив стиль CSS простынь. Смотрите образец.

И, возможно, вы захотите проверить проект Syntax Highlighter на CodePlex (хотя и не уверен, насколько он активен):

Подсветка синтаксиса преобразует текст кода в HTML, где общие элементы языка отформатированы с использованием таблицы стилей классы такие, что схема раскраски может быть переключен или изменен как простой как замена файла CSS. Главная освободить корабли как расширение для BlogEngine.NET.

Answer 3

Для этого также существуют решения на стороне сервера, которые, конечно, зависят от языка вашего сервера. PHP - это всегда популярный выбор для блогов, и в этом случае вы можете использовать не менее популярную библиотеку GeSHi .