hugo-theme-flat/about/index.html
2022-09-04 19:13:42 +08:00

255 lines
8.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>About | Flat theme</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1">
<link rel="stylesheet" href="/hugo-theme-flat/lib/icofont/icofont.min.css" />
<link rel="stylesheet" href="/hugo-theme-flat/css/syntax.css" />
<link rel="stylesheet" href="/hugo-theme-flat/css/style.css" />
<link rel="shortcut icon" href="/hugo-theme-flat/images/favicon.ico" type="image/x-icon" />
</head>
<body>
<header class="header-wrapper">
<div class="header">
<a class="site-title" href="https://leafee98.github.io/hugo-theme-flat/">Flat theme</a>
<ul class="menu">
<li class="menu-item">
<a href="/hugo-theme-flat/posts/">Posts</a>
</li>
<li class="menu-item">
<a href="/hugo-theme-flat/essays/">Essays</a>
</li>
<li class="menu-item">
<a>Services↓</a>
<ul class="sub-menu">
<li class="menu-item"><a href="#">Service A</a></li>
<li class="menu-item"><a href="#">Service B</a></li>
</ul>
</li>
<li class="menu-item">
<a href="/hugo-theme-flat/about/">About</a>
</li>
</ul>
</div>
</header>
<main class="main-wrapper">
<div class="main">
<section class="single">
<h1 class="title">About</h1>
<div class="tip">
<time datetime="2022-04-27 21:01:43 &#43;0800 CST">2022/04/27</time>
<span class="split">·</span>
<span> 396 words </span>
<span class="split">·</span>
<span>
1 minutes to read
</span>
</div>
<div class="taxonomies">
</div>
<hr />
<div class="content">
<h2 id="about-this-demo-site">About this demo site <a href="#about-this-demo-site" class="anchor">🔗</a></h2><p>This is the <em>about page</em> of this theme. The content of this demo site is come from <a href="https://github.com/nodejh/hugo-theme-mini/">hugo-theme-mini</a>, whose license is <a href="https://github.com/nodejh/hugo-theme-mini/blob/39be4727b355bc8cabd919c6684d79064690a5c6/LICENSE.md">MIT</a></p>
<p>This site is built by hugo, which is a fast static site generator writen in go. You can go to its <a href="https://gohugo.io">offical site</a> to get more information.</p>
<h2 id="cjk-supported">CJK supported <a href="#cjk-supported" class="anchor">🔗</a></h2><p>This hugo theme support CJK language, but some right to left language may not act as expected. Let&rsquo;s just test CJK layout!</p>
<p>这一句话是用中文写的,一般情况下,中英文排版如果字体设置不当,显示出来的字号会有相当的差距,即便实际上的字号是相同的。这个问题暂时看来无法彻底解决,唯一能做的就是挑选合适的字体,使相同字号下,中英文在展示出来后肉眼感官大小差别不大。</p>
<p>Try another typography, which make English and Chinese lay down in a single line. The word <em>Chinese</em> in Chinese is &ldquo;中文&rdquo;.</p>
<h2 id="what-is-hugo">What is hugo <a href="#what-is-hugo" class="anchor">🔗</a></h2><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 extremely 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>
</section>
</div>
<div class="side">
<div class="side-recent">
<h2 class="side-title">Recent Posts</h2>
<hr />
<ul>
<li>
<a href="/hugo-theme-flat/posts/markdown-syntax/">Markdown Syntax Guide</a>
</li>
<li>
<a href="/hugo-theme-flat/posts/placeholder-text/">Placeholder Text</a>
</li>
<li>
<a href="/hugo-theme-flat/posts/math-typesetting/">Math Typesetting</a>
</li>
<li>
<a href="/hugo-theme-flat/posts/emoji-support/">Emoji Support</a>
</li>
</ul>
</div>
<div class="side-recent">
<h2 class="side-title">Recent Essays</h2>
<hr />
<ul>
<li>
<a href="/hugo-theme-flat/essays/what-is-hugo/">What Is Hugo</a>
</li>
</ul>
</div>
<div class="side-categories">
<h2>Categories</h2>
<hr />
<ul>
<li>
<a href="/hugo-theme-flat/categories/syntax">syntax(1)</a>
</li>
<li>
<a href="/hugo-theme-flat/categories/themes">themes(1)</a>
</li>
</ul>
</div>
<div class="side-tags">
<h2>Tags</h2>
<hr />
<ul>
<li>
<a href="/hugo-theme-flat/tags/css">css (1)</a>
</li>
<li>
<a href="/hugo-theme-flat/tags/emoji">emoji (1)</a>
</li>
<li>
<a href="/hugo-theme-flat/tags/html">html (1)</a>
</li>
<li>
<a href="/hugo-theme-flat/tags/markdown">markdown (2)</a>
</li>
<li>
<a href="/hugo-theme-flat/tags/text">text (1)</a>
</li>
</ul>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-row">
<a class="footer-item" href="https://leafee98.github.io/hugo-theme-flat/posts/index.xml">
Feed of Posts
<i class="icofont-rss"></i>
</a>
<a class="footer-item" href="https://leafee98.github.io/hugo-theme-flat/essays/index.xml">
Feed of Essays
<i class="icofont-rss"></i>
</a>
</div>
<div class="footer-row">
<span class="footer-item">Copyright <a href="https://creativecommons.org/licenses/by/4.0/">CC BY-4.0</a></span>
</div>
<div class="footer-row">
<span class="footer-item">Powered by <a href="https://gohugo.io">Hugo</a></span>
<span class="footer-item">Theme <a href="https://cgit.leafee98.com/hugo-theme-flat.git">hugo-theme-flat</a></span>
</div>
</footer>
</body>
</html>