4.9 KiB
4.9 KiB
+++ author = "Radek" title = "Code blocks variants" date = "2025-04-09T07:17:39+02:00" description = "Sample article showcasing most popular programming languages." tags = ["programming", "code"] +++
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".
Below you can see many basic presentations of the code blocks you can use depending on your needs. Except the {{ < code > }} shortcode example, all other blocks are generated based on the configuration you can learn about from the official Hugo docs.
Examples:
Raw block with no specified language (and no syntax highlighting)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
With specified language
Line highlighting
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
Line highlighting / table line numbers
1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
Line highlighting / inline line numbers
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Example HTML5 Document</title>
</head>
<body>
<p>Test</p>
</body>
</html>
Hugo's internal {{ < highlight > }} shortcode
{{< highlight html >}}
<!doctype html>
<html lang="en"> <head> </head>Test
</html> {{< /highlight >}}Custom built-in {{ < code > }} shortcode
{{< code title="Hey, this is a code block title" language="html" open="true" opts="linenos=table" >}}
<!doctype html>
<html lang="en"> <head> </head>Test
</html>{{< /code >}}
Programming languages:
A
WRITE 'Hello, World!'.
package {
public class HelloWorld {
public static function main():void {
trace("Hello, World!");
}
}
}
with Ada.Text_IO; use Ada.Text_IO;
procedure Hello is
begin
Put_Line("Hello, World!");
end Hello;
B
echo "Hello, World!"
+[----->+++<]>.++++++++++++..+++.>++++++[->+++++++<]>+.------------.---.+++++.
C
#include <stdio.h>
int main() {
printf("Hello, World!\n");
return 0;
}
using System;
class Program {
static void Main() {
Console.WriteLine("Hello, World!");
}
}
#include <iostream>
int main() {
std::cout << "Hello, World!" << std::endl;
return 0;
}
D
import std.stdio;
void main() {
writeln("Hello, World!");
}
E
IO.puts "Hello, World!"
-module(hello).
-export([world/0]).
world() -> io:format("Hello, World!~n").
F
printfn "Hello, World!"
G
package main
import "fmt"
func main() {
fmt.Println("Hello, World!")
}
H
main = putStrLn "Hello, World!"
J
var x, y, z; // Declare 3 variables
x = 5; // Assign the value 5 to x
y = 6; // Assign the value 6 to y
z = x + y; // Assign the sum of x and y to z
document.getElementById("demo").innerHTML = "The value of z is " + z + ".";
function Video({ video }) {
return (
<div>
<Thumbnail video={video} />
<a href={video.url}>
<h3>{video.title}</h3>
<p>{video.description}</p>
</a>
<LikeButton video={video} />
</div>
);
}
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}
K
fun main() {
println("Hello, World!")
}
L
print("Hello, World!")
M
disp('Hello, World!')
N
echo "Hello, World!"
O
#import <Foundation/Foundation.h>
int main() {
@autoreleasepool {
NSLog(@"Hello, World!");
}
return 0;
}
P
print("Hello, World!\n");
<?php echo "Hello, World!"; ?>
print("Hello, World!")
R
cat("Hello, World!\n")
puts "Hello, World!"
fn main() {
println!("Hello, World!");
}
S
object HelloWorld extends App {
println("Hello, World!")
}
T
console.log("Hello, World!");
V
fn main() {
println('Hello, World!')
}
Z
const std = @import("std");
pub fn main() !void {
std.debug.print("Hello, World!\n", .{});
}