8b73644d81
0f2bf195e Adjust shortcodes for 0.55 48c577121 Fix deprecation warnings ed95a341a Update index.md e4bc8981f Release 0.55.0 25acacb91 Merge branch 'temp55' b240e321a releaser: Add release notes to /docs for release of 0.55.0 86a190c92 docs: Add information about summary front matter variable 9d94f4340 integrity: Add support for sha384 dd3fe9f92 Add HUGO_NUMWORKERMULTIPLIER 968372d86 Add trace.out to .gitignore 660772713 Add the Fireship images to cache 41a3e19cb hugolib: Allow page-relative aliases 4497e4b12 Update faq.md b0ee3dccc output: Add missing JSON tag 173dac0b7 docs: Regenerate docshelper data e30473062 docs: Regenerate CLI docs 8cb775be2 Merge commit 'c2037f0c9a3a35b9db9c404f6b5f94ec8b690a53' 5bc64bf44 Make Page an interface 371ff6c12 Add skipHTML option to blackfriday config git-subtree-dir: docs git-subtree-split: 0f2bf195ef549013cc843199fb50317b0d1a5e85 |
||
|---|---|---|
| .. | ||
| archetypes | ||
| assets | ||
| data | ||
| layouts | ||
| src | ||
| static | ||
| .gitignore | ||
| license.md | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| theme.toml | ||
| webpack.config.js | ||
GoHugo Sites Theme
Theme for gohugo.io sites:
Tools
NPM
We use NPM for package management The theme's .gitignore file should be kept intact to make sure that all files in the node_modules folder are not pushed to the repository.
Webpack 4+
We use Webpack to manage our asset pipeline. Arguably, Webpack is overkill for this use-case, but we're using it here because once it's set up (which we've done for you), it's really easy to use. If you want to use an external script, just add it via Yarn, and reference it in main.js. You'll find instructions in the js/main.js file.
PostCSS
PostCSS is just CSS. You'll find postcss.config.js in the Webpack.config.js file. There you'll find that we're using postcss-import which allows us import css files directly from the node_modules folder, postcss-cssnext which gives us the power to use upcoming CSS features today. If you miss Sass you can find PostCss modules for those capabilities, too.
Tachyons
This theme uses the Tachyons CSS Library. It's about 15kb gzipped, highly modular, and each class is atomic so you never have to worry about overwriting your styles. It's a great library for themes because you can make most all the style changes you need right in your layouts.
How to Use
You'll find the commands to run in package.json.
For development, you'll need Node with NPM installed:
$ npm install
$ npm start
This will process both postcss, fonts, and scripts.
For production, instead of npm start, run npm run build, which will output smaller versions of your files.