https://papercss-hugo-theme.netlify.app/ Recent content in Blog on PaperCSS Hugo -- gohugo.io en-us Tue, 26 Feb 2019 13:50:01 -0600 https://papercss-hugo-theme.netlify.app/creating-a-new-theme/ Sun, 28 Sep 2014 00:00:00 +0000 https://papercss-hugo-theme.netlify.app/creating-a-new-theme/ Introduction This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I’ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won’t cover using CSS to style your theme. We’ll start with creating a new site with a very basic template. https://papercss-hugo-theme.netlify.app/migrate-from-jekyll/ Mon, 10 Mar 2014 00:00:00 +0000 https://papercss-hugo-theme.netlify.app/migrate-from-jekyll/ Move static content to static Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static. You should therefore move it all there. With Jekyll, something that looked like ▾ <root>/ ▾ images/ logo.png should become ▾ <root>/ ▾ static/ ▾ images/ logo.png Additionally, you’ll want any files that should reside at the root (such as CNAME) to be moved to static. https://papercss-hugo-theme.netlify.app/papercss-shortcodes/ Tue, 26 Feb 2019 13:50:01 -0600 https://papercss-hugo-theme.netlify.app/papercss-shortcodes/ border {{< border >}} Regular {{< /border >}} {{< border "dashed" >}} Dashed {{< /border >}} {{< border "dotted" >}} Dotted {{< /border >}} {{< border "dashed thick" >}} Dashed Thick {{< /border >}} {{< border "dotted thick" >}} Dotted Thick {{< /border >}} Regular Dashed Dotted Dashed Thick Dotted Thick color {{< color "primary" >}} Text primary {{< /color >}} {{< color "secondary" >}} Text secondary {{< /color >}} {{< color "success" >}} Text success {{< /color >}} {{< color "warning" >}} Text warning {{< /color >}} {{< color "danger" >}} Text danger {{< /color >}} {{< color "muted" >}} Text muted {{< /color >}} Text primary Text secondary Text success Text warning Text danger Text muted background {{< background "primary" >}} Background primary {{< /background >}} {{< background "secondary" >}} Background secondary {{< /background >}} {{< background "success" >}} Background success {{< /background >}} {{< background "warning" >}} Background warning {{< /background >}} {{< background "danger" >}} Background danger {{< /background >}} Background primary Background secondary Background success Background warning Background danger alert {{< alert "primary" >}} Alert-primary {{< /alert >}} {{< alert "secondary" >}} Alert-secondary {{< /alert >}} {{< alert "success" >}} Alert-success {{< /alert >}} {{< alert "warning" >}} Alert-warning {{< /alert >}} {{< alert "danger" >}} Alert-danger {{< /alert >}} Alert-primary Alert-secondary Alert-success Alert-warning Alert-danger badge <h3>Example badge {{< badge >}}123{{< /badge >}}</h3> <h3>Example badge {{< badge "secondary" >}}123{{< /badge >}}</h3> <h3>Example badge {{< badge "success" >}}123{{< /badge >}}</h3> <h3>Example badge {{< badge "warning" >}}123{{< /badge >}}</h3> <h3>Example badge {{< badge "danger" >}}123{{< /badge >}}</h3> Example badge 123 Example badge 123 Example badge 123 Example badge 123 Example badge 123 card The img param accepts an image page resource name. https://papercss-hugo-theme.netlify.app/papercss-typography/ Fri, 22 Feb 2019 20:53:58 -0600 https://papercss-hugo-theme.netlify.app/papercss-typography/ Headings # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Text *This text will be italic* _This will also be italic_ **This text will be bold** __This will also be bold__ _You **can** combine them_ This text will be italic This will also be italic This text will be bold https://papercss-hugo-theme.netlify.app/about/ Wed, 09 Apr 2014 00:00:00 +0000 https://papercss-hugo-theme.netlify.app/about/ Hugo is the world’s fastest framework for building websites. It is written in Go. It makes use of a variety of open source projects including: https://github.com/russross/blackfriday https://github.com/alecthomas/chroma https://github.com/muesli/smartcrop https://github.com/spf13/cobra https://github.com/spf13/viper Learn more and contribute on GitHub. https://papercss-hugo-theme.netlify.app/goisforlovers/ Wed, 02 Apr 2014 00:00:00 +0000 https://papercss-hugo-theme.netlify.app/goisforlovers/ Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates. This document is a brief primer on using Go templates. https://papercss-hugo-theme.netlify.app/hugoisforlovers/ Wed, 02 Apr 2014 00:00:00 +0000 https://papercss-hugo-theme.netlify.app/hugoisforlovers/ Step 1. Install Hugo Go to Hugo releases and download the appropriate version for your OS and architecture. Save it somewhere specific as we will be using it in the next step. More complete instructions are available at Install Hugo Step 2. Build the Docs Hugo has its own example site which happens to also be the documentation site you are reading right now. Follow the following steps: Clone the Hugo repository Go into the repo Run hugo in server mode and build the docs Open your browser to http://localhost:1313 Corresponding pseudo commands: