gpt4 book ai didi

javascript - 如何在我的博主博客上更好地显示代码?

转载 作者:技术小花猫 更新时间:2023-10-29 11:50:49 27 4
gpt4 key购买 nike

现在,在任何显示代码片段的站点(甚至在 Stackoverflow 中),代码都很好地包裹在 GUI 元素周围,突出显示语法元素,提供行号等。我想展示一些 ruby​​ on rails 代码在我的博客中,我想在我的博客中使用这些视觉元素。

我怎样才能在我的博客上完成这个?

最佳答案

在 Blogger 中单击“编辑 HTML”,然后在 <head> 中插入以下内容HTML 部分:

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shLegacy.js"></script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" /> <script language="javascript">
window.onload = function () {
dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
dp.SyntaxHighlighter.BloggerMode();
}
</script>

和下面的<body>无论你想把代码放在哪里:

<pre class="brush: ruby" name="code"># Your Ruby Code</pre>

关于javascript - 如何在我的博主博客上更好地显示代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1644201/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com