Hello World

A sample article for showcasing basic Markdown syntax and HTML elements formatting

3 min read • March 31, 2025 html , css , markdown

Welcome to my first blog post! Yey. This article shows a sample of simple Markdown syntax that can be used anywhere in my posts, also it displays whether basic HTML elements are decorated with CSS in Hugo theme.

console.log('Hello, World!')

First-level Header

Second-level Header

Third-level Header

Fourth-level Header

A Paragraph with a Footnote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.¹

Blockquote

Quisque mattis volutpat lorem vitae feugiat. Praesent porta est quis porta imperdiet. Aenean porta, mi non cursus volutpat, mi est mollis libero, id suscipit orci urna a augue. In fringilla euismod lacus, vitae tristique massa ultricies vitae. Mauris accumsan ligula tristique, viverra nulla sed, porta sapien. Vestibulum facilisis nec nisl blandit convallis. Maecenas venenatis porta malesuada. Ut ac erat tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sodales quam sit amet tincidunt egestas. In et turpis at orci vestibulum ullamcorper. Aliquam sed ante libero. Sed hendrerit arcu lacus.

List Types

Ordered List

1. First item
2. Second item
3. Third item

Unordered List

• List item
• Another item
• And another item

Nested list

• Fruit
  • Apple
  • Orange
  • Banana
• Dairy
  • Milk
  • Cheese

Code Example

;(function () {
  var quotes = document.getElementsByTagName('blockquote'),
    i,
    quote
  for (i = 0; i < quotes.length; i++) {
    quote = quotes[i]
    var n = quote.children.length
    if (n === 0) continue
    var el = quote.children[n - 1]
    if (!el || el.nodeName !== 'P') continue
    // right-align a quote footer if it starts with ---
    if (/^—/.test(el.textContent)) el.style.textAlign = 'right'
  }
})()

Movie Table

Centered GIF

Task List

• Test blog
• Upload real blog

Other Elements — abbr, sub, sup, kbd, mark

HTML is the standard language for creating web pages.

CO₂ emissions contribute to climate change.

E = mc² is a famous equation by Einstein.

To copy, press CTRL + C on your keyboard.

The octopus can change color to blend with its surroundings.