要创建一个漂亮而整洁的代码块，你可以使用以下方法：

1. 使用HTML和CSS：你可以使用HTML的<pre>标签来保留代码的格式，并使用CSS样式来美化代码块。你可以设置代码块的背景颜色、字体样式、边框等。以下是一个示例代码：

<pre>
<code>
// 在这里插入你的代码
</code>
</pre>

1. 使用代码高亮库：为了让代码块更加易读和美观，你可以使用代码高亮库，例如Prism.js、Highlight.js或者Codemirror。这些库可以自动检测代码语言，并为代码块添加适当的语法高亮。你可以在网站上引入这些库，并按照它们的文档说明使用。
2. 使用在线代码编辑器：如果你希望用户能够直接在你的网站上编辑和复制代码，你可以使用在线代码编辑器，例如CodePen、JSFiddle或者JSBin。这些工具提供了一个交互式的代码编辑环境，用户可以在其中编辑代码，并立即看到结果。你可以将编辑器的嵌入代码复制到你的网站上。
3. 使用代码片段管理工具：如果你经常在网站上分享代码，你可以考虑使用代码片段管理工具，例如Gist、CodePen或者JSFiddle。这些工具允许你创建和保存代码片段，并为每个代码片段生成一个唯一的URL。你可以将这些URL分享给其他人，他们可以在浏览器中打开并查看你的代码。

无论你选择哪种方法，都要确保你的代码块易于阅读和复制。你可以使用适当的缩进、注释和代码结构来提高代码的可读性。另外，如果你使用了第三方库或工具，请确保在你的网站上提供相关的引用和文档链接。

腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（TBC）：https://cloud.tencent.com/product/tbc