How do I add syntax highlighting to a WordPress blog hosted on WordPress.com?

天涯浪子 提交于 2019-12-02 16:58:55
samoz

On wordpress.com, you can't install plugins, so you have to use Wordpress' built-in widget.

Do it like:

[code language='python']

[/code]

Note that those tags go inside your visual editor, not the HTML editor.

You can find more information here.

The best way for syntax highlighting is using prismjs, which is completely free with awesome features.

  1. It has support for almost all programming languages, shell scripts and much more.

  2. It is very light weight and it will not bog down your sites speed like other syntax highlighting plugins.

For configuring prismjs you need to do little code tweaks in your function.php file. Follow the turoails in this blog http://skillslane.com/setup-syntax-highlighter-for-wordpress/

jacksonakj

SyntaxHighlighter is a pretty good tool. It uses JavaScript with CSS classes to mark HTML elements that should be highlighted. It also allows code to be copied to the clipboard and printed.

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

WP Plugin for various syntax highlighting!

If you don't want to, or can't install stuff on your blog, I suggest you use pygments to highlight your code. I described this here.

Here is an offline option (I know you are asking about online tool but just in case ...)

I use offline tools to process the blog entry with source code examples into html format and then just post the html.

It's really just:

  • offset source code by at least 4 spaces and specify language on the first line like :::html
  • run your file through:

python script:

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

I setup markdown with pygments probably you could just use pygments for source code. You run the file thought the script and then copy paste the html to your blog.

You can dump css style, to highlight syntax, from pygments and then either link to it or include it in your page. I'm not sure if wordpress supports that.

Here is how to setup markdown with pygments to do syntax highlighting (for Blogger - the only specifics for Blogger is that it updates the Blogger css with the css to highlight code).

You could use the Alex Gorbatchev's SyntaxHighlighter. Its javascript and really simple and well supported, easy to install and modify. Here are some instructions for blogger... but all you have to do you to do is remove the blogger=true line.

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

I have developed a lightweight syntax highlighter plugin for WordPress called "Mivhak". The plugin has a backend code editor to easily insert code, with live error checking and syntax highlighting. It is also highliy customizable.

The plugin is hosted on wordpress.org

It now supports SyntaxHighlighter Code blocks.

Although it's a little inconvenient that languages must be chosen in the aside settings.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!