html语言 高亮代码,实现HTML网页代码高亮的几种选择

代码高亮可以说是程序员必备，无论是搭建模块，或者是产品的说明网站都是需要展示代码的，而代码的样式直接的影响了阅读效果，一个好的代码高亮插件将会有好的体验。

Jekyll

Jekyll 是一种通过模版和数据编译为HTML的工具，说是工具，但是也可以说是服务，如果借助Github(搭建有Jekyll服务，可以实时编译)可以做出半动态网页；对于没有自己服务器的朋友来说是不错的选择。

一般情况下，使用Github＋Jekyll来搭建博客和一些说明性质的网页。

Mac下就用命令行搞定了。

在官方文档中可以看见其代码是非常简单的：

{% highlight ruby %}

def show

@widget = Widget(params[:id])

respond_to do |format|

format.html # show.html.erb

format.json { render json: @widget }

end

end

{% endhighlight %}

得到的效果也就是：

这个算是很多Jekyll 教程中使用的了，在大部分的高亮博客中基本都是使用的该高亮器。编译的时候需要先安装Python。

html语言 高亮代码,实现HTML网页代码高亮的几种选择

代码高亮可以说是程序员必备，无论是搭建模块，或者是产品的说明网站都是需要展示代码的，而代码的样式直接的影响了阅读效果，一个好的代码高亮插件将会有好的体验。

Jekyll

Jekyll 是一种通过模版和数据编译为HTML的工具，说是工具，但是也可以说是服务，如果借助Github(搭建有Jekyll服务，可以实时编译)可以做出半动态网页；对于没有自己服务器的朋友来说是不错的选择。

一般情况下，使用Github＋Jekyll来搭建博客和一些说明性质的网页。

Mac下就用命令行搞定了。

在官方文档中可以看见其代码是非常简单的：

{% highlight ruby %}

def show

@widget = Widget(params[:id])

respond_to do |format|

format.html # show.html.erb

format.json { render json: @widget }

end

end

{% endhighlight %}

得到的效果也就是：

这个算是很多Jekyll 教程中使用的了，在大部分的高亮博客中基本都是使用的该高亮器。编译的时候需要先安装Python。