<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>代码 on 世界杯竞猜官网-热门球队数据分析与赛事预测平台</title><link>https://cn-club-fifa.com/tags/-%E4%BB%A3%E7%A0%81/</link><description>Recent content in 代码 on 世界杯竞猜官网-热门球队数据分析与赛事预测平台</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Wed, 20 May 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://cn-club-fifa.com/tags/-%E4%BB%A3%E7%A0%81/index.xml" rel="self" type="application/rss+xml"/><item><title>代码语法高亮</title><link>https://cn-club-fifa.com/post/syntax-highlighting/</link><pubDate>Wed, 20 May 2026 00:00:00 +0000</pubDate><guid>https://cn-club-fifa.com/post/syntax-highlighting/</guid><description>&lt;p&gt;在技术文档、教程或任何包含代码示例的博客文章中，清晰的代码语法高亮是提升可读性的关键。Hugo 内置了对代码语法高亮的支持，通常通过 Chroma 代码语法高亮器实现。&lt;/p&gt;
&lt;h3 id="启用语法高亮"&gt;启用语法高亮&lt;/h3&gt;
&lt;p&gt;大多数 Hugo 主题默认启用了语法高亮。如果你的主题没有，或者你想自定义，通常有以下几种方式：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;全局启用（在 &lt;code&gt;config.toml&lt;/code&gt; 中）&lt;/strong&gt;:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-toml" data-lang="toml"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;[&lt;span style="color:#a6e22e"&gt;params&lt;/span&gt;]
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#a6e22e"&gt;highlight&lt;/span&gt; = &lt;span style="color:#66d9ef"&gt;true&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;主题配置&lt;/strong&gt;: 检查你所使用主题的文档，它可能提供了特定的配置选项来启用或禁用语法高亮。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="markdown-中的代码块"&gt;Markdown 中的代码块&lt;/h3&gt;
&lt;p&gt;Hugo 支持标准的 Markdown 代码块语法：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;围栏代码块 (Fenced Code Blocks)&lt;/strong&gt;: 使用三个反引号（&lt;code&gt;```&lt;/code&gt;）来包裹代码块。你可以在开头的反引号后指定语言，以获得正确的语法高亮。&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;```go
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;package main
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;import &amp;#34;fmt&amp;#34;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;func main() {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; fmt.Println(&amp;#34;Hello, Hugo!&amp;#34;)
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;pre tabindex="0"&gt;&lt;code&gt;
```markdown
```python
def greet(name):
 print(f&amp;#34;Hello, {name}!&amp;#34;)

greet(&amp;#34;World&amp;#34;)
&lt;/code&gt;&lt;/pre&gt;&lt;pre tabindex="0"&gt;&lt;code&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;缩进代码块 (Indented Code Blocks)&lt;/strong&gt;: 将代码块的每一行缩进四个空格。这种方式通常不如围栏代码块灵活，并且指定语言高亮的功能有限。&lt;/p&gt;
&lt;pre tabindex="0"&gt;&lt;code&gt; package main

 import &amp;#34;fmt&amp;#34;

 func main() {
 fmt.Println(&amp;#34;Hello, Hugo!&amp;#34;)
 }
&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id="支持的语言"&gt;支持的语言&lt;/h3&gt;
&lt;p&gt;Chroma 支持大量的编程语言。你可以在 Hugo 的文档或 Chroma 的官方文档中找到支持的语言列表。如果你的主题支持，通常会有一个 &lt;code&gt;chromastyles.Go&lt;/code&gt; 文件，其中定义了可用的样式。&lt;/p&gt;</description></item></channel></rss>