<!DOCTYPE html> <html lang="en"> <head> <title>Code blocks variants :: Privacynerd's blog</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Sample article showcasing most popular programming languages." /> <meta name="keywords" content="" /> <meta name="robots" content="noodp" /> <link rel="canonical" href="https://blog.privacynerd.de/en/posts/showcase-code/" /> <link rel="stylesheet" href="https://blog.privacynerd.de/css/buttons.min.86f6b4c106b6c6eb690ae5203d36b442c1f66f718ff4e8164fa86cf6c61ad641.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/code.min.4f0ccc8439f99bf7f7970298556b94011aabc1fcae743b6842fc3361a2da9ea3.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/fonts.min.5bb7ed13e1d00d8ff39ea84af26737007eb5051b157b86fc24487c94f3dc8bbe.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/footer.min.eb8dfc2c6a7eafa36cd3ba92d63e69e849e2200e0002a228d137f236b09ecd75.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/gist.min.a751e8b0abe1ba8bc53ced52a38b19d8950fe78ca29454ea8c2595cf26aad5c0.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/header.min.75c7eb0e2872d95ff48109c6647d0223a38db52e2561dd87966eb5fc7c6bdac6.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/main.min.15870410d15d02abd22fb5ef00996f65a00d04b3a7435e9f83831c7c2298de88.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/menu.min.3c17467ebeb3d38663dce68f71f519901124fa5cbb4519b2fb0667a21e9aca39.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/pagination.min.bbb986dbce00a5ce5aca0504b7925fc1c581992a4bf57f163e5d69cc1db7d836.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/post.min.e6dddd258e64c83e05cec0cd49c05216742d42fc8ecbfbe6b67083412b609bd3.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/syntax.min.a0773cce9310cb6d8ed23e50f005448facf29a53001b57e038828daa466b25c0.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/terminal.min.e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/css/terms.min.b81791663c3790e738e571cdbf802312390d30e4b1d8dc9d814a5b5454d0ac11.css"> <link rel="stylesheet" href="https://blog.privacynerd.de/terminal.css"> <link rel="shortcut icon" href="https://blog.privacynerd.de/favicon.png"> <link rel="apple-touch-icon" href="https://blog.privacynerd.de/apple-touch-icon.png"> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="" /> <meta name="twitter:creator" content="Radek" /> <meta property="og:locale" content="en" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Code blocks variants"> <meta property="og:description" content="Sample article showcasing most popular programming languages." /> <meta property="og:url" content="https://blog.privacynerd.de/en/posts/showcase-code/" /> <meta property="og:site_name" content="Privacynerd's blog" /> <meta property="og:image" content="https://blog.privacynerd.de/og-image.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="627"> <meta property="article:published_time" content="2025-04-09 07:17:39 +0200 CEST" /> <style> #banner { width: 100%; height: 2rem; display: grid; grid-template-columns: 1fr auto; background: var(--accent); } #banner span { display: flex; align-items: center; justify-content: center; } #banner a { color: var(--background); display: inline; } #banner > button { padding: 0 5px 0 0; margin: 0; } </style> <div id="banner"><span><a href="https://git.privacynerd.de/git.privacynerd.de/blog.privacynerd.de">Construction site 🚧 | Work in progress</a></span></div> </head> <body> <div class="container center"> <header class="header"> <div class="header__inner"> <div class="header__logo"> <a href="/en"> <div class="logo"> Privacynerd's blog </div> </a> </div> <ul class="menu menu--mobile"> <li class="menu__trigger">Menu â–¾</li> <li> <ul class="menu__dropdown"> <li><a href="/en/about">About</a></li> <li><a href="/en/tags">Tags</a></li> <hr /> <li> <b> <a href="/en/posts/showcase-code/">English</a> </b> </li> <li> <a href="/de/posts/showcase-code/">Deutsch</a> </li> </ul> </li> </ul> <ul class="menu menu--desktop menu--language-selector"> <li class="menu__trigger">en â–¾</li> <li> <ul class="menu__dropdown"> <li> <b> <a href="/en/posts/showcase-code/">English</a> </b> </li> <li> <a href="/de/posts/showcase-code/">Deutsch</a> </li> </ul> </li> </ul> </div> <nav class="navigation-menu"> <ul class="navigation-menu__inner menu--desktop"> <li><a href="/en/about" >About</a></li> <li><a href="/en/tags" >Tags</a></li> </ul> </nav> </header> <div class="content"> <article class="post"> <h1 class="post-title"> <a href="https://blog.privacynerd.de/en/posts/showcase-code/">Code blocks variants</a> </h1> <div class="post-meta"><time class="post-date">2025-04-09</time><span class="post-author">Radek</span><span class="post-reading-time">5 minutes to read (536 words)</span></div> <span class="post-tags"> #<a href="https://blog.privacynerd.de/en/tags/programming/">programming</a> #<a href="https://blog.privacynerd.de/en/tags/code/">code</a> </span> <div class="table-of-contents"> <h2> Table of Contents </h2> <nav id="TableOfContents"> <ul> <li><a href="#examples">Examples:</a> <ul> <li><a href="#raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)</a></li> <li><a href="#with-specified-language">With specified language</a></li> </ul> </li> <li><a href="#programming-languages">Programming languages:</a> <ul> <li><a href="#a">A</a></li> <li><a href="#b">B</a></li> <li><a href="#c">C</a></li> <li><a href="#d">D</a></li> <li><a href="#e">E</a></li> <li><a href="#f">F</a></li> <li><a href="#g">G</a></li> <li><a href="#h">H</a></li> <li><a href="#j">J</a></li> <li><a href="#k">K</a></li> <li><a href="#l">L</a></li> <li><a href="#m">M</a></li> <li><a href="#n">N</a></li> <li><a href="#o">O</a></li> <li><a href="#p">P</a></li> <li><a href="#r">R</a></li> <li><a href="#s">S</a></li> <li><a href="#t">T</a></li> <li><a href="#v">V</a></li> <li><a href="#z">Z</a></li> </ul> </li> </ul> </nav> </div> <div class="post-content"><div> <p>Since v4.2.0, Terminal Theme uses Chroma as syntax highlighter. As Hugo documentation refers: “it is built in Go and is really, really fast”.</p> <p>Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the <code>{{ < code > }}</code> shortcode example, all other blocks are generated based on the configuration you can learn about from the <a href="https://gohugo.io/content-management/syntax-highlighting/">official Hugo docs</a>.</p> <hr> <h2 id="examples">Examples:<a href="#examples" class="hanchor" ariaLabel="Anchor">#</a> </h2> <h3 id="raw-block-with-no-specified-language-and-no-syntax-highlighting">Raw block with no specified language (and no syntax highlighting)<a href="#raw-block-with-no-specified-language-and-no-syntax-highlighting" class="hanchor" ariaLabel="Anchor">#</a> </h3> <pre tabindex="0"><code><!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Example HTML5 Document</title> </head> <body> <p>Test</p> </body> </html> </code></pre><h3 id="with-specified-language">With specified language<a href="#with-specified-language" class="hanchor" ariaLabel="Anchor">#</a> </h3> <h4 id="line-highlighting">Line highlighting<a href="#line-highlighting" class="hanchor" ariaLabel="Anchor">#</a> </h4> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span> </span></span><span class="line hl"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Example HTML5 Document<span class="p"></</span><span class="nt">title</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span> </span></span></code></pre></div><h4 id="line-highlighting--table-line-numbers">Line highlighting / table line numbers<a href="#line-highlighting--table-line-numbers" class="hanchor" ariaLabel="Anchor">#</a> </h4> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="hl"><span class="lnt"> 5 </span></span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span> </span></span><span class="line hl"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Example HTML5 Document<span class="p"></</span><span class="nt">title</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span> </span></span></code></pre></td></tr></table> </div> </div><h4 id="line-highlighting--inline-line-numbers">Line highlighting / inline line numbers<a href="#line-highlighting--inline-line-numbers" class="hanchor" ariaLabel="Anchor">#</a> </h4> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="ln"> 1</span><span class="cl"><span class="cp"><!doctype html></span> </span></span><span class="line"><span class="ln"> 2</span><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> </span></span><span class="line"><span class="ln"> 3</span><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="ln"> 4</span><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span> </span></span><span class="line hl"><span class="ln"> 5</span><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Example HTML5 Document<span class="p"></</span><span class="nt">title</span><span class="p">></span> </span></span><span class="line"><span class="ln"> 6</span><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="ln"> 7</span><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="ln"> 8</span><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span> </span></span><span class="line"><span class="ln"> 9</span><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="ln">10</span><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span> </span></span></code></pre></div><h4 id="hugos-internal---highlight---shortcode">Hugo’s internal <code>{{ < highlight > }}</code> shortcode<a href="#hugos-internal---highlight---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </h4> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Example HTML5 Document<span class="p"></</span><span class="nt">title</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span></span></span></code></pre></div> <h4 id="custom-built-in---code---shortcode">Custom built-in <code>{{ < code > }}</code> shortcode<a href="#custom-built-in---code---shortcode" class="hanchor" ariaLabel="Anchor">#</a> </h4> <details class="collapsable-code" open> <summary title="Click to interact"><span class="collapsable-code__title">Hey, this is a code block title</span></summary> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp"><!doctype html></span> </span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">"en"</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">"utf-8"</span> <span class="p">/></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">title</span><span class="p">></span>Example HTML5 Document<span class="p"></</span><span class="nt">title</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">head</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">></span>Test<span class="p"></</span><span class="nt">p</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">body</span><span class="p">></span> </span></span><span class="line"><span class="cl"><span class="p"></</span><span class="nt">html</span><span class="p">></span></span></span></code></pre></td></tr></table> </div> </div></details> <h2 id="programming-languages">Programming languages:<a href="#programming-languages" class="hanchor" ariaLabel="Anchor">#</a> </h2> <h3 id="a">A<a href="#a" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-abap" data-lang="abap"><span class="line"><span class="cl"><span class="k">WRITE</span> <span class="s1">'Hello, World!'</span><span class="p">.</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-actionscript" data-lang="actionscript"><span class="line"><span class="cl"><span class="kd">package</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">class</span> <span class="nx">HelloWorld</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="kd">public</span> <span class="kd">static</span> <span class="kd">function</span> <span class="nx">main</span><span class="p">()</span><span class="o">:</span><span class="nx">void</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="nf">trace</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">);</span> </span></span><span class="line"><span class="cl"> <span class="p">}</span> </span></span><span class="line"><span class="cl"> <span class="p">}</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ada" data-lang="ada"><span class="line"><span class="cl"><span class="kn">with</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> <span class="kn">use</span> <span class="nn">Ada.Text_IO</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="kd">procedure</span> <span class="nf">Hello</span> <span class="kr">is</span> </span></span><span class="line"><span class="cl"><span class="kr">begin</span> </span></span><span class="line"><span class="cl"> <span class="n">Put_Line</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span> </span></span><span class="line"><span class="cl"><span class="kr">end</span> <span class="nf">Hello</span><span class="p">;</span> </span></span></code></pre></div><h3 id="b">B<a href="#b" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">echo</span> <span class="s2">"Hello, World!"</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-brainfuck" data-lang="brainfuck"><span class="line"><span class="cl"><span class="nb">+</span><span class="k">[</span><span class="nb">-----</span><span class="nv">></span><span class="nb">+++</span><span class="nv"><</span><span class="k">]</span><span class="nv">></span><span class="nt">.</span><span class="nb">++++++++++++</span><span class="nt">..</span><span class="nb">+++</span><span class="nt">.</span><span class="nv">></span><span class="nb">++++++</span><span class="k">[</span><span class="nb">-</span><span class="nv">></span><span class="nb">+++++++</span><span class="nv"><</span><span class="k">]</span><span class="nv">></span><span class="nb">+</span><span class="nt">.</span><span class="nb">------------</span><span class="nt">.</span><span class="nb">---</span><span class="nt">.</span><span class="nb">+++++</span><span class="nt">.</span><span class="c"> </span></span></span></code></pre></div><h3 id="c">C<a href="#c" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c" data-lang="c"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf"><stdio.h></span><span class="cp"> </span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="nf">printf</span><span class="p">(</span><span class="s">"Hello, World!</span><span class="se">\n</span><span class="s">"</span><span class="p">);</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-csharp" data-lang="csharp"><span class="line"><span class="cl"><span class="k">using</span> <span class="nn">System</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">Program</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="kd">static</span> <span class="k">void</span> <span class="n">Main</span><span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="n">Console</span><span class="p">.</span><span class="n">WriteLine</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span> </span></span><span class="line"><span class="cl"> <span class="p">}</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-c++" data-lang="c++"><span class="line"><span class="cl"><span class="cp">#include</span> <span class="cpf"><iostream></span><span class="cp"> </span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o"><<</span> <span class="s">"Hello, World!"</span> <span class="o"><<</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><h3 id="d">D<a href="#d" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-d" data-lang="d"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">std.stdio</span><span class="o">;</span> </span></span><span class="line"><span class="cl"><span class="kt">void</span> <span class="nf">main</span><span class="o">()</span> <span class="o">{</span> </span></span><span class="line"><span class="cl"> <span class="n">writeln</span><span class="o">(</span><span class="s">"Hello, World!"</span><span class="o">);</span> </span></span><span class="line"><span class="cl"><span class="o">}</span> </span></span></code></pre></div><h3 id="e">E<a href="#e" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-elixir" data-lang="elixir"><span class="line"><span class="cl"><span class="nc">IO</span><span class="o">.</span><span class="n">puts</span> <span class="s2">"Hello, World!"</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-erlang" data-lang="erlang"><span class="line"><span class="cl"><span class="p">-</span><span class="ni">module</span><span class="p">(</span><span class="n">hello</span><span class="p">).</span> </span></span><span class="line"><span class="cl"><span class="p">-</span><span class="ni">export</span><span class="p">([</span><span class="n">world</span><span class="o">/</span><span class="mi">0</span><span class="p">]).</span> </span></span><span class="line"><span class="cl"><span class="nf">world</span><span class="p">()</span> <span class="o">-></span> <span class="nn">io</span><span class="p">:</span><span class="nf">format</span><span class="p">(</span><span class="s">"Hello, World!</span><span class="si">~n</span><span class="s">"</span><span class="p">).</span> </span></span></code></pre></div><h3 id="f">F<a href="#f" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fsharp" data-lang="fsharp"><span class="line"><span class="cl"><span class="n">printfn</span> <span class="s">"Hello, World!"</span> </span></span></code></pre></div><h3 id="g">G<a href="#g" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">package</span> <span class="nx">main</span> </span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">"fmt"</span> </span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">)</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><h3 id="h">H<a href="#h" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-haskell" data-lang="haskell"><span class="line"><span class="cl"><span class="nf">main</span> <span class="ow">=</span> <span class="n">putStrLn</span> <span class="s">"Hello, World!"</span> </span></span></code></pre></div><h3 id="j">J<a href="#j" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-js" data-lang="js"><span class="line"><span class="cl"><span class="kd">var</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">;</span> <span class="c1">// Declare 3 variables </span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// Assign the value 5 to x </span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">y</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span> <span class="c1">// Assign the value 6 to y </span></span></span><span class="line"><span class="cl"><span class="c1"></span><span class="nx">z</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span> <span class="c1">// Assign the sum of x and y to z </span></span></span><span class="line"><span class="cl"><span class="c1"></span> </span></span><span class="line"><span class="cl"><span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s2">"demo"</span><span class="p">).</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">"The value of z is "</span> <span class="o">+</span> <span class="nx">z</span> <span class="o">+</span> <span class="s2">"."</span><span class="p">;</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-jsx" data-lang="jsx"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">Video</span><span class="p">({</span> <span class="nx">video</span> <span class="p">})</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">div</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">Thumbnail</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">.</span><span class="nx">url</span><span class="p">}></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">h3</span><span class="p">>{</span><span class="nx">video</span><span class="p">.</span><span class="nx">title</span><span class="p">}</</span><span class="nt">h3</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">p</span><span class="p">>{</span><span class="nx">video</span><span class="p">.</span><span class="nx">description</span><span class="p">}</</span><span class="nt">p</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">a</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">LikeButton</span> <span class="na">video</span><span class="o">=</span><span class="p">{</span><span class="nx">video</span><span class="p">}</span> <span class="p">/></span> </span></span><span class="line"><span class="cl"> <span class="p"></</span><span class="nt">div</span><span class="p">></span> </span></span><span class="line"><span class="cl"> <span class="p">);</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-java" data-lang="java"><span class="line"><span class="cl"><span class="kd">public</span><span class="w"> </span><span class="kd">class</span> <span class="nc">HelloWorld</span><span class="w"> </span><span class="p">{</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="kd">public</span><span class="w"> </span><span class="kd">static</span><span class="w"> </span><span class="kt">void</span><span class="w"> </span><span class="nf">main</span><span class="p">(</span><span class="n">String</span><span class="o">[]</span><span class="w"> </span><span class="n">args</span><span class="p">)</span><span class="w"> </span><span class="p">{</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">System</span><span class="p">.</span><span class="na">out</span><span class="p">.</span><span class="na">println</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="p">}</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> </span></span></span></code></pre></div><h3 id="k">K<a href="#k" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-kotlin" data-lang="kotlin"><span class="line"><span class="cl"><span class="k">fun</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">)</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><h3 id="l">L<a href="#l" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">print</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">)</span> </span></span></code></pre></div><h3 id="m">M<a href="#m" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-matlab" data-lang="matlab"><span class="line"><span class="cl"><span class="nb">disp</span><span class="p">(</span><span class="s">'Hello, World!'</span><span class="p">)</span> </span></span></code></pre></div><h3 id="n">N<a href="#n" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nim" data-lang="nim"><span class="line"><span class="cl"><span class="n">echo</span> <span class="s">"Hello, World!"</span> </span></span></code></pre></div><h3 id="o">O<a href="#o" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-objectivec" data-lang="objectivec"><span class="line"><span class="cl"><span class="cp">#import <Foundation/Foundation.h> </span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="kt">int</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="k">@autoreleasepool</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="n">NSLog</span><span class="p">(</span><span class="s">@"Hello, World!"</span><span class="p">);</span> </span></span><span class="line"><span class="cl"> <span class="p">}</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><h3 id="p">P<a href="#p" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-perl" data-lang="perl"><span class="line"><span class="cl"><span class="k">print</span><span class="p">(</span><span class="s">"Hello, World!\n"</span><span class="p">);</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-php" data-lang="php"><span class="line"><span class="cl"><span class="o"><?</span><span class="nx">php</span> <span class="k">echo</span> <span class="s2">"Hello, World!"</span><span class="p">;</span> <span class="cp">?></span><span class="err"> </span></span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nb">print</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">)</span> </span></span></code></pre></div><h3 id="r">R<a href="#r" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-r" data-lang="r"><span class="line"><span class="cl"><span class="nf">cat</span><span class="p">(</span><span class="s">"Hello, World!\n"</span><span class="p">)</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-ruby" data-lang="ruby"><span class="line"><span class="cl"><span class="nb">puts</span> <span class="s2">"Hello, World!"</span> </span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-rust" data-lang="rust"><span class="line"><span class="cl"><span class="k">fn</span> <span class="nf">main</span><span class="p">()</span><span class="w"> </span><span class="p">{</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="fm">println!</span><span class="p">(</span><span class="s">"Hello, World!"</span><span class="p">);</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> </span></span></span></code></pre></div><h3 id="s">S<a href="#s" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-scala" data-lang="scala"><span class="line"><span class="cl"><span class="k">object</span> <span class="nc">HelloWorld</span> <span class="k">extends</span> <span class="nc">App</span> <span class="o">{</span> </span></span><span class="line"><span class="cl"> <span class="n">println</span><span class="o">(</span><span class="s">"Hello, World!"</span><span class="o">)</span> </span></span><span class="line"><span class="cl"><span class="o">}</span> </span></span></code></pre></div><h3 id="t">T<a href="#t" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-typescript" data-lang="typescript"><span class="line"><span class="cl"><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"Hello, World!"</span><span class="p">);</span> </span></span></code></pre></div><h3 id="v">V<a href="#v" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vlang" data-lang="vlang"><span class="line"><span class="cl"><span class="kd">fn</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="nb">println</span><span class="p">(</span><span class="s1">'Hello, World!'</span><span class="p">)</span> </span></span><span class="line"><span class="cl"><span class="p">}</span> </span></span></code></pre></div><h3 id="z">Z<a href="#z" class="hanchor" ariaLabel="Anchor">#</a> </h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-zig" data-lang="zig"><span class="line"><span class="cl"><span class="kr">const</span><span class="w"> </span><span class="n">std</span><span class="w"> </span><span class="o">=</span><span class="w"> </span><span class="nb">@import</span><span class="p">(</span><span class="s">"std"</span><span class="p">);</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="kr">pub</span><span class="w"> </span><span class="k">fn</span><span class="w"> </span><span class="n">main</span><span class="p">()</span><span class="w"> </span><span class="o">!</span><span class="kt">void</span><span class="w"> </span><span class="p">{</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="n">std</span><span class="p">.</span><span class="n">debug</span><span class="p">.</span><span class="n">print</span><span class="p">(</span><span class="s">"Hello, World!</span><span class="se">\n</span><span class="s">"</span><span class="p">,</span><span class="w"> </span><span class="p">.{});</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"></span><span class="p">}</span><span class="w"> </span></span></span></code></pre></div> </div></div> <div class="pagination"> <div class="pagination__title"> <span class="pagination__title-h">Read other posts</span> <hr /> </div> <div class="pagination__buttons"> <a href="https://blog.privacynerd.de/en/posts/showcase/" class="button inline next"> [<span class="button__text">Showcase</span>] > </a> </div> </div> </article> </div> <footer class="footer"> <style> .antidiscovery i { display: none; } </style> <div class="footer__inner"> <div class="copyright copyright--user"> <span class="antidiscovery">© 2025 <i>L</i>B<i>P</i>e<i>o</i>n<i>i</i>j<i>n</i>a<i>c</i>m<i>G</i>i<i>N</i>n<i>U</i> <i>S</i>B<i>k</i>u<i>o</i>r<i>K</i>k<i>y</i>h<i>f</i>a<i>H</i>r<i>r</i>d<i>y</i>t</span> <span style="margin-right: 10px">:: <a href="https://privacynerd.de/impressum?referrer=https%3a%2f%2fblog.privacynerd.de%2fen%2fposts%2fshowcase-code%2f">Imprint</a></span> <span>:: <a href="https://github.com/panr/hugo-theme-terminal" target="_blank">Theme</a> made by <a href="https://github.com/panr" target="_blank">panr</a> (customized)</span> </div> </div> </footer> <script type="text/javascript" src="/bundle.min.js"></script> <script src="https://swetrix.privacynerd.de/script.js" defer=""></script> <script> document.addEventListener('DOMContentLoaded', function() { swetrix.init('GyBjobBbBEEC', {apiURL: 'https://swetrix.privacynerd.de/api/log',}) swetrix.trackViews() swetrix.trackErrors({ sampleRate: 1, callback: undefined, }) }) </script> <noscript> <img src="https://swetrix.privacynerd.de/api/log/noscript?pid=GyBjobBbBEEC" alt="" referrerpolicy="no-referrer-when-downgrade" /> </noscript> </div> </body> </html>