如何在 SquareSpace 博客中显示代码块以获取教程

Question

我正在尝试在我的 squarespace 博客文章中显示代码作为教程的一部分。我知道如何插入代码并保存它，以便它显示为 html 或 javascript，但我希望它的缩进和阴影类似于代码在 stackoverflow 上的显示方式。有什么想法吗？

下面是代码现在在帖子中的样子：

Answer 1

在 Squarespace 中显示/格式化代码有几个选项：

1. 使用 Code Block 并选中“显示来源”。

   这将自动格式化 HTML、CSS 或 JavaScript。对于其他语言，可以接受妥协并选择“JavaScript”。例如，一些 Python 代码在格式化为 JavaScript 时看起来还不错。当然，您会希望在 Squarespace 之外的文本/代码编辑器中编写代码，然后将其复制/粘贴到块中。这应该在很大程度上保持您的缩进。
   
   

2. 使用 HTML 格式化工具。

   在您喜欢的文本/代码编辑器中编写您的代码。完成后，您可以将其复制/粘贴到tohtml.com 之类的工具中（可能还有其他工具；我在回答这个问题时才找到这个），选择您的语言并提交。然后它将输出带有内联样式的 HTML，您可以直接复制并粘贴到代码块中（不选中“显示源”）。您当然会希望保存源代码以供将来编辑，因为诸如此类的工具会格式化代码以供显示，这不利于以后的编辑。

以上建议假设您有一个首选的代码/文本编辑器，用于编写代码，并且只想从那里获取并将其插入您的 Squarespace 网站。如果您正在寻找一个编辑器，这是一个大而固执的话题。你会想search around。