我正在尝试在我的 squarespace 博客文章中将代码显示为教程的一部分。我知道如何插入代码并保存它，以便它显示为 html 或 javascript，但我希望它缩进和着色，类似于代码在 stackoverflow 上的显示方式。有什么想法吗？
下面是代码现在在帖子中的样子:
最佳答案
有几个选项可以在 Squarespace 中显示/格式化代码:
使用 Code Block选中“显示源”。
这将自动格式化 HTML、CSS 或 JavaScript。对于其他语言，可以接受妥协并选择“JavaScript”。例如，某些 Python 代码在格式化为 JavaScript 时看起来不错。当然，您会希望在 Squarespace 之外的文本/代码编辑器中编写代码，然后将其复制/粘贴到 block 中。这应该在很大程度上保持你的缩进。
使用 HTML 格式化工具。
在您最喜欢的文本/代码编辑器中编写代码。完成后，您可以将其复制/粘贴到类似 tohtml.com 的工具中。 (可能还有其他的；我在回答这个问题时才找到这个)，选择您的语言，然后提交。然后，它将输出具有内联样式的 HTML，您可以将其直接复制并粘贴到代码块中(不选中“显示源”)。您当然希望保存源代码以供将来编辑，因为此类工具会将代码格式化以供显示，这不利于以后编辑。
上述建议假设您有一个首选的代码/文本编辑器，用于编写代码，并且只想从那里将其插入到您的 Squarespace 网站中。如果你想选择一位编辑，这是一个很大且固执己见的话题。您会想要search around .
关于css - 如何在 SquareSpace 博客中显示代码块的教程，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58459182/