mirror of
				https://github.com/gohugoio/hugo.git
				synced 2024-05-11 05:54:58 +00:00 
			
		
		
		
	- Add backticks and commas where necessary - Remove some trailing whitespace - Add front matter example in TOML - Fix typo in one of the tags in Showcase - Add 多说 (Duoshuo) as an alternative to Disqus - Use internal links (i.e. without gohugo.io) where possible - Use a colon to set off an example - Change "it's" to "its" where appropriate - Use typographical (i.e. curly) apostrophe on the front page where appropriate - Capitalize "Github" as "GitHub"
		
			
				
	
	
		
			286 lines
		
	
	
		
			16 KiB
		
	
	
	
		
			HTML
		
	
	
		
			Executable File
		
	
	
	
	
			
		
		
	
	
			286 lines
		
	
	
		
			16 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 href="/css/owl.carousel.css" rel="stylesheet">
 | 
						||
    <link href="/css/owl.theme.default.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-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.
 | 
						||
                    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">
 | 
						||
                  <!-- Wrapper for slides -->
 | 
						||
                  <div class="carousel-inner owl-carousel">
 | 
						||
                      <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 class="item"> <blockquote><p>Building a personal website in Hugo. Works like a charm. And written in @golang!</p>— 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>— 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>— 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>— 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 '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>— 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>— 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>— 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! <3 I promise, I will try to learn go ASAP and help contribute to the project! Just too great!</p>— 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>— 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>— 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>— 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>— 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>— 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>— Hugo Roy (@hugoroyd) <a href="https://twitter.com/hugoroyd/status/501704796727173120">August 19, 2014</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">
 | 
						||
                <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> </p>
 | 
						||
                <h4>Using Homebrew?</h4>
 | 
						||
                <pre><code>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="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-2.1.1.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>
 |