The world’s fastest framework for building websites.
Find a file
Bjørn Erik Pedersen dea71670c0
Add Hugo Piper with SCSS support and much more
Before this commit, you would have to use page bundles to do image processing etc. in Hugo.

This commit adds

* A new `/assets` top-level project or theme dir (configurable via `assetDir`)
* A new template func, `resources.Get` which can be used to "get a resource" that can be further processed.

This means that you can now do this in your templates (or shortcodes):

```bash
{{ $sunset := (resources.Get "images/sunset.jpg").Fill "300x200" }}
```

This also adds a new `extended` build tag that enables powerful SCSS/SASS support with source maps. To compile this from source, you will also need a C compiler installed:

```
HUGO_BUILD_TAGS=extended mage install
```

Note that you can use output of the SCSS processing later in a non-SCSSS-enabled Hugo.

The `SCSS` processor is a _Resource transformation step_ and it can be chained with the many others in a pipeline:

```bash
{{ $css := resources.Get "styles.scss" | resources.ToCSS | resources.PostCSS | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Digest }}" media="screen">
```

The transformation funcs above have aliases, so it can be shortened to:

```bash
{{ $css := resources.Get "styles.scss" | toCSS | postCSS | minify | fingerprint }}
<link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Digest }}" media="screen">
```

A quick tip would be to avoid the fingerprinting part, and possibly also the not-superfast `postCSS` when you're doing development, as it allows Hugo to be smarter about the rebuilding.

Documentation will follow, but have a look at the demo repo in https://github.com/bep/hugo-sass-test

New functions to create `Resource` objects:

* `resources.Get` (see above)
* `resources.FromString`: Create a Resource from a string.

New `Resource` transformation funcs:

* `resources.ToCSS`: Compile `SCSS` or `SASS` into `CSS`.
* `resources.PostCSS`: Process your CSS with PostCSS. Config file support (project or theme or passed as an option).
* `resources.Minify`: Currently supports `css`, `js`, `json`, `html`, `svg`, `xml`.
* `resources.Fingerprint`: Creates a fingerprinted version of the given Resource with Subresource Integrity..
* `resources.Concat`: Concatenates a list of Resource objects. Think of this as a poor man's bundler.
* `resources.ExecuteAsTemplate`: Parses and executes the given Resource and data context (e.g. .Site) as a Go template.

Fixes #4381
Fixes #4903
Fixes #4858
2018-07-06 11:46:12 +02:00
.circleci circleci: Update docker image 2018-06-29 10:46:21 +02:00
.github Create SUPPORT.md 2018-05-21 16:56:30 +02:00
bufferpool
cache
commands Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
common Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
compare Make ge, le etc. work with the Hugo Version number 2018-02-22 09:15:12 +01:00
config Add support for theme composition and inheritance 2018-06-10 23:55:20 +02:00
create Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
deps Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
docs releaser: Prepare repository for 0.43-DEV 2018-06-28 12:38:48 +00:00
docshelper
examples
helpers Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
hugofs Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
hugolib Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
i18n Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
langs Add support for theme composition and inheritance 2018-06-10 23:55:20 +02:00
livereload livereload: Fix host comparison when ports aren't present 2017-12-16 19:06:00 +01:00
media Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
metrics metrics: Reset benchmark timer 2017-10-07 20:41:25 +02:00
output output: Fix the shortcodes/partials vs base template detection 2018-07-02 10:34:38 +02:00
parser Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
related
releaser releaser: Put release notes below /en 2018-05-25 17:53:03 +02:00
resource Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
source Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
tpl Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
transform
utils
watcher
.dockerignore Update Dockerfile to a multi-stage build 2018-06-14 15:47:04 -06:00
.gitattributes Adds .gitattributes to force Go files to LF 2018-06-14 16:08:34 -06:00
.gitignore Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
.gitmodules
.mailmap
.travis.yml Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
appveyor.yml Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
bench.sh
benchSite.sh Run benchmarks 3 times 2018-01-14 00:49:01 +01:00
CONTRIBUTING.md Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
Dockerfile Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
Gopkg.lock Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
Gopkg.toml Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
goreleaser.yml Update GoReleaser config 2018-06-28 07:54:18 +02:00
LICENSE Add a GitHub compatible Apache 2 license text 2018-04-16 00:03:30 +02:00
magefile.go Add Hugo Piper with SCSS support and much more 2018-07-06 11:46:12 +02:00
main.go commands: Make commands.Execute return a Response object 2018-04-11 20:37:08 +02:00
pull-docs.sh
README.md Squashed 'docs/' changes from 0fd7b4169..501c6e233 2018-06-11 22:31:02 +02:00
requirements.txt
snapcraft.yaml releaser: Prepare repository for 0.43-DEV 2018-06-28 12:38:48 +00:00

