Как добавить подсветку синтаксиса в блог WordPress, размещенный на WordPress.com?

43

Я хочу иметь хороший синтаксический ярлык для своего блога WordPress. Какие у меня варианты? Я часто вижу тот, у которого есть яркая подсветка синтаксиса и опции для копирования в буфер обмена. Кто-нибудь есть идея, какой инструмент это?

  • 0
    Dupe? stackoverflow.com/questions/81338 / ...
  • 0
    ХОРОШО. Я это сделал. Маркировка как обманщик.
Показать ещё 4 комментария
Теги:
syntax-highlighting
blogs

8 ответов

69
Лучший ответ

На wordpress.com вы не можете устанавливать плагины, поэтому вам нужно использовать встроенный виджет Wordpress.

Сделайте это как:

[code language='python']

[/code]

Обратите внимание, что те теги попадают в ваш визуальный редактор, а не в HTML-редактор.

Вы можете найти дополнительную информацию здесь.

  • 9
    Пока это единственный правильный ответ. Каждый пропустил важную мелочь, которую его блог размещает на wordpress.com, что не позволяет устанавливать плагины.
  • 3
    Это кажется большим вопросом для новых WebApps на Stack Exchange
Показать ещё 9 комментариев
3

SyntaxHighlighter - довольно хороший инструмент. Он использует JavaScript с CSS-классами для обозначения элементов HTML, которые должны быть выделены. Он также позволяет копировать код в буфер обмена и печатать.

2

Лучший способ подсветки синтаксиса - использовать prismjs, который полностью свободен от потрясающих функций.

  • Он поддерживает почти все языки программирования, скрипты оболочки и многое другое.

  • Это очень легкий вес, и он не будет болеть на ваших сайтах, как другие плагины подсветки синтаксиса.

Для настройки prismjs вам нужно немного изменить код в файле functions.php. Следуйте за turoails в этом блоге http://skillslane.com/setup-syntax-highlighter-for-wordpress/

1

Вот офлайн-вариант (я знаю, что вы спрашиваете об онлайн-инструменте, но на всякий случай...)

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

Это действительно справедливо:

  • исходный код смещения не менее чем на 4 пробелов и указать язык на первая строка, как :::html
  • запустите файл через:

python script:

import markdown
html = markdown.markdown(text,['codehilite'])

Я устанавливаю уценку с помощью пигментов, возможно, вы можете просто использовать pygments для исходного кода. Вы запустите файл, который предположил script, а затем скопируйте html в свой блог.

Вы можете сбросить стиль css, выделить синтаксис, из pygments, а затем либо ссылку на него, либо включить его на свою страницу. Я не уверен, поддерживает ли Wordpress это.

Вот как настроить уценку с помощью пигментов для подсветки синтаксиса (для Blogger - единственная специфика для Blogger - это то, что он обновляет Blogger css с css, чтобы выделить код).

1

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

1

http://wordpress.org/extend/plugins/devformatter/

WP Plugin для подсветки синтаксиса!

  • 0
    Итак, как установить плагины в блог WordPress, размещенный на WordPress.com? как хочет ОП
  • 0
    Это не дает правильного ответа на вопрос, поскольку OP запрашивает wordpress.com, а не wordpress.org, где первый не поддерживает установку плагинов.
0

Я разработал плагин легкий синтаксический ярлык для WordPress под названием "Мивак". В плагине есть редактор кода для быстрого ввода кода, с проверкой на наличие ошибок и подсветкой синтаксиса. Это также highliy настраиваемый.

Плагин размещен на wordpress.org

  • 0
    Но как я могу установить Mivhak, поскольку я использую блог WordPress, размещенный на WordPress.com?
  • 0
    @ArmanOrtega, когда я писал этот ответ, я не знал о том, что вы не можете установить плагины на WordPress.com
Показать ещё 1 комментарий
0

Вы можете использовать синтаксис Алекса Горбачева. Его javascript и очень прост и хорошо поддерживается, прост в установке и модификации. Вот несколько инструкций для блоггера... но все, что вам нужно сделать, это удалить строку blogger = true.

http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html

Ещё вопросы

Сообщество Overcoder
Наверх
Меню