hugo/docs/layouts/index.html

294 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Hugo, a fast and flexible static site generator built with love by spf13 and friends in Go">
<meta name="author" content="Steve Francia (spf13) and friends">
<title>Hugo :: A fast and modern static website engine</title>
<!-- Bootstrap core CSS -->
<link href="/css/bootstrap-gohugo.css" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Arbutus+Slab%7CCabin:600%7CSource+Code+Pro' rel='stylesheet' type='text/css'>
<!-- Add custom CSS here -->
<link href="/css/HPstyles.css" rel="stylesheet">
<link href="/css/hugofont.css" rel="stylesheet">
<link href="/css/owl.carousel.min.css" rel="stylesheet">
<link href="/css/owl.theme.default.min.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<style type="text/css">
.callout {
table-layout: fixed;
}
</style>
</head>
<body>
<!-- Full Page Image Header Area -->
<div id="top" class="header">
<div class="vert-text">
<a href="#intro"><img src="/img/hugo.png" class="logo" alt="Hugo logo"> </a>
<div class="buttonbox">
<a href="/overview/introduction/" class="btn btn-primary btn-lg">Docs <i class="icon-idea"></i></a>
<a href="#action" class="btn btn-success btn-lg">Install <i class="icon-arrow-down"></i></a>
<a href="http://discuss.gohugo.io/" class="btn btn-info btn-lg">Community <i class="icon-talking"></i></a>
<a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">GitHub <i class="icon-circlestar"></i></a>
</div>
</div>
</div>
<!-- /Full Page Image Header Area -->
<div id="main">
<!-- Intro -->
<div id="intro" class="counterpoint">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="lead-icon icon-pacman"></i>
<h2>Make the Web Fun Again</h2>
<p class="lead">
Introducing Hugo, a new idea around making website creation simple again.
Hugo flexibly works with many formats and is ideal for
blogs, docs, portfolios and much more.
Hugos speed fosters
creativity and makes building a website fun again.
</p>
</div>
</div>
</div>
</div>
<!-- /Intro -->
<!-- Point -->
<div class="point">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="point-icon icon-tux"></i>
<i class="point-icon icon-apple"></i>
<i class="point-icon icon-windows8"></i>
<h2>Run Anywhere</h2>
<p class="lead">
Hugo is quite possibly the easiest to install software youve ever used,
simply download and run. <b>Hugo doesnt depend on administrative privileges, databases, runtimes, interpreters
or external libraries</b>. Sites built with Hugo can be deployed on S3, GitHub Pages, Dropbox or any web host.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="counterpoint">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="lead-icon icon-rocket"></i>
<h2>Fast &amp; Powerful</h2>
<p class="lead">
Hugo is written for speed and performance. Great care has been
taken to ensure that Hugo build time is as short as possible.
Were talking milliseconds to build your entire site for most setups.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="point">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="point-icon icon-fork"></i>
<h2>Flexible</h2>
<p class="lead">
Hugo is designed to work how you do.
Organize your content however you want with any URL structure.
Declare your own content types.
Define your own meta data in YAML, TOML or JSON.
Use indexes to group your content however you want.
Best of all this is all done with virtually no configuration, Hugo
just works.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<div class="callout">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<i class="callout-icon icon-circlestar"></i>
<p></p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<!-- Wrapper for slides -->
<div class="carousel-inner owl-carousel">
<div class="item active"> <blockquote><p>Hugo is super-rad. </p>&mdash; David Gay (@oddshocks) <a href="https://twitter.com/oddshocks/statuses/405083217893421056">November 25, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>I had a play with Hugo and it was good, uses Markdown files for content</p>&mdash; David Caunt (@dcaunt) <a href="https://twitter.com/dcaunt/statuses/406466996277374976">November 29, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Even as a long-time Octopress fan, Ive gotta admit that this project Hugo looks very very cool</p>&mdash; Douglas Stephen (@DougStephenJr) <a href="https://twitter.com/DougStephenJr/statuses/364512471660249088">August 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>A static site generator without the long build times? Yes, please! </p>&mdash; Josh Matz (@joshmatz) <a href="https://twitter.com/joshmatz/statuses/364437436870696960">August 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Finally someone builds me my own static site generator </p>&mdash; Hugo Rodger-Brown (@hugorodgerbrown) <a href="https://twitter.com/hugorodgerbrown/statuses/364417910153818112">August 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Im loving the static site generator renaissance we are currently enjoying. Hugo is new, looks great, written in Go</p>&mdash; Jim Biancolo (@jimbiancolo) <a href="https://twitter.com/jimbiancolo/statuses/408678420348813314">December 5, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Good work on Hugo, Im impressed with the speed!</p>&mdash; Ludovic Chabant (@ludovicchabant) <a href="https://twitter.com/ludovicchabant/statuses/408806199602053120">December 6, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Checking out Hugo; Loving it so far. Like Jekyll but not so blog-oriented and written in go</p>&mdash; Jose Gonzalvo (@jgonzalvo) <a href="https://twitter.com/jgonzalvo/statuses/408177855819173888">December 4, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>Building a personal website in Hugo. Works like a charm. And written in @golang!</p>&mdash; Jip J. Dekker (@jipjdekker) <a href="https://twitter.com/jipjdekker/status/413783548735152131">December 19, 2013</a></blockquote> </div>
<div class="item"> <blockquote><p>I love Hugo! My site is generated with it now http://rjrbt.io </p>&mdash; Nathan Toups (@rojoroboto) <a href="https://twitter.com/rojoroboto/status/423439915620106242">January 15, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>this is AWESOME. a single little executable and so fast.</p>&mdash; Luke Holder (@lukeholder) <a href="https://twitter.com/lukeholder/status/430352287936946176">February 3, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>OK, so in today's speed battle of static site generators, @spf13's hugo is kicking everyone's ass, by miles.</p>&mdash; Kieran Healy (@kjhealy) <a href="https://twitter.com/kjhealy/status/437349384809115648">February 22, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>I think I'm going to level up and try @spf13&nbsp;'s Hugo for my next project.</p>Dave Cheney (@davecheney ) <a href="https://twitter.com/davecheney/status/448036906740097024">March 24, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>I just fell in love with #hugo, a static site/blog engine written by @spf13 in #golang + stellar docs</p>&mdash; Dave Cottlehuber (@dch__) <a href="https://twitter.com/dch__/status/460158115498176512">April 26, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>Another site generated with Hugo here! I'm getting in love with it. </p>&mdash; Javier Segura (@jsegura) <a href="https://twitter.com/jsegura/status/465978434154659841">May 12, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>One more satisfied #Hugo blogger. Thanks @spf13 and friends!</p>&mdash; Michael Whatcott (@mdwhatcott) <a href="https://twitter.com/mdwhatcott/status/469980686531571712">May 23, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>The dev version of Hugo is AWESOME! &lt;3 I promise, I will try to learn go ASAP and help contribute to the project! Just too great!</p>&mdash; Diti (@DitiPengi) <a href="https://twitter.com/DitiPengi/status/472470974051676160">May 30, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>#Hugo is the new @jekyllrb / @middlemanapp! Faster, easier and runs everywhere.</p>&mdash; Ruben Solvang (@messo85) <a href="https://twitter.com/messo85/status/472825062027182081">May 31, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>Jekyll is dead to me these days though... long live Hugo! Hugo is *by far* the best in its field. Thanks for making it happen.</p>&mdash; The Lone Cuber (@TheLoneCuber) <a href="https://twitter.com/TheLoneCuber/status/495716684456398848">August 2, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>Finally, a publishing platform that's a joy to use. #NoMoreBarriers</p>&mdash; The Lone Cuber (@TheLoneCuber) <a href="https://twitter.com/TheLoneCuber/status/495731334711488512">August 2, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>Hugo: Makes the Web Fun Again</p>&mdash; mercime (@mercime_one) <a href="https://twitter.com/mercime_one/status/500547145087205377">August 16, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>Hugo is fast, dead simple to setup and well documented</p>&mdash; Markus Eliasson (@markuseliasson) <a href="https://twitter.com/markuseliasson/status/501594865877008384">August 19, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>Finally the answer to the question my parents have been asking: What does Hugo do?</p>&mdash; Hugo Roy (@hugoroyd) <a href="https://twitter.com/hugoroyd/status/501704796727173120">August 19, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>Also, I re-launched my blog (it looks the same as before) using Hugo, a *fast* static engine. Very happy with it. <a href="http://gohugo.io/">gohugo.io</a></p>&mdash; Ryan Martinsen (@popthestack) <a href="https://twitter.com/popthestack/status/549972754125307904">December 30, 2014</a></blockquote> </div>
<div class="item"> <blockquote><p>I migrated the <a href="https://twitter.com/BlackOpsTesting">@BlackOpsTesting</a>.com website from docpad to Hugo last weekend. http://gohugo.io/ Super Fast HTML Generation <a href="https://twitter.com/spf13">@spf13</a></p>&mdash; Alan Richardson (@eviltester) <a href="https://twitter.com/eviltester/status/553520335115808768">January 9, 2015</a></blockquote> </div>
<div class="item"> <blockquote><p>Hugo is impressively capable. It's a static site generator by <a href="https://twitter.com/spf13">@spf13</a> written in <a href="https://twitter.com/hashtag/golang?src=hash">#golang</a>. Just upgraded to latest release; very powerful.</p>&mdash; Baron Schwartz (@xaprb) <a href="https://twitter.com/xaprb/status/556894866488455169">January 18, 2015</a></blockquote> </div>
<div class="item"> <blockquote><p><a href="https://twitter.com/hashtag/Hugo?src=hash">#Hugo</a> A very good alternative for <a href="https://twitter.com/hashtag/wordpress?src=hash">#wordpress</a>!!! A fast and modern static website engine <a href="http://gohugo.io/">gohugo.io</a></p>&mdash; WorkHTML (@workhtml) <a href="https://twitter.com/workhtml/status/563064361301053440">February 4, 2015</a></blockquote> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="counterpoint">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="lead-icon icon-octocat"></i>
<h2>Open and Free</h2>
<p class="lead">
Hugo is <a href="https://github.com/spf13/hugo">open source</a> and completely free.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Point -->
<div class="point">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<i class="point-icon icon-beaker-alt"></i>
<i class="point-icon icon-heart"></i>
<i class="point-icon icon-spf13"></i>
<h2>Built with <i class="icon-heart" style="color:#FF4088;"></i></h2>
<p class="lead">
Hugo is developed with love by <a href="http://spf13.com">spf13</a> and friends.
We welcome all contributions.
New to Go? Not a problem, we will help you.
Not a developer? Help with <a href="/overview/introduction/">docs</a>, testing and <a href="https://github.com/spf13/hugoThemes/">themes</a>.
</p>
</div>
</div>
</div>
</div>
<!-- /Point -->
<!-- Call to Action -->
<div id="action" class="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center">
<h1 style="padding-bottom:.5em;">Getting Started</h1>
<a href="https://github.com/spf13/hugo/releases" class="btn btn-lg btn-primary">Download <i class="icon-arrow-down"></i></a>
<a href="/overview/quickstart/" style="color:white;font-weight:300;">Quickstart Guide</a>
<p>&nbsp;</p>
<h4>Using Homebrew?</h4>
<pre><code>brew update &amp;&amp; brew install hugo</code></pre>
</div>
</div>
</div>
</div>
<!-- /Call to Action -->
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<ul class="list-inline">
<li><a href="https://twitter.com/spf13" class="icon-twitter icon-2x"></a></li>
<li><a href="https://github.com/spf13/hugo" class="icon-octocat icon-2x"></a></li>
</ul>
<hr>
<p>Copyright &copy; Steve Francia 2013&ndash;{{ .Now.Format "2006" }}</p>
</div>
</div>
</div>
</footer>
<!-- /Footer -->
<!-- Bootstrap core JavaScript -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<!--<script src="/js/bootstrap.min.js"></script>-->
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
autoplay:true,
autoplayHoverPause:true,
autoplayTimeout:3000,
responsive:{
0:{
items:1
},
1000:{
items:3
},
}
})
</script>
{{ template "partials/analytics.html" . }}
</body>
</html>