mirror of
https://github.com/gohugoio/hugo.git
synced 2024-12-28 14:31:23 +00:00
264 lines
12 KiB
HTML
Executable file
264 lines
12 KiB
HTML
Executable file
<!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="">
|
||
<meta name="author" content="">
|
||
|
||
<title>Hugo :: A fast and modern static website engine</title>
|
||
|
||
<!-- Bootstrap core CSS -->
|
||
<link href="/css/bootstrap-theme.css" rel="stylesheet">
|
||
|
||
<link href='http://fonts.googleapis.com/css?family=Arbutus+Slab&family=Cabin:600&family=Source+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 rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
||
</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"> </a>
|
||
<div class="buttonbox">
|
||
<a href="/overview/introduction" class="btn btn-info btn-lg">docs <i class="icon-idea"></i></a>
|
||
<a href="https://github.com/spf13/hugo/releases" class="btn btn-success btn-lg">download <i class="icon-arrow-down"></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.
|
||
Hugo's speed fosters
|
||
creativity and makes building a website fun again.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /Intro -->
|
||
|
||
<!-- Point -->
|
||
<div id="intro" 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 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>
|
||
<h2>Fast & 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.
|
||
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">
|
||
|
||
<div id="carousel-quotes" class="carousel slide" data-ride="carousel">
|
||
<!-- Indicators -->
|
||
<ol class="carousel-indicators">
|
||
<li data-target="#carousel-quotes" data-slide-to="0" class="active"></li>
|
||
<li data-target="#carousel-quotes" data-slide-to="1"></li>
|
||
<li data-target="#carousel-quotes" data-slide-to="2"></li>
|
||
<li data-target="#carousel-quotes" data-slide-to="3"></li>
|
||
<li data-target="#carousel-quotes" data-slide-to="4"></li>
|
||
<li data-target="#carousel-quotes" data-slide-to="5"></li>
|
||
<li data-target="#carousel-quotes" data-slide-to="6"></li>
|
||
<li data-target="#carousel-quotes" data-slide-to="7"></li>
|
||
</ol>
|
||
|
||
<!-- Wrapper for slides -->
|
||
<div class="carousel-inner">
|
||
<div class="item active"> <blockquote><p>Hugo is super-rad. </p>— 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>— 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, I’ve gotta admit that this project Hugo looks very very cool</p>— 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>— 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>— Hugo Rodger-Brown (@hugorodgerbrown) <a href="https://twitter.com/hugorodgerbrown/statuses/364417910153818112">August 5, 2013</a></blockquote> </div>
|
||
<div class="item"> <blockquote><p>I'm loving the static site generator renaissance we are currently enjoying. Hugo is new, looks great, written in Go</p>— 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, I'm impressed with the speed!</p>— 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>— Jose Gonzalvo (@jgonzalvo) <a href="https://twitter.com/jgonzalvo/statuses/408177855819173888">December 4, 2013</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="http://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="http://github.com/spf13/hugoThemes/">themes</a>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /Point -->
|
||
</div>
|
||
|
||
<!-- 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">
|
||
<h3>Get Started Today!</h3>
|
||
<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/introduction" style="color:white;font-weight:300;">Documentation</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /Call to Action -->
|
||
<div id="footerSpacer"></div>
|
||
|
||
<!-- 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="http://twitter.com/spf13" class="icon-twitter icon-2x"></a></li>
|
||
<li><a href="http://github.com/spf13/hugo" class="icon-octocat icon-2x"></a></li>
|
||
</ul>
|
||
<hr>
|
||
<p>Copyright © Steve Francia 2013 - 2014</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.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;
|
||
}
|
||
}
|
||
});
|
||
});
|
||
$('.carousel').carousel({ interval: 4500 })
|
||
</script>
|
||
|
||
{{ template "partials/analytics.html" . }}
|
||
</body>
|
||
|
||
</html>
|