prepare for submission
This commit is contained in:
saadnpq
parent
fdda9a3243
commit
d30385a841
54 changed files with 5121 additions and 3 deletions
103
exampleSite/public/404.html
Normal file
103
exampleSite/public/404.html
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);"><iframe src="https://giphy.com/embed/YyKPbc5OOTSQE" width="480" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
1
exampleSite/public/about-hugo/index.html
Normal file
1
exampleSite/public/about-hugo/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://example.com/about/</title><link rel="canonical" href="https://example.com/about/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://example.com/about/" /></head></html>
|
||||
1
exampleSite/public/about-us/index.html
Normal file
1
exampleSite/public/about-us/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://example.com/about/</title><link rel="canonical" href="https://example.com/about/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://example.com/about/" /></head></html>
|
||||
128
exampleSite/public/about/index.html
Normal file
128
exampleSite/public/about/index.html
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<h1 id="title">About</h1>
|
||||
|
||||
|
||||
|
||||
<p>Written in Go, Hugo is an open source static site generator available under the <a href="https://github.com/gohugoio/hugo/blob/master/LICENSE">Apache Licence 2.0.</a> Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.</p>
|
||||
|
||||
<p>Hugo makes use of a variety of open source projects including:</p>
|
||||
|
||||
<ul>
|
||||
<li><a href="https://github.com/yuin/goldmark">https://github.com/yuin/goldmark</a></li>
|
||||
<li><a href="https://github.com/alecthomas/chroma">https://github.com/alecthomas/chroma</a></li>
|
||||
<li><a href="https://github.com/muesli/smartcrop">https://github.com/muesli/smartcrop</a></li>
|
||||
<li><a href="https://github.com/spf13/cobra">https://github.com/spf13/cobra</a></li>
|
||||
<li><a href="https://github.com/spf13/viper">https://github.com/spf13/viper</a></li>
|
||||
</ul>
|
||||
|
||||
<p>Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.</p>
|
||||
|
||||
<p>Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.</p>
|
||||
|
||||
<p>Websites built with Hugo are extremelly fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.</p>
|
||||
|
||||
<p>Learn more and contribute on <a href="https://github.com/gohugoio">GitHub</a>.</p>
|
||||
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
109
exampleSite/public/archives/index.html
Normal file
109
exampleSite/public/archives/index.html
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
1
exampleSite/public/articles/index.html
Normal file
1
exampleSite/public/articles/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://example.com/blog/</title><link rel="canonical" href="https://example.com/blog/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://example.com/blog/" /></head></html>
|
||||
BIN
exampleSite/public/avatar.png
Normal file
BIN
exampleSite/public/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
140
exampleSite/public/blog/emoji-support/index.html
Normal file
140
exampleSite/public/blog/emoji-support/index.html
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<h1 id="title">Emoji Support</h1>
|
||||
|
||||
|
||||
|
||||
<p>Emoji can be enabled in a Hugo project in a number of ways.</p>
|
||||
|
||||
<p>The <a href="https://gohugo.io/functions/emojify/"><code>emojify</code></a> function can be called directly in templates or <a href="https://gohugo.io/templates/shortcode-templates/#inline-shortcodes">Inline Shortcodes</a>.</p>
|
||||
|
||||
<p>To enable emoji globally, set <code>enableEmoji</code> to <code>true</code> in your site’s <a href="https://gohugo.io/getting-started/configuration/">configuration</a> and then you can type emoji shorthand codes directly in content files; e.g.</p>
|
||||
|
||||
<p><p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span> <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
|
||||
<br></p>
|
||||
|
||||
<p>The <a href="http://www.emoji-cheat-sheet.com/">Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><strong>N.B.</strong> The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.</p>
|
||||
|
||||
<div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html">.emoji {
|
||||
font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
|
||||
}</code></pre></div>
|
||||
|
||||
<div class="nav-next-prev">
|
||||
<div class="nav-prev">
|
||||
|
||||
<a class="grayed-out" href="javascript:void()"><i class="fas fa-chevron-left"></i></a>
|
||||
|
||||
</div>
|
||||
<a class="nav-top" href="#">top</i></a>
|
||||
<div class="nav-next">
|
||||
|
||||
<a href="https://example.com/blog/math-typesetting/"><i class="fas fa-chevron-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
193
exampleSite/public/blog/index.html
Normal file
193
exampleSite/public/blog/index.html
Normal file
|
|
@ -0,0 +1,193 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">blog</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/rich-content/">Rich Content</a>
|
||||
|
||||
|
||||
<p>A brief description of Hugo Shortcodes</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 10 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: shortcodes, privacy
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/placeholder-text/">Placeholder Text</a>
|
||||
|
||||
|
||||
<p>Lorem Ipsum Dolor Si Amet</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 9 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, text
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/math-typesetting/">Math Typesetting</a>
|
||||
|
||||
|
||||
<p>A brief guide to setup KaTeX</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 8 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/emoji-support/">Emoji Support</a>
|
||||
|
||||
|
||||
<p>Guide to emoji usage in Hugo</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 5 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: emoji
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
62
exampleSite/public/blog/index.xml
Normal file
62
exampleSite/public/blog/index.xml
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on title</title>
|
||||
<link>https://example.com/blog/</link>
|
||||
<description>Recent content in Posts on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/blog/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Rich Content</title>
|
||||
<link>https://example.com/blog/rich-content/</link>
|
||||
<pubDate>Sun, 10 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/rich-content/</guid>
|
||||
<description><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Placeholder Text</title>
|
||||
<link>https://example.com/blog/placeholder-text/</link>
|
||||
<pubDate>Sat, 09 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/placeholder-text/</guid>
|
||||
<description><p>Lorem est tota propiore conpellat pectoribus de
|
||||
pectora summo.</p></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Math Typesetting</title>
|
||||
<link>https://example.com/blog/math-typesetting/</link>
|
||||
<pubDate>Fri, 08 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/math-typesetting/</guid>
|
||||
<description><p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Emoji Support</title>
|
||||
<link>https://example.com/blog/emoji-support/</link>
|
||||
<pubDate>Tue, 05 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/emoji-support/</guid>
|
||||
<description><p>Emoji can be enabled in a Hugo project in a number of ways.</p></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
359
exampleSite/public/blog/markdown-syntax/index.html
Normal file
359
exampleSite/public/blog/markdown-syntax/index.html
Normal file
|
|
@ -0,0 +1,359 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<h1 id="title">Markdown Syntax Guide</h1>
|
||||
|
||||
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#headings">Headings</a></li>
|
||||
</ul></li>
|
||||
<li><a href="#h1">H1</a>
|
||||
<ul>
|
||||
<li><a href="#h2">H2</a>
|
||||
<ul>
|
||||
<li><a href="#h3">H3</a>
|
||||
<ul>
|
||||
<li><a href="#h4">H4</a>
|
||||
<ul>
|
||||
<li><a href="#h5">H5</a>
|
||||
<ul>
|
||||
<li><a href="#h6">H6</a></li>
|
||||
</ul></li>
|
||||
</ul></li>
|
||||
</ul></li>
|
||||
</ul></li>
|
||||
<li><a href="#paragraph">Paragraph</a></li>
|
||||
<li><a href="#blockquotes">Blockquotes</a>
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#blockquote-without-attribution">Blockquote without attribution</a></li>
|
||||
<li><a href="#blockquote-with-attribution">Blockquote with attribution</a></li>
|
||||
</ul></li>
|
||||
</ul></li>
|
||||
<li><a href="#tables">Tables</a>
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#inline-markdown-within-tables">Inline Markdown within tables</a></li>
|
||||
</ul></li>
|
||||
</ul></li>
|
||||
<li><a href="#code-blocks">Code Blocks</a>
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#code-block-with-backticks">Code block with backticks</a></li>
|
||||
<li><a href="#code-block-indented-with-four-spaces">Code block indented with four spaces</a></li>
|
||||
<li><a href="#code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</a></li>
|
||||
</ul></li>
|
||||
</ul></li>
|
||||
<li><a href="#list-types">List Types</a>
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#ordered-list">Ordered List</a></li>
|
||||
<li><a href="#unordered-list">Unordered List</a></li>
|
||||
<li><a href="#nested-list">Nested list</a></li>
|
||||
</ul></li>
|
||||
</ul></li>
|
||||
<li><a href="#other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</a></li>
|
||||
</ul></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<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>
|
||||
|
||||
<h2 id="headings">Headings</h2>
|
||||
|
||||
<p>The following HTML <code><h1></code>—<code><h6></code> elements represent six levels of section headings. <code><h1></code> is the highest section level while <code><h6></code> is the lowest.</p>
|
||||
|
||||
<h1 id="h1">H1</h1>
|
||||
|
||||
<h2 id="h2">H2</h2>
|
||||
|
||||
<h3 id="h3">H3</h3>
|
||||
|
||||
<h4 id="h4">H4</h4>
|
||||
|
||||
<h5 id="h5">H5</h5>
|
||||
|
||||
<h6 id="h6">H6</h6>
|
||||
|
||||
<h2 id="paragraph">Paragraph</h2>
|
||||
|
||||
<p>Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.</p>
|
||||
|
||||
<p>Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.</p>
|
||||
|
||||
<h2 id="blockquotes">Blockquotes</h2>
|
||||
|
||||
<p>The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a <code>footer</code> or <code>cite</code> element, and optionally with in-line changes such as annotations and abbreviations.</p>
|
||||
|
||||
<h4 id="blockquote-without-attribution">Blockquote without attribution</h4>
|
||||
|
||||
<blockquote>
|
||||
<p>Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
<strong>Note</strong> that you can use <em>Markdown syntax</em> within a blockquote.</p>
|
||||
</blockquote>
|
||||
|
||||
<h4 id="blockquote-with-attribution">Blockquote with attribution</h4>
|
||||
|
||||
<blockquote>
|
||||
<p>Don’t communicate by sharing memory, share memory by communicating.</p>
|
||||
— <cite>Rob Pike<sup class="footnote-ref" id="fnref:1"><a href="#fn:1">1</a></sup></cite></p>
|
||||
</blockquote>
|
||||
|
||||
<h2 id="tables">Tables</h2>
|
||||
|
||||
<p>Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.</p>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Age</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Bob</td>
|
||||
<td>27</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Alice</td>
|
||||
<td>23</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h4 id="inline-markdown-within-tables">Inline Markdown within tables</h4>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Inline </th>
|
||||
<th>Markdown </th>
|
||||
<th>In </th>
|
||||
<th>Table</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><em>italics</em></td>
|
||||
<td><strong>bold</strong></td>
|
||||
<td><del>strikethrough</del> </td>
|
||||
<td><code>code</code></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h2 id="code-blocks">Code Blocks</h2>
|
||||
|
||||
<h4 id="code-block-with-backticks">Code block with backticks</h4>
|
||||
|
||||
<pre><code>html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
</body>
|
||||
</html>
|
||||
</code></pre>
|
||||
|
||||
<h4 id="code-block-indented-with-four-spaces">Code block indented with four spaces</h4>
|
||||
|
||||
<pre><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>
|
||||
|
||||
<h4 id="code-block-with-hugo-s-internal-highlight-shortcode">Code block with Hugo’s internal highlight shortcode</h4>
|
||||
|
||||
<div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="cp"><!DOCTYPE html></span>
|
||||
<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 class="p"><</span><span class="nt">head</span><span class="p">></span>
|
||||
<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 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 class="p"></</span><span class="nt">head</span><span class="p">></span>
|
||||
<span class="p"><</span><span class="nt">body</span><span class="p">></span>
|
||||
<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 class="p"></</span><span class="nt">body</span><span class="p">></span>
|
||||
<span class="p"></</span><span class="nt">html</span><span class="p">></span></code></pre></div>
|
||||
|
||||
<h2 id="list-types">List Types</h2>
|
||||
|
||||
<h4 id="ordered-list">Ordered List</h4>
|
||||
|
||||
<ol>
|
||||
<li>First item</li>
|
||||
<li>Second item</li>
|
||||
<li>Third item</li>
|
||||
</ol>
|
||||
|
||||
<h4 id="unordered-list">Unordered List</h4>
|
||||
|
||||
<ul>
|
||||
<li>List item</li>
|
||||
<li>Another item</li>
|
||||
<li>And another item</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="nested-list">Nested list</h4>
|
||||
|
||||
<ul>
|
||||
<li>Item</li>
|
||||
<li>First Sub-item</li>
|
||||
<li>Second Sub-item</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="other-elements-abbr-sub-sup-kbd-mark">Other Elements — abbr, sub, sup, kbd, mark</h2>
|
||||
|
||||
<p><abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p>
|
||||
|
||||
<p>H<sub>2</sub>O</p>
|
||||
|
||||
<p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p>
|
||||
|
||||
<p>Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.</p>
|
||||
|
||||
<p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p>
|
||||
<div class="footnotes">
|
||||
|
||||
<hr />
|
||||
|
||||
<ol>
|
||||
<li id="fn:1">The above quote is excerpted from Rob Pike’s <a href="https://www.youtube.com/watch?v=PAAkCSZUG1c">talk</a> during Gopherfest, November 18, 2015.
|
||||
<a class="footnote-return" href="#fnref:1"><sup>[return]</sup></a></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="nav-next-prev">
|
||||
<div class="nav-prev">
|
||||
|
||||
<a href="https://example.com/blog/rich-content/"><i class="fas fa-chevron-left"></i></a>
|
||||
|
||||
</div>
|
||||
<a class="nav-top" href="#">top</i></a>
|
||||
<div class="nav-next">
|
||||
|
||||
<a class="grayed-out" href="javascript:void()"><i class="fas fa-chevron-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
154
exampleSite/public/blog/math-typesetting/index.html
Normal file
154
exampleSite/public/blog/math-typesetting/index.html
Normal file
|
|
@ -0,0 +1,154 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<h1 id="title">Math Typesetting</h1>
|
||||
|
||||
|
||||
|
||||
<p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p>
|
||||
|
||||
<p>In this example we will be using <a href="https://katex.org/">KaTeX</a></p>
|
||||
|
||||
<ul>
|
||||
<li>Create a partial under <code>/layouts/partials/math.html</code></li>
|
||||
<li>Within this partial reference the <a href="https://katex.org/docs/autorender.html">Auto-render Extension</a> or host these scripts locally.</li>
|
||||
<li>Include the partial in your templates like so:<br></li>
|
||||
</ul>
|
||||
|
||||
<pre><code>{{ if or .Params.math .Site.Params.math }}
|
||||
{{ partial "math.html" . }}
|
||||
{{ end }}
|
||||
</code></pre>
|
||||
|
||||
<ul>
|
||||
<li>To enable KaTex globally set the parameter <code>math</code> to <code>true</code> in a project's configuration</li>
|
||||
<li>To enable KaTex on a per page basis include the parameter <code>math: true</code> in content files.</li>
|
||||
</ul>
|
||||
|
||||
<p><strong>Note:</strong> Use the online reference of <a href="https://katex.org/docs/supported.html">Supported TeX Functions</a>
|
||||
</p>
|
||||
|
||||
<h3 id="examples">Examples</h3>
|
||||
|
||||
<p>Inline math: <span class="math">\( \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… \)</span></p>
|
||||
|
||||
<p>Block math:</p>
|
||||
|
||||
<p><span class="math">\[
|
||||
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
|
||||
\]</span></p>
|
||||
|
||||
<div class="nav-next-prev">
|
||||
<div class="nav-prev">
|
||||
|
||||
<a href="https://example.com/blog/emoji-support/"><i class="fas fa-chevron-left"></i></a>
|
||||
|
||||
</div>
|
||||
<a class="nav-top" href="#">top</i></a>
|
||||
<div class="nav-next">
|
||||
|
||||
<a href="https://example.com/blog/placeholder-text/"><i class="fas fa-chevron-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
1
exampleSite/public/blog/migrate-from-jekyl/index.html
Normal file
1
exampleSite/public/blog/migrate-from-jekyl/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://example.com/blog/markdown-syntax/</title><link rel="canonical" href="https://example.com/blog/markdown-syntax/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://example.com/blog/markdown-syntax/" /></head></html>
|
||||
176
exampleSite/public/blog/placeholder-text/index.html
Normal file
176
exampleSite/public/blog/placeholder-text/index.html
Normal file
|
|
@ -0,0 +1,176 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<h1 id="title">Placeholder Text</h1>
|
||||
|
||||
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li><a href="#vagus-elidunt">Vagus elidunt</a>
|
||||
<ul>
|
||||
<li><a href="#mane-refeci-capiebant-unda-mulcebat">Mane refeci capiebant unda mulcebat</a></li>
|
||||
</ul></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<p>Lorem est tota propiore conpellat pectoribus de
|
||||
pectora summo.</p>
|
||||
|
||||
<p>Redit teque digerit hominumque toris verebor lumina non cervice
|
||||
subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
|
||||
caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
|
||||
lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.</p>
|
||||
|
||||
<ol>
|
||||
<li>Exierant elisi ambit vivere dedere</li>
|
||||
<li>Duce pollice</li>
|
||||
<li>Eris modo</li>
|
||||
<li>Spargitque ferrea quos palude</li>
|
||||
</ol>
|
||||
|
||||
<p>Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
|
||||
silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
|
||||
tractus malis.</p>
|
||||
|
||||
<ol>
|
||||
<li>Comas hunc haec pietate fetum procerum dixit</li>
|
||||
<li>Post torum vates letum Tiresia</li>
|
||||
<li>Flumen querellas</li>
|
||||
<li>Arcanaque montibus omnes</li>
|
||||
<li>Quidem et</li>
|
||||
</ol>
|
||||
|
||||
<h1 id="vagus-elidunt">Vagus elidunt</h1>
|
||||
|
||||
<p><svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg></p>
|
||||
|
||||
<p><a href="https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon">The Van de Graaf Canon</a></p>
|
||||
|
||||
<h2 id="mane-refeci-capiebant-unda-mulcebat">Mane refeci capiebant unda mulcebat</h2>
|
||||
|
||||
<p>Victa caducifer, malo vulnere contra
|
||||
dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere
|
||||
furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. <strong>Faces illo pepulere</strong> tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.</p>
|
||||
|
||||
<p>Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli
|
||||
Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare
|
||||
Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert
|
||||
ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae
|
||||
vulnus haerentia iuste et exercebat, sui et.</p>
|
||||
|
||||
<p>Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel <strong>mitis temploque</strong> vocatus, inque alis, <em>oculos nomen</em> non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem
|
||||
Propoetides <strong>parte</strong>.</p>
|
||||
|
||||
<div class="nav-next-prev">
|
||||
<div class="nav-prev">
|
||||
|
||||
<a href="https://example.com/blog/math-typesetting/"><i class="fas fa-chevron-left"></i></a>
|
||||
|
||||
</div>
|
||||
<a class="nav-top" href="#">top</i></a>
|
||||
<div class="nav-next">
|
||||
|
||||
<a href="https://example.com/blog/rich-content/"><i class="fas fa-chevron-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
257
exampleSite/public/blog/rich-content/index.html
Normal file
257
exampleSite/public/blog/rich-content/index.html
Normal file
|
|
@ -0,0 +1,257 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<h1 id="title">Rich Content</h1>
|
||||
|
||||
|
||||
<nav id="TableOfContents">
|
||||
<ul>
|
||||
<li>
|
||||
<ul>
|
||||
<li><a href="#instagram-simple-shortcode">Instagram Simple Shortcode</a></li>
|
||||
<li><a href="#youtube-privacy-enhanced-shortcode">YouTube Privacy Enhanced Shortcode</a></li>
|
||||
<li><a href="#twitter-simple-shortcode">Twitter Simple Shortcode</a></li>
|
||||
<li><a href="#vimeo-simple-shortcode">Vimeo Simple Shortcode</a></li>
|
||||
</ul></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2 id="instagram-simple-shortcode">Instagram Simple Shortcode</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
.__h_instagram.card {
|
||||
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
font-size: 14px;
|
||||
border: 1px solid rgb(219, 219, 219);
|
||||
padding: 0;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.__h_instagram.card .card-header, .__h_instagram.card .card-body {
|
||||
padding: 10px 10px 10px;
|
||||
}
|
||||
.__h_instagram.card img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="__h_instagram s_instagram_simple card" style="max-width: 640px">
|
||||
<div class="card-header">
|
||||
<a href="https://www.instagram.com/koloot.design" class="card-link">koloot.design</a>
|
||||
</div>
|
||||
<a href="https://instagram.com/p/BGvuInzyFAe/" rel="noopener" target="_blank"><img class="card-img-top img-fluid" src="https://scontent-hbe1-1.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/13437259_1631155187211476_646101738_n.jpg?_nc_ht=scontent-hbe1-1.cdninstagram.com&_nc_cat=108&_nc_ohc=JTy2wbBJ97oAX97yZoE&oh=f6c8255c62926609702995db69f6b5a5&oe=5EBD4E8F" width="640" height="451" alt="Instagram Image"></a>
|
||||
<div class="card-body">
|
||||
|
||||
<a href="https://www.instagram.com/koloot.design" class="card-link">View More on Instagram</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<p><br></p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2 id="youtube-privacy-enhanced-shortcode">YouTube Privacy Enhanced Shortcode</h2>
|
||||
|
||||
|
||||
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
|
||||
<iframe src="https://www.youtube.com/embed/ZJthWmvUzzc" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
|
||||
</div>
|
||||
|
||||
|
||||
<p><br></p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2 id="twitter-simple-shortcode">Twitter Simple Shortcode</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
.twitter-tweet {
|
||||
font: 14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
||||
border-left: 4px solid #2b7bb9;
|
||||
padding-left: 1.5em;
|
||||
color: #555;
|
||||
}
|
||||
.twitter-tweet a {
|
||||
color: #2b7bb9;
|
||||
text-decoration: none;
|
||||
}
|
||||
blockquote.twitter-tweet a:hover,
|
||||
blockquote.twitter-tweet a:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
|
||||
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">“In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”<br>— Jan Tschichold <a href="https://t.co/gcv7SrhvJb">pic.twitter.com/gcv7SrhvJb</a></p>— Graphic Design History (@DesignReviewed) <a href="https://twitter.com/DesignReviewed/status/1085870671291310081?ref_src=twsrc%5Etfw">January 17, 2019</a></blockquote>
|
||||
|
||||
|
||||
<p><br></p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h2 id="vimeo-simple-shortcode">Vimeo Simple Shortcode</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
.__h_video {
|
||||
position: relative;
|
||||
padding-bottom: 56.23%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
background: #000;
|
||||
}
|
||||
.__h_video img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
color: #000;
|
||||
}
|
||||
.__h_video .play {
|
||||
height: 72px;
|
||||
width: 72px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -36px;
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div class="s_video_simple __h_video">
|
||||
<a href="https://vimeo.com/4.8912912e+07" rel="noopener" target="_blank">
|
||||
|
||||
|
||||
<img src="https://i.vimeocdn.com/video/337401969_640.jpg" srcset="https://i.vimeocdn.com/video/337401969_640.jpg 1x, https://i.vimeocdn.com/video/337401969.jpg 2x" alt="Sing Jan Swing - Kinetic Type">
|
||||
<div class="play"><svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 61"><circle cx="30.5" cy="30.5" r="30.5" opacity=".8" fill="#000"></circle><path d="M25.3 19.2c-2.1-1.2-3.8-.2-3.8 2.2v18.1c0 2.4 1.7 3.4 3.8 2.2l16.6-9.1c2.1-1.2 2.1-3.2 0-4.4l-16.6-9z" fill="#fff"></path></svg></div></a></div>
|
||||
|
||||
<div class="nav-next-prev">
|
||||
<div class="nav-prev">
|
||||
|
||||
<a href="https://example.com/blog/placeholder-text/"><i class="fas fa-chevron-left"></i></a>
|
||||
|
||||
</div>
|
||||
<a class="nav-top" href="#">top</i></a>
|
||||
<div class="nav-next">
|
||||
|
||||
<a href="https://example.com/blog/markdown-syntax/"><i class="fas fa-chevron-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
132
exampleSite/public/categories/index.html
Normal file
132
exampleSite/public/categories/index.html
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">categories</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/categories/syntax/">syntax</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/categories/themes/">themes</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
34
exampleSite/public/categories/index.xml
Normal file
34
exampleSite/public/categories/index.xml
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on title</title>
|
||||
<link>https://example.com/categories/</link>
|
||||
<description>Recent content in Categories on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>syntax</title>
|
||||
<link>https://example.com/categories/syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/categories/syntax/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>themes</title>
|
||||
<link>https://example.com/categories/themes/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/categories/themes/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/categories/syntax/index.html
Normal file
124
exampleSite/public/categories/syntax/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">categories</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/categories/syntax/index.xml
Normal file
25
exampleSite/public/categories/syntax/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>syntax on title</title>
|
||||
<link>https://example.com/categories/syntax/</link>
|
||||
<description>Recent content in syntax on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/categories/syntax/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/categories/themes/index.html
Normal file
124
exampleSite/public/categories/themes/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">categories</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/categories/themes/index.xml
Normal file
25
exampleSite/public/categories/themes/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>themes on title</title>
|
||||
<link>https://example.com/categories/themes/</link>
|
||||
<description>Recent content in themes on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/categories/themes/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
121
exampleSite/public/contact/index.html
Normal file
121
exampleSite/public/contact/index.html
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<h1 id="title">get in touch</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
<form class="contact-form"
|
||||
action="https://formspree.io/yourformspreeID"
|
||||
method="POST"
|
||||
>
|
||||
<input id="name" type="text" name="name" placeholder="Your Name">
|
||||
<input id="mail" type="text" name="_replyto" placeholder="Your Mail">
|
||||
<textarea id="message" name="message" placeholder="Your message"></textarea>
|
||||
|
||||
<button class="reach-me-send" type="submit">Send</button>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
397
exampleSite/public/css/style.css
Normal file
397
exampleSite/public/css/style.css
Normal file
|
|
@ -0,0 +1,397 @@
|
|||
* {
|
||||
scrollbar-color: #2a2c2e #1c1e1f;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
background-color: #1C1E1F;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb{
|
||||
background-color: #2A2C2E;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: rgb(24, 24, 24);
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
background-color:#1A1C1D;
|
||||
color : #D8D6D0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #389DFF;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
aside {
|
||||
background-color:rgb(45, 49, 51);
|
||||
height: 100%;
|
||||
width: 200px;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
overflow-y: auto;
|
||||
position: fixed;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
border-right: 1px solid #3D3D3D;
|
||||
transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
|
||||
}
|
||||
|
||||
aside a {
|
||||
color:rgb(238, 238, 238);
|
||||
}
|
||||
|
||||
aside i[class^="fa"]{
|
||||
padding: 0em 0.4em 0em 0em;
|
||||
}
|
||||
|
||||
aside header {
|
||||
background-color:#23282E;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
border-bottom: 1px solid #3D3D3D;
|
||||
}
|
||||
|
||||
aside header img{
|
||||
margin-top: 20px;
|
||||
min-width: 150px;
|
||||
max-width: 150px;
|
||||
border-radius: 5px;
|
||||
|
||||
}
|
||||
|
||||
aside a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
aside nav {
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 20px 0px 0px 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
aside nav a {
|
||||
padding: 10px 0%;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
aside nav a:hover {
|
||||
background-color:rgb(48, 75, 102);
|
||||
}
|
||||
|
||||
#branding {
|
||||
font-size: 32px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
color: rgb(188, 188, 196);
|
||||
}
|
||||
|
||||
#npq{
|
||||
color: rgb(119, 125, 143);
|
||||
}
|
||||
|
||||
#closebtn {
|
||||
transition: 0.3s;
|
||||
border-radius: 7px;
|
||||
position: fixed;
|
||||
left: 200px;
|
||||
top: 0px;
|
||||
padding: 10px;
|
||||
color:rgba(238, 238, 238, 0.664);
|
||||
background-color: rgba(61, 61, 61, 0.555);
|
||||
}
|
||||
|
||||
.list-item {
|
||||
border: 1px solid #3D3D3D;
|
||||
border-radius: 3px;
|
||||
padding: 10px;
|
||||
background-color:rgb(39, 41, 43);
|
||||
}
|
||||
.list-item+.list-item{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list-item p {
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.meta {
|
||||
color: rgb(156, 151, 143);
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 200px;
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
#random-meme{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
button{
|
||||
padding: 15px 32px;
|
||||
border: none;
|
||||
margin: 5px;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button-red {
|
||||
background-color: #AD1810;
|
||||
}
|
||||
|
||||
.button-green {
|
||||
background-color: #206D38;
|
||||
}
|
||||
|
||||
.content {
|
||||
width : 90%;
|
||||
margin:0px auto auto auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid rgb(97, 96, 96);
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: rgb(48, 75, 102);
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: rgb(70, 69, 69);
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
border-bottom: 1px solid #3D3D3D;
|
||||
}
|
||||
|
||||
#title {
|
||||
text-align: center;
|
||||
margin: 20px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.spacer{
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
/* code */
|
||||
pre {
|
||||
overflow: auto;
|
||||
background-color: #2C2F30;
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 10px solid #2C2C2C;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.pinned {
|
||||
color: #EAD94C;
|
||||
}
|
||||
|
||||
.posts {
|
||||
border: 1px solid #3D3D3D;
|
||||
}
|
||||
|
||||
.post {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.post+.post {
|
||||
border-top: 1px solid #3D3D3D;
|
||||
}
|
||||
|
||||
|
||||
.post p{
|
||||
margin:4px 0px;
|
||||
}
|
||||
|
||||
.post-footer{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.section{
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.section-title{
|
||||
margin: 20px;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nav-next-prev {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
font-size: 30px;
|
||||
margin-top: 50px;
|
||||
padding-top: 30px;
|
||||
border-top: 1px solid #3D3D3D;
|
||||
}
|
||||
.nav-top:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.grayed-out {
|
||||
color: rgb(70, 69, 69) ;
|
||||
}
|
||||
|
||||
footer{
|
||||
padding: 30px;
|
||||
margin-top: 40px;
|
||||
border-top: 1px solid #3D3D3D;
|
||||
background-color:rgb(30, 34, 39) ;
|
||||
}
|
||||
|
||||
.footer-content{
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.copyright{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* background-color:#1C1E1F; */
|
||||
align-items: flex-start;
|
||||
border-radius: 3px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.contact-form input, .contact-form button, .contact-form textarea {
|
||||
color : #D8D6D0;
|
||||
background-color:#181A1B ;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #3D3D3D;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
height: 30px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.contact-form textarea {
|
||||
height: 200px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.contact-form button{
|
||||
padding: 15px 32px;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
/* .footer-phone{
|
||||
margin-left: 20px;
|
||||
}
|
||||
.footer-mail{
|
||||
margin-right: 20px;
|
||||
|
||||
} */
|
||||
|
||||
@media only screen and (max-width: 650px){
|
||||
#sidenav {
|
||||
width: 0px;
|
||||
}
|
||||
#main {
|
||||
margin-left: 0px;
|
||||
}
|
||||
#closebtn {
|
||||
left:0px;
|
||||
}
|
||||
.content {
|
||||
width : 95%;
|
||||
margin:0px auto auto auto;
|
||||
}
|
||||
|
||||
.footer-content{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
.footer-content{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
.content {
|
||||
width : 70%;
|
||||
margin:0px auto auto auto;
|
||||
}
|
||||
|
||||
}
|
||||
60
exampleSite/public/css/syntax.css
Normal file
60
exampleSite/public/css/syntax.css
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
/* Background */ .chroma { color: #8a8a8a; background-color: #1c1c1c }
|
||||
/* Other */ .chroma .x { color: #d75f00 }
|
||||
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
|
||||
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
|
||||
/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #454545 }
|
||||
/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #454545 }
|
||||
/* Keyword */ .chroma .k { color: #5f8700 }
|
||||
/* KeywordConstant */ .chroma .kc { color: #d75f00 }
|
||||
/* KeywordDeclaration */ .chroma .kd { color: #0087ff }
|
||||
/* KeywordNamespace */ .chroma .kn { color: #d75f00 }
|
||||
/* KeywordPseudo */ .chroma .kp { color: #5f8700 }
|
||||
/* KeywordReserved */ .chroma .kr { color: #0087ff }
|
||||
/* KeywordType */ .chroma .kt { color: #af0000 }
|
||||
/* NameBuiltin */ .chroma .nb { color: #0087ff }
|
||||
/* NameBuiltinPseudo */ .chroma .bp { color: #0087ff }
|
||||
/* NameClass */ .chroma .nc { color: #0087ff }
|
||||
/* NameConstant */ .chroma .no { color: #d75f00 }
|
||||
/* NameDecorator */ .chroma .nd { color: #0087ff }
|
||||
/* NameEntity */ .chroma .ni { color: #d75f00 }
|
||||
/* NameException */ .chroma .ne { color: #af8700 }
|
||||
/* NameFunction */ .chroma .nf { color: #0087ff }
|
||||
/* NameTag */ .chroma .nt { color: #0087ff }
|
||||
/* NameVariable */ .chroma .nv { color: #0087ff }
|
||||
/* LiteralString */ .chroma .s { color: #00afaf }
|
||||
/* LiteralStringAffix */ .chroma .sa { color: #00afaf }
|
||||
/* LiteralStringBacktick */ .chroma .sb { color: #4e4e4e }
|
||||
/* LiteralStringChar */ .chroma .sc { color: #00afaf }
|
||||
/* LiteralStringDelimiter */ .chroma .dl { color: #00afaf }
|
||||
/* LiteralStringDoc */ .chroma .sd { color: #00afaf }
|
||||
/* LiteralStringDouble */ .chroma .s2 { color: #00afaf }
|
||||
/* LiteralStringEscape */ .chroma .se { color: #af0000 }
|
||||
/* LiteralStringHeredoc */ .chroma .sh { color: #00afaf }
|
||||
/* LiteralStringInterpol */ .chroma .si { color: #00afaf }
|
||||
/* LiteralStringOther */ .chroma .sx { color: #00afaf }
|
||||
/* LiteralStringRegex */ .chroma .sr { color: #af0000 }
|
||||
/* LiteralStringSingle */ .chroma .s1 { color: #00afaf }
|
||||
/* LiteralStringSymbol */ .chroma .ss { color: #00afaf }
|
||||
/* LiteralNumber */ .chroma .m { color: #00afaf }
|
||||
/* LiteralNumberBin */ .chroma .mb { color: #00afaf }
|
||||
/* LiteralNumberFloat */ .chroma .mf { color: #00afaf }
|
||||
/* LiteralNumberHex */ .chroma .mh { color: #00afaf }
|
||||
/* LiteralNumberInteger */ .chroma .mi { color: #00afaf }
|
||||
/* LiteralNumberIntegerLong */ .chroma .il { color: #00afaf }
|
||||
/* LiteralNumberOct */ .chroma .mo { color: #00afaf }
|
||||
/* OperatorWord */ .chroma .ow { color: #5f8700 }
|
||||
/* Comment */ .chroma .c { color: #4e4e4e }
|
||||
/* CommentHashbang */ .chroma .ch { color: #4e4e4e }
|
||||
/* CommentMultiline */ .chroma .cm { color: #4e4e4e }
|
||||
/* CommentSingle */ .chroma .c1 { color: #4e4e4e }
|
||||
/* CommentSpecial */ .chroma .cs { color: #5f8700 }
|
||||
/* CommentPreproc */ .chroma .cp { color: #5f8700 }
|
||||
/* CommentPreprocFile */ .chroma .cpf { color: #5f8700 }
|
||||
/* GenericDeleted */ .chroma .gd { color: #af0000 }
|
||||
/* GenericEmph */ .chroma .ge { font-style: italic }
|
||||
/* GenericError */ .chroma .gr { color: #af0000; font-weight: bold }
|
||||
/* GenericHeading */ .chroma .gh { color: #d75f00 }
|
||||
/* GenericInserted */ .chroma .gi { color: #5f8700 }
|
||||
/* GenericStrong */ .chroma .gs { font-weight: bold }
|
||||
/* GenericSubheading */ .chroma .gu { color: #0087ff }
|
||||
1
exampleSite/public/docs/index.html
Normal file
1
exampleSite/public/docs/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://example.com/blog/</title><link rel="canonical" href="https://example.com/blog/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://example.com/blog/" /></head></html>
|
||||
193
exampleSite/public/index.html
Normal file
193
exampleSite/public/index.html
Normal file
|
|
@ -0,0 +1,193 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta name="generator" content="Hugo 0.59.1" />
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">recent</div>
|
||||
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/rich-content/">Rich Content</a>
|
||||
|
||||
|
||||
<p>A brief description of Hugo Shortcodes</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 10 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: shortcodes, privacy
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/placeholder-text/">Placeholder Text</a>
|
||||
|
||||
|
||||
<p>Lorem Ipsum Dolor Si Amet</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 9 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, text
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="section">
|
||||
<div class="section-title">μblog</div>
|
||||
<div class="posts">
|
||||
|
||||
<div class="post">
|
||||
|
||||
<div class="meta pinned"> <i class="fas fa-thumbtack"></i> pinned </div>
|
||||
|
||||
<div class="post-content">
|
||||
<p>welcome to my place</p>
|
||||
|
||||
</div>
|
||||
<div class="meta post-footer"> <span>Apr 11 2020 06:49 UTC+02</span> <a href="/posts/post1/"><i class="fas fa-link"></i> link</a></div>
|
||||
</div>
|
||||
|
||||
<div class="post">
|
||||
|
||||
<div class="post-content">
|
||||
<p>this is a micro blog used for short updates and link sharing, you can configure its behavior in config.toml</p>
|
||||
|
||||
</div>
|
||||
<div class="meta post-footer"> <span>Apr 11 2020 06:49 UTC+02</span> <a href="/posts/post2/"><i class="fas fa-link"></i> link</a></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
109
exampleSite/public/index.xml
Normal file
109
exampleSite/public/index.xml
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>title</title>
|
||||
<link>https://example.com/</link>
|
||||
<description>Recent content on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Sat, 11 Apr 2020 18:49:01 +0200</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title></title>
|
||||
<link>https://example.com/posts/post1/</link>
|
||||
<pubDate>Sat, 11 Apr 2020 18:49:01 +0200</pubDate>
|
||||
|
||||
<guid>https://example.com/posts/post1/</guid>
|
||||
<description>welcome to my place</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title></title>
|
||||
<link>https://example.com/posts/post2/</link>
|
||||
<pubDate>Sat, 11 Apr 2020 18:49:01 +0200</pubDate>
|
||||
|
||||
<guid>https://example.com/posts/post2/</guid>
|
||||
<description>this is a micro blog used for short updates and link sharing, you can configure its behavior in config.toml</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title></title>
|
||||
<link>https://example.com/archives/</link>
|
||||
<pubDate>Tue, 28 May 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/archives/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Rich Content</title>
|
||||
<link>https://example.com/blog/rich-content/</link>
|
||||
<pubDate>Sun, 10 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/rich-content/</guid>
|
||||
<description><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Placeholder Text</title>
|
||||
<link>https://example.com/blog/placeholder-text/</link>
|
||||
<pubDate>Sat, 09 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/placeholder-text/</guid>
|
||||
<description><p>Lorem est tota propiore conpellat pectoribus de
|
||||
pectora summo.</p></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Math Typesetting</title>
|
||||
<link>https://example.com/blog/math-typesetting/</link>
|
||||
<pubDate>Fri, 08 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/math-typesetting/</guid>
|
||||
<description><p>Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.</p></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Emoji Support</title>
|
||||
<link>https://example.com/blog/emoji-support/</link>
|
||||
<pubDate>Tue, 05 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/emoji-support/</guid>
|
||||
<description><p>Emoji can be enabled in a Hugo project in a number of ways.</p></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>About</title>
|
||||
<link>https://example.com/about/</link>
|
||||
<pubDate>Thu, 28 Feb 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/about/</guid>
|
||||
<description>Written in Go, Hugo is an open source static site generator available under the Apache Licence 2.0. Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
|
||||
Hugo makes use of a variety of open source projects including:
|
||||
https://github.</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>get in touch</title>
|
||||
<link>https://example.com/contact/</link>
|
||||
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/contact/</guid>
|
||||
<description> Send </description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
25
exampleSite/public/js/navbutton.js
Normal file
25
exampleSite/public/js/navbutton.js
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
function navToggle() {
|
||||
isNavOpen() ? navClose() : navOpen();
|
||||
}
|
||||
|
||||
/* Set the width of the side navigation to 0 and the left margin of the page content to 0 */
|
||||
function isNavOpen() {
|
||||
navStyle = window.getComputedStyle(document.getElementById("sidenav"));
|
||||
navWidth = navStyle.getPropertyValue('width')
|
||||
return ( navWidth !== "0px" ) && (navWidth !== "");
|
||||
}
|
||||
|
||||
function navOpen(){
|
||||
let navWidth = "200px"
|
||||
document.getElementById("sidenav").style.width = navWidth;
|
||||
document.getElementById("closebtn").style.left= navWidth;
|
||||
if (! window.matchMedia("(max-width: 650px)").matches){
|
||||
document.getElementById("main").style.marginLeft = navWidth;
|
||||
}
|
||||
}
|
||||
|
||||
function navClose(){
|
||||
document.getElementById("sidenav").style.width = "0px";
|
||||
document.getElementById("main").style.marginLeft = "0px";
|
||||
document.getElementById("closebtn").style.left= "0px";
|
||||
}
|
||||
132
exampleSite/public/posts/index.html
Normal file
132
exampleSite/public/posts/index.html
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">posts</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/posts/post1/"></a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Apr 11 2020
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/posts/post2/"></a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Apr 11 2020
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
34
exampleSite/public/posts/index.xml
Normal file
34
exampleSite/public/posts/index.xml
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on title</title>
|
||||
<link>https://example.com/posts/</link>
|
||||
<description>Recent content in Posts on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Sat, 11 Apr 2020 18:49:01 +0200</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title></title>
|
||||
<link>https://example.com/posts/post1/</link>
|
||||
<pubDate>Sat, 11 Apr 2020 18:49:01 +0200</pubDate>
|
||||
|
||||
<guid>https://example.com/posts/post1/</guid>
|
||||
<description>welcome to my place</description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title></title>
|
||||
<link>https://example.com/posts/post2/</link>
|
||||
<pubDate>Sat, 11 Apr 2020 18:49:01 +0200</pubDate>
|
||||
|
||||
<guid>https://example.com/posts/post2/</guid>
|
||||
<description>this is a micro blog used for short updates and link sharing, you can configure its behavior in config.toml</description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/posts/post1/index.html
Normal file
124
exampleSite/public/posts/post1/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
|
||||
|
||||
<p>welcome to my place</p>
|
||||
|
||||
|
||||
<div class="nav-next-prev">
|
||||
<div class="nav-prev">
|
||||
|
||||
<a href="https://example.com/posts/post2/"><i class="fas fa-chevron-left"></i></a>
|
||||
|
||||
</div>
|
||||
<a class="nav-top" href="#">top</i></a>
|
||||
<div class="nav-next">
|
||||
|
||||
<a class="grayed-out" href="javascript:void()"><i class="fas fa-chevron-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
124
exampleSite/public/posts/post2/index.html
Normal file
124
exampleSite/public/posts/post2/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
|
||||
<div class="spacer"></div>
|
||||
|
||||
|
||||
|
||||
<p>this is a micro blog used for short updates and link sharing, you can configure its behavior in config.toml</p>
|
||||
|
||||
|
||||
<div class="nav-next-prev">
|
||||
<div class="nav-prev">
|
||||
|
||||
<a class="grayed-out" href="javascript:void()"><i class="fas fa-chevron-left"></i></a>
|
||||
|
||||
</div>
|
||||
<a class="nav-top" href="#">top</i></a>
|
||||
<div class="nav-next">
|
||||
|
||||
<a href="https://example.com/posts/post1/"><i class="fas fa-chevron-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
1
exampleSite/public/showcase/index.html
Normal file
1
exampleSite/public/showcase/index.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!DOCTYPE html><html><head><title>https://example.com/blog/</title><link rel="canonical" href="https://example.com/blog/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://example.com/blog/" /></head></html>
|
||||
129
exampleSite/public/sitemap.xml
Normal file
129
exampleSite/public/sitemap.xml
Normal file
|
|
@ -0,0 +1,129 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/</loc>
|
||||
<lastmod>2020-04-11T18:49:01+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/posts/post1/</loc>
|
||||
<lastmod>2020-04-11T18:49:01+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/posts/post2/</loc>
|
||||
<lastmod>2020-04-11T18:49:01+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/posts/</loc>
|
||||
<lastmod>2020-04-11T18:49:01+02:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/archives/</loc>
|
||||
<lastmod>2019-05-28T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/categories/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/css/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/html/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/markdown/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/blog/markdown-syntax/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/blog/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/categories/syntax/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/themes/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/categories/themes/</loc>
|
||||
<lastmod>2019-03-11T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/privacy/</loc>
|
||||
<lastmod>2019-03-10T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/blog/rich-content/</loc>
|
||||
<lastmod>2019-03-10T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/shortcodes/</loc>
|
||||
<lastmod>2019-03-10T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/blog/placeholder-text/</loc>
|
||||
<lastmod>2019-03-09T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/text/</loc>
|
||||
<lastmod>2019-03-09T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/blog/math-typesetting/</loc>
|
||||
<lastmod>2019-03-08T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/tags/emoji/</loc>
|
||||
<lastmod>2019-03-05T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/blog/emoji-support/</loc>
|
||||
<lastmod>2019-03-05T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/about/</loc>
|
||||
<lastmod>2019-02-28T00:00:00+00:00</lastmod>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>https://example.com/contact/</loc>
|
||||
</url>
|
||||
|
||||
</urlset>
|
||||
124
exampleSite/public/tags/css/index.html
Normal file
124
exampleSite/public/tags/css/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/tags/css/index.xml
Normal file
25
exampleSite/public/tags/css/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>css on title</title>
|
||||
<link>https://example.com/tags/css/</link>
|
||||
<description>Recent content in css on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/css/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/tags/emoji/index.html
Normal file
124
exampleSite/public/tags/emoji/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/emoji-support/">Emoji Support</a>
|
||||
|
||||
|
||||
<p>Guide to emoji usage in Hugo</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 5 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: emoji
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/tags/emoji/index.xml
Normal file
25
exampleSite/public/tags/emoji/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>emoji on title</title>
|
||||
<link>https://example.com/tags/emoji/</link>
|
||||
<description>Recent content in emoji on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Tue, 05 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/emoji/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Emoji Support</title>
|
||||
<link>https://example.com/blog/emoji-support/</link>
|
||||
<pubDate>Tue, 05 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/emoji-support/</guid>
|
||||
<description><p>Emoji can be enabled in a Hugo project in a number of ways.</p></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/tags/html/index.html
Normal file
124
exampleSite/public/tags/html/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/tags/html/index.xml
Normal file
25
exampleSite/public/tags/html/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>html on title</title>
|
||||
<link>https://example.com/tags/html/</link>
|
||||
<description>Recent content in html on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/html/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
210
exampleSite/public/tags/index.html
Normal file
210
exampleSite/public/tags/index.html
Normal file
|
|
@ -0,0 +1,210 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/css/">css</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/html/">html</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/markdown/">markdown</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/themes/">themes</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/privacy/">privacy</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 10 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/shortcodes/">shortcodes</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 10 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/text/">text</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 9 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/tags/emoji/">emoji</a>
|
||||
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 5 2019
|
||||
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
88
exampleSite/public/tags/index.xml
Normal file
88
exampleSite/public/tags/index.xml
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Tags on title</title>
|
||||
<link>https://example.com/tags/</link>
|
||||
<description>Recent content in Tags on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>css</title>
|
||||
<link>https://example.com/tags/css/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/css/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>html</title>
|
||||
<link>https://example.com/tags/html/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/html/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>markdown</title>
|
||||
<link>https://example.com/tags/markdown/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/markdown/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>themes</title>
|
||||
<link>https://example.com/tags/themes/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/themes/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>privacy</title>
|
||||
<link>https://example.com/tags/privacy/</link>
|
||||
<pubDate>Sun, 10 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/privacy/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>shortcodes</title>
|
||||
<link>https://example.com/tags/shortcodes/</link>
|
||||
<pubDate>Sun, 10 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/shortcodes/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>text</title>
|
||||
<link>https://example.com/tags/text/</link>
|
||||
<pubDate>Sat, 09 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/text/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>emoji</title>
|
||||
<link>https://example.com/tags/emoji/</link>
|
||||
<pubDate>Tue, 05 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/tags/emoji/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
142
exampleSite/public/tags/markdown/index.html
Normal file
142
exampleSite/public/tags/markdown/index.html
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/placeholder-text/">Placeholder Text</a>
|
||||
|
||||
|
||||
<p>Lorem Ipsum Dolor Si Amet</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 9 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, text
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
35
exampleSite/public/tags/markdown/index.xml
Normal file
35
exampleSite/public/tags/markdown/index.xml
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>markdown on title</title>
|
||||
<link>https://example.com/tags/markdown/</link>
|
||||
<description>Recent content in markdown on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/markdown/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
<item>
|
||||
<title>Placeholder Text</title>
|
||||
<link>https://example.com/blog/placeholder-text/</link>
|
||||
<pubDate>Sat, 09 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/placeholder-text/</guid>
|
||||
<description><p>Lorem est tota propiore conpellat pectoribus de
|
||||
pectora summo.</p></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/tags/privacy/index.html
Normal file
124
exampleSite/public/tags/privacy/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/rich-content/">Rich Content</a>
|
||||
|
||||
|
||||
<p>A brief description of Hugo Shortcodes</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 10 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: shortcodes, privacy
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/tags/privacy/index.xml
Normal file
25
exampleSite/public/tags/privacy/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>privacy on title</title>
|
||||
<link>https://example.com/tags/privacy/</link>
|
||||
<description>Recent content in privacy on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Sun, 10 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/privacy/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Rich Content</title>
|
||||
<link>https://example.com/blog/rich-content/</link>
|
||||
<pubDate>Sun, 10 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/rich-content/</guid>
|
||||
<description><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/tags/shortcodes/index.html
Normal file
124
exampleSite/public/tags/shortcodes/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/rich-content/">Rich Content</a>
|
||||
|
||||
|
||||
<p>A brief description of Hugo Shortcodes</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 10 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: shortcodes, privacy
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/tags/shortcodes/index.xml
Normal file
25
exampleSite/public/tags/shortcodes/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>shortcodes on title</title>
|
||||
<link>https://example.com/tags/shortcodes/</link>
|
||||
<description>Recent content in shortcodes on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Sun, 10 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/shortcodes/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Rich Content</title>
|
||||
<link>https://example.com/blog/rich-content/</link>
|
||||
<pubDate>Sun, 10 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/rich-content/</guid>
|
||||
<description><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/tags/text/index.html
Normal file
124
exampleSite/public/tags/text/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/placeholder-text/">Placeholder Text</a>
|
||||
|
||||
|
||||
<p>Lorem Ipsum Dolor Si Amet</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 9 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, text
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
26
exampleSite/public/tags/text/index.xml
Normal file
26
exampleSite/public/tags/text/index.xml
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>text on title</title>
|
||||
<link>https://example.com/tags/text/</link>
|
||||
<description>Recent content in text on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Sat, 09 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/text/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Placeholder Text</title>
|
||||
<link>https://example.com/blog/placeholder-text/</link>
|
||||
<pubDate>Sat, 09 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/placeholder-text/</guid>
|
||||
<description><p>Lorem est tota propiore conpellat pectoribus de
|
||||
pectora summo.</p></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
124
exampleSite/public/tags/themes/index.html
Normal file
124
exampleSite/public/tags/themes/index.html
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="your description">
|
||||
<meta name="Author" content="your name">
|
||||
<meta name="keywords" content="hugo blog">
|
||||
<link rel="stylesheet" href=https://example.com/css/syntax.css>
|
||||
<link rel="stylesheet" href=https://example.com/css/style.css>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>title</title>
|
||||
</head><body><aside id="sidenav">
|
||||
<header>
|
||||
|
||||
<a href="https://example.com"><img src="/avatar.png" alt="avatar"></a>
|
||||
|
||||
|
||||
<a id="branding" href="https://example.com">
|
||||
|
||||
title
|
||||
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<nav>
|
||||
|
||||
|
||||
<a href="/"
|
||||
|
||||
>
|
||||
<i class="fas fa-home fa-sm"></i>
|
||||
<span>home</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/blog/"
|
||||
|
||||
>
|
||||
<i class="fas fa-keyboard fa-ms"></i>
|
||||
<span>blog</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/tags"
|
||||
|
||||
>
|
||||
<i class="fas fa-tags fa-ms"></i>
|
||||
<span>tags</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://github.com/yourgithubusername23434"
|
||||
|
||||
target="_blanck"
|
||||
|
||||
>
|
||||
<i class="fab fa-github fa-ms"></i>
|
||||
<span>github</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/index.xml"
|
||||
|
||||
>
|
||||
<i class="fas fa-rss fa-ms"></i>
|
||||
<span>RSS</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="/contact"
|
||||
|
||||
>
|
||||
<i class="far fa-envelope"></i>
|
||||
<span>contact</span>
|
||||
</a>
|
||||
|
||||
</aside>
|
||||
<main id="main">
|
||||
<a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a>
|
||||
<div class="content">
|
||||
<div class="section">
|
||||
<dev class="section-title">tags</dev>
|
||||
|
||||
<div class="list-item">
|
||||
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
||||
|
||||
|
||||
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
||||
|
||||
<div class="meta">
|
||||
|
||||
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
||||
|
||||
<br>
|
||||
|
||||
<i class="fas fa-tags"></i>
|
||||
Tags: markdown, css, html, themes
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><footer>
|
||||
<div class="footer-content">
|
||||
<div class="contact-info">
|
||||
|
||||
<div class="footer-mail">
|
||||
<i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div>
|
||||
|
||||
|
||||
<div class="footer-phone">
|
||||
<i class="fas fa-phone"></i> 8888888888
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p>
|
||||
|
||||
</div>
|
||||
</footer></main>
|
||||
</body>
|
||||
<script src=https://example.com/js/navbutton.js></script>
|
||||
</html>
|
||||
25
exampleSite/public/tags/themes/index.xml
Normal file
25
exampleSite/public/tags/themes/index.xml
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>themes on title</title>
|
||||
<link>https://example.com/tags/themes/</link>
|
||||
<description>Recent content in themes on title</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
<copyright>Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</copyright>
|
||||
<lastBuildDate>Mon, 11 Mar 2019 00:00:00 +0000</lastBuildDate>
|
||||
|
||||
<atom:link href="https://example.com/tags/themes/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
<item>
|
||||
<title>Markdown Syntax Guide</title>
|
||||
<link>https://example.com/blog/markdown-syntax/</link>
|
||||
<pubDate>Mon, 11 Mar 2019 00:00:00 +0000</pubDate>
|
||||
|
||||
<guid>https://example.com/blog/markdown-syntax/</guid>
|
||||
<description><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></description>
|
||||
</item>
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -11,5 +11,5 @@
|
|||
{{- partial "footer.html" . -}}
|
||||
</main>
|
||||
</body>
|
||||
<script src="/js/navbutton.js"></script>
|
||||
<script src={{"/js/navbutton.js" | absURL }}></script>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -10,8 +10,8 @@
|
|||
{{- with .Site.Params.keywords -}}
|
||||
<meta name="keywords" content="{{.}}">
|
||||
{{ end -}}
|
||||
<link rel="stylesheet" href="/css/syntax.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<link rel="stylesheet" href={{ "/css/syntax.css" | absURL }}>
|
||||
<link rel="stylesheet" href={{ "/css/style.css" | absURL }}>
|
||||
<script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script>
|
||||
<title>{{ .Site.Title }}</title>
|
||||
</head>
|
||||
Loading…
Reference in a new issue