广泛的语言和主题支持
80 多种不同的编程和标记语言中显示代码,每种语言都有准确的语法突出显示。从 8 个以上的视觉主题中进行选择,以匹配您网站的黑暗或浅色美学,使您的代码具有可读性和视觉吸引力。
- 非常适合涵盖 HTML、CSS、JS 和 PHP 等多种语言的教程博客。
- 使用黑暗主题打造现代、开发人员友好的外观。
- 保代码一目了然,易读易懂,提升学习体验。
一键复制功能
括用户友好的按钮,让访问者立即将您的代码复制到他们的剪贴板。自定义按钮的文本、位置以及复制后出现的确认消息,从而无需他们手动选择和复制。
- 为想要重用您的片段的开发人员大大改善用户体验。
- 通过使您有价值的代码易于获取和使用来提高参与度。
- 显示 “复制!”确认,以向用户提供明确的反馈。
全面视觉定制
Style 代码块的每个部分,与您的设计无缝融合 调整容器的填充、边距、边框,独立设计复制按钮的颜色、排版、转角。
- 将代码块的背景和边框与您网站的配色方案相匹配。
- 设计一个突出的复制按钮来鼓励点击。
- 控制代码周围的间距,以在页面上实现干净、集成的外观。
源代码常见问题
了解用户对源代码询问最多的查询,并在一个地方找到答案。
如何更改语法突出显示的编程语言?
在内容设置中,使用“Code”下拉菜单为您的片段选择正确的语言(例如,HTML、CSS、PHP)。这确保了关键字和语法准确着色。
我可以隐藏代码旁边的行号吗?
是的。您可以通过将"“启用行号”"选项设置为"“No。”来禁用行号。如果您的示例不需要行号,则可以为您提供更干净的代码块。
我可以将复制按钮放置在哪里?
(doctor block)的“;你可以选择按钮的位置,比如“;代码块的“;右上角”;你也可以控制它的可见性,将其设置为始终显示或可能只在悬停时出现。
显示的代码可由网站访问者编辑吗?
号代码以静态、样式化的块形式呈现,供查看和复制,访问者不能直接在您的页面上编辑源代码;仅供展示之用。
我可以使用自己的配色方案而不是预设的主题吗?
该元素提供了几个预先设计的主题(例如“明日”)。要使用完全自定义的颜色,您可能需要添加自定义 CSS,因为造型选项主要控制容器和按钮,而不是内部语法颜色。
复制按钮在移动设备上工作吗?
是复制功能设计为适用于所有设备,按钮触摸友好,在手机或平板电脑上点击复制命令将执行。
