我的博客托管在Blogger上,我经常用C / c# / Java / XML等语言发布代码片段,但我发现这些代码片段“支离破碎”。
是否有任何网站,我可以用来事先解析代码片段,整理格式,将XML“<”转换为“<”等。
在这个领域有很多关于SO的问题,但我找不到任何直接解决这个问题的问题。
编辑:对于@Rich答案,网站声明“要在您的网站上显示格式化的代码,您需要获得此CSS样式表,并在页面的<head>部分中添加对它的引用”。这就是问题所在——你不能在博客AFAIK上这样做。
我的博客托管在Blogger上,我经常用C / c# / Java / XML等语言发布代码片段,但我发现这些代码片段“支离破碎”。
是否有任何网站,我可以用来事先解析代码片段,整理格式,将XML“<”转换为“<”等。
在这个领域有很多关于SO的问题,但我找不到任何直接解决这个问题的问题。
编辑:对于@Rich答案,网站声明“要在您的网站上显示格式化的代码,您需要获得此CSS样式表,并在页面的<head>部分中添加对它的引用”。这就是问题所在——你不能在博客AFAIK上这样做。
当前回答
使用SyntaxHighlighter可以很容易地做到这一点。我在我的博客上有一步一步地说明如何在Blogger中设置SyntaxHighlighter。SyntaxHighlighter非常容易使用。它可以让你以原始形式发布片段,然后将它们包装在pre块中,如:
<pre name="code" class="brush: erlang"><![CDATA[
-module(trim).
-export([string_strip_right/1, reverse_tl_reverse/1, bench/0]).
bench() -> [nbench(N) || N <- [1,1000,1000000]].
nbench(N) -> {N, bench(["a" || _ <- lists:seq(1,N)])}.
bench(String) ->
{{string_strip_right,
lists:sum([
element(1, timer:tc(trim, string_strip_right, [String]))
|| _ <- lists:seq(1,1000)])},
{reverse_tl_reverse,
lists:sum([
element(1, timer:tc(trim, reverse_tl_reverse, [String]))
|| _ <- lists:seq(1,1000)])}}.
string_strip_right(String) -> string:strip(String, right, $\n).
reverse_tl_reverse(String) ->
lists:reverse(tl(lists:reverse(String))).
]]></pre>
只需将笔刷名称更改为“python”或“java”或“javascript”,并粘贴您选择的代码。CDATA标记让您可以在其中放入几乎任何代码,而不用担心实体转义或其他代码博客的典型烦恼。
其他回答
我在我的博客上使用SyntaxHighlighter。实际的网站托管在我自己的服务器上,而不是博主的服务器上(博主可以选择将帖子发送到你自己的网站上),但拥有自己的域名和网络托管每个月只需要几美元。
Emacs的具体答案:就博客而言,它允许内联css。基于javascript的荧光笔的问题是,你必须接受它们的配色方案,或者实现你自己的配色方案。但是,像我一样,如果您喜欢自己的emacs配色方案,那么您还有更好的选择。我已经黑了“htmlize”。El”包为emacs添加以下四个功能…
blog-htmlize-buffer blog-htmlize-region blog-htmlize-buffer-with-linum blog-htmlize-region-with-linum
这些函数将在emacs中的新缓冲区中输出可复制粘贴的html(内联样式),您可以直接在您的博客文章中使用它。输出看起来与您在emacs中看到的代码完全相同(包括配色方案)。
这里是我博客的链接,在那里你可以找到如何使用“blog-htmlize”的详细信息。El "和emacs。这也消除了html编码的“小于”和“大于”符号。由于emacs负责所有的高亮显示和样式化,您不必担心js库是否支持代码片段的语言,也不必干预blogger中的模板代码。
你可以在这里找到elisp文件(将文件保存为blog-htmlize.el)
要发布你的html, javascript,c#和java,你应该转换特殊字符到html代码。作为<和'>'到>和e.t.c . .
添加这个链接代码转换器到iGoogle。这将帮助您转换特殊字符。
然后添加SyntaxHighlighter 3.0.83新版本自定义你的博客代码。但是你应该知道如何在你的博客模板中配置syntaxHighlighter。
使用SyntaxHighlighter可以很容易地做到这一点。我在我的博客上有一步一步地说明如何在Blogger中设置SyntaxHighlighter。SyntaxHighlighter非常容易使用。它可以让你以原始形式发布片段,然后将它们包装在pre块中,如:
<pre name="code" class="brush: erlang"><![CDATA[
-module(trim).
-export([string_strip_right/1, reverse_tl_reverse/1, bench/0]).
bench() -> [nbench(N) || N <- [1,1000,1000000]].
nbench(N) -> {N, bench(["a" || _ <- lists:seq(1,N)])}.
bench(String) ->
{{string_strip_right,
lists:sum([
element(1, timer:tc(trim, string_strip_right, [String]))
|| _ <- lists:seq(1,1000)])},
{reverse_tl_reverse,
lists:sum([
element(1, timer:tc(trim, reverse_tl_reverse, [String]))
|| _ <- lists:seq(1,1000)])}}.
string_strip_right(String) -> string:strip(String, right, $\n).
reverse_tl_reverse(String) ->
lists:reverse(tl(lists:reverse(String))).
]]></pre>
只需将笔刷名称更改为“python”或“java”或“javascript”,并粘贴您选择的代码。CDATA标记让您可以在其中放入几乎任何代码,而不用担心实体转义或其他代码博客的典型烦恼。
共享代码最简单的方法是使用公共主旨。只需编写一个并粘贴到嵌入代码。容易peasy。
http://gist.github.com
为了解决搜索引擎的问题,可以在页面上使用隐藏的div,简单如下:
<div style="display:none"> content </div>