npqhugo/exampleSite/public/about/index.html

129 lines
4.3 KiB
HTML
Raw Normal View History

2020-04-12 04:44:02 +08:00
<!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 © 20082019, Steve Francia and the Hugo Authors; all rights reserved.</p>
</div>
</footer></main>
</body>
<script src=https://example.com/js/navbutton.js></script>
</html>