如何在SquareSpace博客的教程中显示代码块

Question

我正在尝试将代码显示为我的Squarespace博客文章中的教程的一部分。我知道如何插入代码并保存它，以便它显示为html或javascript，但我希望它像在stackoverflow上显示代码一样缩进和着色。有什么想法吗？

下面是代码在帖子中的外观：

Answer 1

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

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

   这将自动格式化HTML，CSS或JavaScript。对于其他语言，可以接受折衷方案并选择“ JavaScript”。例如，某些Python代码在格式化为JavaScript时看起来会很好。当然，您将需要在Squarespace之外的文本/代码编辑器中编写代码，然后将其复制/粘贴到块中。这将在很大程度上保持您的缩进。

2. 使用HTML格式工具。

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

以上建议假定您具有首选的代码/文本编辑器，可用于编写代码，而只是想从那里获取并将其插入Squarespace网站。如果您要选择编辑器，那么这是一个很大的话题。您需要search around。