如何在Tumblr博客中显示颜色编码的Python代码段


Answers:


14

如果您太多,我会说去google-code-prettify

您所要做的就是添加一些javascript,css,然后就完成了。

检查一些示例,这里是设置:

  1. 下载发行版
  2. 在文档中包含脚本和样式表(您需要确保css和js文件在服务器上,并调整script和link标签中的路径)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. 将onload =“ prettyPrint()”添加到文档的body标签中。
  4. 修改样式表以获取您喜欢的颜色

我使用此方法的唯一问题是,它期望您code使用特定的标记标记您的标记,class如果您使用Markdown语法,则效果不佳。幸运的是,在页面加载时使用JS做到这一点不是问题。
MladenJablanović10年

8

您可以使用hilite.me

hilite.me将您的代码片段转换为漂亮的HTML格式,可以轻松地嵌入博客文章,电子邮件和网站中。
只需将源代码复制到左窗格,选择语言和配色方案,然后单击“突出显示!”。现在可以将右窗格中的HTML粘贴到您的博客或电子邮件中,不需要外部CSS或Javascript文件。

7

我使用Github的要旨来做到这一点。粘贴并创建要点,然后可以将其嵌入到包括tumblr的任何网页中。


这里有一个问题,它需要JS,因此如果用户未激活它,或者如果用户是搜索机器人,则您的代码将保持不可见。
MladenJablanović10年

我希望我可以不止一次投票。@MladenJablanović如今,如果没有JavaScript,您将无法使用大部分的网络。我认为这不是真正的问题。
Octavian A. Damiean 2012年

您能否详细说明如何执行此操作?我刚刚尝试过,要点将嵌入呈现为script元素-即使您使用HTML模式,Tumblr也会转义这些元素。有任何想法吗?
斯科茨
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.