2015-01-17 20:24:35 +00:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2015-01-28 02:17:09 +00:00
|
|
|
|
<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">
|
2015-01-17 20:24:35 +00:00
|
|
|
|
|
|
|
|
|
<title>Hugo :: A fast and modern static website engine</title>
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap core CSS -->
|
2015-12-21 19:04:11 +00:00
|
|
|
|
<link href="/css/bootstrap-gohugo.css" rel="stylesheet">
|
2015-01-17 20:24:35 +00:00
|
|
|
|
|
2015-07-10 22:53:03 +00:00
|
|
|
|
<link href='//fonts.googleapis.com/css?family=Arbutus+Slab%7CCabin:600%7CSource+Code+Pro' rel='stylesheet' type='text/css'>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<!-- Add custom CSS here -->
|
|
|
|
|
<link href="/css/HPstyles.css" rel="stylesheet">
|
|
|
|
|
<link href="/css/hugofont.css" rel="stylesheet">
|
2015-12-21 20:21:42 +00:00
|
|
|
|
<link href="/css/owl.carousel.min.css" rel="stylesheet">
|
|
|
|
|
<link href="/css/owl.theme.default.min.css" rel="stylesheet">
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
|
|
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
2015-01-19 11:16:54 +00:00
|
|
|
|
<style type="text/css">
|
2015-10-02 09:27:38 +00:00
|
|
|
|
.callout {
|
|
|
|
|
table-layout: fixed;
|
2015-01-19 11:16:54 +00:00
|
|
|
|
}
|
|
|
|
|
</style>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- Full Page Image Header Area -->
|
|
|
|
|
<div id="top" class="header">
|
|
|
|
|
<div class="vert-text">
|
2015-01-19 11:16:54 +00:00
|
|
|
|
<a href="#intro"><img src="/img/hugo.png" class="logo" alt="Hugo logo"> </a>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<div class="buttonbox">
|
2015-01-28 02:17:09 +00:00
|
|
|
|
<a href="/overview/introduction/" class="btn btn-primary btn-lg">Docs <i class="icon-idea"></i></a>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<a href="#action" class="btn btn-success btn-lg">Install <i class="icon-arrow-down"></i></a>
|
2015-01-28 02:17:09 +00:00
|
|
|
|
<a href="http://discuss.gohugo.io/" class="btn btn-info btn-lg">Community <i class="icon-talking"></i></a>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<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.
|
|
|
|
|
Hugo’s speed fosters
|
|
|
|
|
creativity and makes building a website fun again.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- /Intro -->
|
|
|
|
|
|
|
|
|
|
<!-- Point -->
|
2015-01-19 11:16:54 +00:00
|
|
|
|
<div class="point">
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<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 you’ve ever used,
|
|
|
|
|
simply download and run. <b>Hugo doesn’t 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>
|
2015-10-02 09:27:38 +00:00
|
|
|
|
<h2>Fast & Powerful</h2>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<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.
|
|
|
|
|
We’re 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">
|
2016-04-07 21:46:46 +00:00
|
|
|
|
{{ partial "quotes.html" ((where $.Site.Data.references.quotes "date" "ge" ($.Now.AddDate -2 0 0) | shuffle )) }}
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2016-04-07 18:19:08 +00:00
|
|
|
|
</div>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</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">
|
2015-01-28 02:17:09 +00:00
|
|
|
|
Hugo is <a href="https://github.com/spf13/hugo">open source</a> and completely free.
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</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.
|
2015-01-28 02:17:09 +00:00
|
|
|
|
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>.
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</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>
|
2015-01-28 02:17:09 +00:00
|
|
|
|
<a href="/overview/quickstart/" style="color:white;font-weight:300;">Quickstart Guide</a>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<p> </p>
|
|
|
|
|
<h4>Using Homebrew?</h4>
|
2016-01-05 06:36:57 +00:00
|
|
|
|
<pre><code>brew update && brew install hugo</code></pre>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</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">
|
2015-01-28 02:17:09 +00:00
|
|
|
|
<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>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</ul>
|
|
|
|
|
<hr>
|
2016-01-05 06:47:12 +00:00
|
|
|
|
<p>Copyright © Steve Francia 2013–{{ .Now.Format "2006" }}</p>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
<!-- /Footer -->
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap core JavaScript -->
|
|
|
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
2015-12-19 19:19:26 +00:00
|
|
|
|
<script src="/js/jquery-2.1.4.min.js"></script>
|
2015-01-17 20:24:35 +00:00
|
|
|
|
<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>
|