<!DOCTYPE html>
<html>
    <head>
	<meta name="generator" content="Hugo 0.102.3" />
        <title>Flat theme</title>
        <meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1">

<link rel="alternate" type="application/rss+xml" href="https://leafee98.github.io/hugo-theme-flat/index.xml" title="Flat theme" />





<link rel="stylesheet" href="/lib/icofont/icofont.min.css" />
<link rel="stylesheet" href="/css/syntax.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />

    </head>

    <body>
        <header class="header-wrapper">
    <div class="header">
        <a class="site-title" href="https://leafee98.github.io/hugo-theme-flat/">Flat theme</a>

        <ul class="menu">
            
                <li class="menu-item">
                    
                        <a href="/hugo-theme-flat/posts/">Posts</a>
                    
                </li>
            
                <li class="menu-item">
                    
                        <a href="/hugo-theme-flat/essays/">Essays</a>
                    
                </li>
            
                <li class="menu-item">
                    
                        <a>Services↓</a>
                        <ul class="sub-menu">
                            
                            <li class="menu-item"><a href="#">Service A</a></li>
                            
                            <li class="menu-item"><a href="#">Service B</a></li>
                            
                        </ul>
                    
                </li>
            
                <li class="menu-item">
                    
                        <a href="/hugo-theme-flat/about/">About</a>
                    
                </li>
            
        </ul>
    </div>
</header>

        <main class="main-wrapper">
            <div class="main">
                

<div class="max-wrapper">
    <div id="list-page">
        
        
        
            <section class="list-item">
                <h1 class="title"><a href="/hugo-theme-flat/posts/markdown-syntax/">Markdown Syntax Guide</a></h1>

                <div class="tips">
                    <div class="date">
                        <time datetime="2019-03-11 00:00:00 &#43;0000 UTC">2019/03/11</time>
                    </div>

                    
                        <div class="categories">
                            <span>Categories:</span>
                            
                                <a href="/categories/themes">themes</a>
                            
                                <a href="/categories/syntax">syntax</a>
                            
                        </div>
                    

                    
                        <div class="tags">
                            <span>Tags:</span>
                            
                                <a href="/tags/markdown">markdown</a>
                            
                                <a href="/tags/css">css</a>
                            
                                <a href="/tags/html">html</a>
                            
                        </div>
                    
                </div>

                <div class="summary"><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p></div>
            </section>
        
            <section class="list-item">
                <h1 class="title"><a href="/hugo-theme-flat/posts/placeholder-text/">Placeholder Text</a></h1>

                <div class="tips">
                    <div class="date">
                        <time datetime="2019-03-09 00:00:00 &#43;0000 UTC">2019/03/09</time>
                    </div>

                    

                    
                        <div class="tags">
                            <span>Tags:</span>
                            
                                <a href="/tags/markdown">markdown</a>
                            
                                <a href="/tags/text">text</a>
                            
                        </div>
                    
                </div>

                <div class="summary"><p>Lorem est tota propiore conpellat pectoribus de pectora summo.</p></div>
            </section>
        
            <section class="list-item">
                <h1 class="title"><a href="/hugo-theme-flat/posts/math-typesetting/">Math Typesetting</a></h1>

                <div class="tips">
                    <div class="date">
                        <time datetime="2019-03-08 00:00:00 &#43;0000 UTC">2019/03/08</time>
                    </div>

                    

                    
                </div>

                <div class="summary"><p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p></div>
            </section>
        
            <section class="list-item">
                <h1 class="title"><a href="/hugo-theme-flat/posts/emoji-support/">Emoji Support</a></h1>

                <div class="tips">
                    <div class="date">
                        <time datetime="2019-03-05 00:00:00 &#43;0000 UTC">2019/03/05</time>
                    </div>

                    

                    
                        <div class="tags">
                            <span>Tags:</span>
                            
                                <a href="/tags/emoji">emoji</a>
                            
                        </div>
                    
                </div>

                <div class="summary"><p>Emoji can be enabled in a Hugo project in a number of ways.</p></div>
            </section>
        

    </div>
    

<nav class="pagination">

    
    
    
    
    
        
            
            

            
                <a class="enabled current" href="/hugo-theme-flat/">1</a>
            

        
    

</nav>
</div>

            </div>
            <div class="side">
                
                    <div class="side-recent">
    <h2 class="side-title">Recent Posts</h2>
    <hr />

    <ul>
        
            <li>
                <a href="/hugo-theme-flat/posts/markdown-syntax/">Markdown Syntax Guide</a>
            </li>
        
            <li>
                <a href="/hugo-theme-flat/posts/placeholder-text/">Placeholder Text</a>
            </li>
        
            <li>
                <a href="/hugo-theme-flat/posts/math-typesetting/">Math Typesetting</a>
            </li>
        
            <li>
                <a href="/hugo-theme-flat/posts/emoji-support/">Emoji Support</a>
            </li>
        
    </ul>
</div>

                
                    <div class="side-recent">
    <h2 class="side-title">Recent Essays</h2>
    <hr />

    <ul>
        
            <li>
                <a href="/hugo-theme-flat/essays/what-is-hugo/">What Is Hugo</a>
            </li>
        
    </ul>
</div>

                
                <div class="side-categories">
    <h2>Categories</h2>
    <hr />

    <ul>
        
            <li>
                <a href="/categories/syntax">syntax(1)</a>
            </li>
        
            <li>
                <a href="/categories/themes">themes(1)</a>
            </li>
        
    </ul>
</div>

                <div class="side-tags">
    <h2>Tags</h2>
    <hr />

    <ul>
        
            <li>
                <a href="/tags/css">css (1)</a>
            </li>
        
            <li>
                <a href="/tags/emoji">emoji (1)</a>
            </li>
        
            <li>
                <a href="/tags/html">html (1)</a>
            </li>
        
            <li>
                <a href="/tags/markdown">markdown (2)</a>
            </li>
        
            <li>
                <a href="/tags/text">text (1)</a>
            </li>
        
    </ul>
</div>

            </div>
        </main>
        <footer class="footer">
    <div class="footer-row">
        
            
            
                <a class="footer-item" href="https://leafee98.github.io/hugo-theme-flat/posts/index.xml">
                    Feed of Posts
                    <i class="icofont-rss"></i>
                </a>
            
        
            
            
                <a class="footer-item" href="https://leafee98.github.io/hugo-theme-flat/essays/index.xml">
                    Feed of Essays
                    <i class="icofont-rss"></i>
                </a>
            
        

        
    </div>

    
        <div class="footer-row">
            
                
                    <span class="footer-item">Copyright <a href="https://creativecommons.org/licenses/by/4.0/">CC BY-4.0</a></span>
                
            
        </div>
    
        <div class="footer-row">
            
                
                    <span class="footer-item">Powered by <a href="https://gohugo.io">Hugo</a></span>
                
            
                
                    <span class="footer-item">Theme <a href="https://cgit.leafee98.com/hugo-theme-flat.git">hugo-theme-flat</a></span>
                
            
        </div>
    
</footer>

    </body>
</html>