如何在 SquareSpace 博客中显示代码块以获取教程
How to display blocks of code in SquareSpace blog for tutorials
我正尝试在我的 Squarespace 博客 post 中显示代码作为教程的一部分。我知道如何插入代码并保存它以便它显示为 html 或 javascript 但我希望它缩进和着色类似于代码在 Whosebug 上的显示方式。有什么想法吗？
下面是代码现在在 post 中的样子：
Squarespace 中的 display/format 代码有几个选项：
使用选中“显示源”的Code Block。
这将自动格式化 HTML、CSS 或 JavaScript。对于其他语言，可以接受妥协和 select“JavaScript”。例如，某些 Python 代码在格式化为 JavaScript 时看起来没问题。当然，您会希望在 Squarespace 之外的 text/code 编辑器中编写代码，然后 copy/paste 将其写入块中。这应该在很大程度上保持你的缩进。
使用 HTML 格式化工具。
在您最喜欢的 text/code 编辑器中编写您的代码。当你完成后，你可以copy/paste把它变成像tohtml.com这样的工具（可能还有其他的；我在回答这个问题时才找到这个），select你的语言，然后提交它。然后它将输出带有内联样式的 HTML，您可以直接将其复制并粘贴到代码块中（不选中“显示源”）。你当然会希望保存你的源代码以备日后编辑，因为诸如此类的工具会将代码格式化显示，不利于后期编辑。
以上建议假设您有一个首选的 code/text 编辑器，您可以使用它来编写代码，并且只想从那里获取它并将其插入您的 Squarespace 网站。如果您想选择一位编辑器，那将是一个庞大而自以为是的话题。你会想要 search around.
我正尝试在我的 Squarespace 博客 post 中显示代码作为教程的一部分。我知道如何插入代码并保存它以便它显示为 html 或 javascript 但我希望它缩进和着色类似于代码在 Whosebug 上的显示方式。有什么想法吗？
下面是代码现在在 post 中的样子：
Squarespace 中的 display/format 代码有几个选项：
使用选中“显示源”的Code Block。
这将自动格式化 HTML、CSS 或 JavaScript。对于其他语言，可以接受妥协和 select“JavaScript”。例如，某些 Python 代码在格式化为 JavaScript 时看起来没问题。当然，您会希望在 Squarespace 之外的 text/code 编辑器中编写代码，然后 copy/paste 将其写入块中。这应该在很大程度上保持你的缩进。
使用 HTML 格式化工具。
在您最喜欢的 text/code 编辑器中编写您的代码。当你完成后，你可以copy/paste把它变成像tohtml.com这样的工具（可能还有其他的；我在回答这个问题时才找到这个），select你的语言，然后提交它。然后它将输出带有内联样式的 HTML，您可以直接将其复制并粘贴到代码块中（不选中“显示源”）。你当然会希望保存你的源代码以备日后编辑，因为诸如此类的工具会将代码格式化显示，不利于后期编辑。
以上建议假设您有一个首选的 code/text 编辑器，您可以使用它来编写代码，并且只想从那里获取它并将其插入您的 Squarespace 网站。如果您想选择一位编辑器，那将是一个庞大而自以为是的话题。你会想要 search around.