diff options
Diffstat (limited to 'post/hugoisforlovers/index.html')
| -rw-r--r-- | post/hugoisforlovers/index.html | 261 |
1 files changed, 261 insertions, 0 deletions
diff --git a/post/hugoisforlovers/index.html b/post/hugoisforlovers/index.html new file mode 100644 index 0000000..bd68b0e --- /dev/null +++ b/post/hugoisforlovers/index.html @@ -0,0 +1,261 @@ +<!DOCTYPE html> +<html lang="en-us"> + + <head> + + <title>Getting Started with Hugo</title> + + <style> + + html body { + font-family: Quicksand, sans-serif; + background-color: white; + } + + :root { + --accent: red; + --border-width: 5px ; + } + +</style> + + +<link rel="stylesheet" href="/css/main.css"> + + + + + +<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand"> + + + + + +<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> + + +<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> + + + + + + + +<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> + + +<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> + <meta name="generator" content="Hugo 0.26-DEV" /> + + <meta charset="utf-8"> + + <meta name="viewport" content="width=device-width, initial-scale=1"> + + </head> + + <body> + + <nav class="navbar navbar-default navbar-fixed-top"> + + <div class="container"> + + <div class="navbar-header"> + + <a class="navbar-brand visible-xs" href="#">Getting Started with Hugo</a> + + <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + + </div> + + <div class="collapse navbar-collapse"> + + + <ul class="nav navbar-nav"> + + <li><a href="/podcast/">Home</a></li> + + <li><a href="/podcast/download">Install</a></li> + + </ul> + + + + <ul class="nav navbar-nav navbar-right"> + + <li class="navbar-icon"><a href="https://github.com/njaremko/podcast"><i class="fa fa-github"></i></a></li> + + </ul> + + + </div> + + </div> + + </nav> + + +<main> + + <div class="item"> + + + + <h4><a href="/podcast/post/hugoisforlovers/">Getting Started with Hugo</a></h4> + + <h5>April 2, 2014</h5> + + <kbd class="item-tag">go</kbd> <kbd class="item-tag">golang</kbd> <kbd class="item-tag">hugo</kbd> <kbd class="item-tag">development</kbd> + + + +</div> + + + <br> <div class="text-justify"> + +<h2 id="step-1-install-hugo">Step 1. Install Hugo</h2> + +<p>Goto <a href="https://github.com/spf13/hugo/releases">hugo releases</a> and download the +appropriate version for your os and architecture.</p> + +<p>Save it somewhere specific as we will be using it in the next step.</p> + +<p>More complete instructions are available at <a href="/overview/installing/">installing hugo</a></p> + +<h2 id="step-2-build-the-docs">Step 2. Build the Docs</h2> + +<p>Hugo has its own example site which happens to also be the documentation site +you are reading right now.</p> + +<p>Follow the following steps:</p> + +<ol> +<li>Clone the <a href="http://github.com/spf13/hugo">hugo repository</a></li> +<li>Go into the repo</li> +<li>Run hugo in server mode and build the docs</li> +<li>Open your browser to <a href="http://localhost:1313">http://localhost:1313</a></li> +</ol> + +<p>Corresponding pseudo commands:</p> + +<pre><code>git clone https://github.com/spf13/hugo +cd hugo +/path/to/where/you/installed/hugo server --source=./docs +> 29 pages created +> 0 tags index created +> in 27 ms +> Web Server is available at http://localhost:1313 +> Press ctrl+c to stop +</code></pre> + +<p>Once you’ve gotten here, follow along the rest of this page on your local build.</p> + +<h2 id="step-3-change-the-docs-site">Step 3. Change the docs site</h2> + +<p>Stop the Hugo process by hitting ctrl+c.</p> + +<p>Now we are going to run hugo again, but this time with hugo in watch mode.</p> + +<pre><code>/path/to/hugo/from/step/1/hugo server --source=./docs --watch +> 29 pages created +> 0 tags index created +> in 27 ms +> Web Server is available at http://localhost:1313 +> Watching for changes in /Users/spf13/Code/hugo/docs/content +> Press ctrl+c to stop +</code></pre> + +<p>Open your <a href="http://vim.spf13.com">favorite editor</a> and change one of the source +content pages. How about changing this very file to <em>fix the typo</em>. How about changing this very file to <em>fix the typo</em>.</p> + +<p>Content files are found in <code>docs/content/</code>. Unless otherwise specified, files +are located at the same relative location as the url, in our case +<code>docs/content/overview/quickstart.md</code>.</p> + +<p>Change and save this file.. Notice what happened in your terminal.</p> + +<pre><code>> Change detected, rebuilding site + +> 29 pages created +> 0 tags index created +> in 26 ms +</code></pre> + +<p>Refresh the browser and observe that the typo is now fixed.</p> + +<p>Notice how quick that was. Try to refresh the site before it’s finished building.. I double dare you. +Having nearly instant feedback enables you to have your creativity flow without waiting for long builds.</p> + +<h2 id="step-4-have-fun">Step 4. Have fun</h2> + +<p>The best way to learn something is to play with it.</p> +</div> + + + + + + + <h4 class="page-header">Related</h4> + + <div class="item"> + + + + <h4><a href="/podcast/post/creating-a-new-theme/">Creating a New Theme</a></h4> + + <h5>September 28, 2014</h5> + + <kbd class="item-tag">go</kbd> <kbd class="item-tag">golang</kbd> <kbd class="item-tag">hugo</kbd> <kbd class="item-tag">themes</kbd> + + + +</div> + <div class="item"> + + + + <h4><a href="/podcast/post/goisforlovers/">(Hu)go Template Primer</a></h4> + + <h5>April 2, 2014</h5> + + <kbd class="item-tag">go</kbd> <kbd class="item-tag">golang</kbd> <kbd class="item-tag">template</kbd> <kbd class="item-tag">themes</kbd> <kbd class="item-tag">development</kbd> + + + +</div> + <div class="item"> + + + + <h4><a href="/podcast/post/migrate-from-jekyll/">Migrate from Jekyll</a></h4> + + <h5>March 10, 2014</h5> + + <kbd class="item-tag">go</kbd> <kbd class="item-tag">golang</kbd> <kbd class="item-tag">hugo</kbd> <kbd class="item-tag">jekyll</kbd> <kbd class="item-tag">static-site-generator</kbd> + + + +</div> + + + + +</main> + + <footer> + + <p class="copyright text-muted">© All rights reserved. Powered by <a href="https://gohugo.io">Hugo</a> and <a href="https://github.com/calintat/minimal">Minimal</a>.</p> + + </footer> + + </body> + +</html> + |