Hugo

A Fast and Flexible Static Site Generator built with love by bep, spf13 and friends in Go.

Website | Forum | Developer Chat (no support) | Documentation | Installation Guide | Contribution Guide | Twitter

GoDoc Linux and macOS Build Status Windows Build Status Dev chat at https://gitter.im/gohugoio/hugo Go Report Card

Overview

Hugo is a static HTML and CSS website generator written in Go. It is optimized for speed, ease of use, and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website.

Hugo relies on Markdown files with front matter for metadata, and you can run Hugo from any directory. This works well for shared hosts and other systems where you dont have a privileged account.

Hugo renders a typical website of moderate size in a fraction of a second. A good rule of thumb is that each piece of content renders in around 1 millisecond.

Hugo is designed to work well for any kind of website including blogs, tumbles, and docs.

Supported Architectures

Currently, we provide pre-built Hugo binaries for Windows, Linux, FreeBSD, NetBSD, macOS (Darwin), and Android for x64, i386 and ARM architectures.

Hugo may also be compiled from source wherever the Go compiler tool chain can run, e.g. for other operating systems including DragonFly BSD, OpenBSD, Plan 9, and Solaris.

Complete documentation is available at Hugo Documentation.

Choose How to Install

If you want to use Hugo as your site generator, simply install the Hugo binaries. The Hugo binaries have no external dependencies.

To contribute to the Hugo source code or documentation, you should fork the Hugo GitHub project and clone it to your local machine.

Finally, you can install the Hugo source code with go, build the binaries yourself, and run Hugo that way. Building the binaries is an easy task for an experienced go getter.

Install Hugo as Your Site Generator (Binary Install)

Use the installation instructions in the Hugo documentation.

Build and Install the Binaries from Source (Advanced Install)

Prerequisite Tools

Vendored Dependencies

Hugo uses dep to vendor dependencies, but we don't commit the vendored packages themselves to the Hugo git repository. Therefore, a simple go get is not supported because the command is not vendor aware.

The simplest way is to use mage (a Make alternative for Go projects.)

Fetch from GitHub

go get github.com/magefile/mage
go get -d github.com/gohugoio/hugo
cd ${GOPATH:-$HOME/go}/src/github.com/gohugoio/hugo
mage vendor
mage install

If you are a Windows user, substitute the $HOME environment variable above with %USERPROFILE%.

The Hugo Documentation

The Hugo documentation now lives in its own repository, see https://github.com/gohugoio/hugoDocs. But we do keep a version of that documentation as a git subtree in this repository. To build the sub folder /docs as a Hugo site, you need to clone this repo:

git clone git@github.com:gohugoio/hugo.git

Contributing to Hugo

For a complete guide to contributing to Hugo, see the Contribution Guide.

We welcome contributions to Hugo of any kind including documentation, themes, organization, tutorials, blog posts, bug reports, issues, feature requests, feature implementations, pull requests, answering questions on the forum, helping to manage issues, etc.

The Hugo community and maintainers are very active and helpful, and the project benefits greatly from this activity.

Asking Support Questions

We have an active discussion forum where users and developers can ask questions. Please don't use the GitHub issue tracker to ask questions.

Reporting Issues

If you believe you have found a defect in Hugo or its documentation, use the GitHub issue tracker to report the problem to the Hugo maintainers. If you're not sure if it's a bug or not, start by asking in the discussion forum. When reporting the issue, please provide the version of Hugo in use (hugo version).

Submitting Patches

The Hugo project welcomes all contributors and contributions regardless of skill or experience level. If you are interested in helping with the project, we will help you with your contribution. Hugo is a very active project with many contributions happening daily.

Because we want to create the best possible product for our users and the best contribution experience for our developers, we have a set of guidelines which ensure that all contributions are acceptable. The guidelines are not intended as a filter or barrier to participation. If you are unfamiliar with the contribution process, the Hugo team will help you and teach you how to bring your contribution in accordance with the guidelines.

For a complete guide to contributing code to Hugo, see the Contribution Guide.

Analytics