Markdown Syntax - Code, Code Blocks and Image

Jul 20, 2023 Homecat

This post showcases the manifestations of the markdown grammar related to code, code blocks and image in this hugo theme.

Code

Shortcodes have access to parameters delimited in the shortcode declaration via .Get, page- and site-level variables, and also the following shortcode-specific fields.

Code Blocks

Normal

 1<!doctype html> 
 2<html lang="en">
 3    <head>
 4        <meta charset="utf-8">
 5        <title>Example HTML5 Document Example</title>
 6    </head>
 7    <body>
 8        <p>Test</p>
 9    </body>
10</html>

HTML

 1<!doctype html> 
 2<html lang="en">
 3    <head>
 4        <meta charset="utf-8">
 5        <title>Example HTML5 Document Example</title>
 6    </head>
 7    <body>
 8        <p>Test</p>
 9    </body>
10</html>

JAVASCRIPT

1$(window).scroll(function(){
2    if($(window).scrollTop()>300){
3        $('#totoc').fadeIn(250);
4    }else{
5        $('#totoc').fadeOut(250);
6    };
7});

Image

Image