Skip to content
A simple, bootstrap 4 based hugo blog theme.
HTML JavaScript CSS
Branch: master
Clone or download
puresyntax71 Bump popper.js from 1.16.0 to 1.16.1 (#49)
Bump popper.js from 1.16.0 to 1.16.1
Latest commit 6144df0 Jan 26, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci Update node. Jan 16, 2020
archetypes Rename archetype. Dec 17, 2019
data/chunky-poster Rebuild assets. Jan 9, 2020
exampleSite Set the theme. Jan 26, 2020
i18n Add Japanese translation file Jan 5, 2020
images [ImgBot] Optimize images Dec 18, 2019
layouts Remove language URL for static file homepage image. Jan 24, 2020
src Add style to support highlight with prism disabled. Jan 9, 2020
static/dist Rebuild assets. Jan 9, 2020
.babelrc Do some static bundling. Dec 14, 2019
.browserslistrc Use babel. Dec 12, 2019
.gitignore
.nvmrc Update node. Jan 16, 2020
LICENSE Add initial files. Dec 12, 2019
README.md Remove reference for `codeFences`. Jan 9, 2020
netlify.toml Update path to directory. Dec 16, 2019
package.json Bump popper.js from 1.16.0 to 1.16.1 (#49) Jan 26, 2020
postcss.config.js Add initial files. Dec 12, 2019
theme.toml Update references for the repo. Jan 9, 2020
webpack.common.js Add image gallery feature. Jan 2, 2020
webpack.dev.js
webpack.prod.js Use workaround when building assets. Dec 17, 2019
yarn.lock Bump popper.js from 1.16.0 to 1.16.1 (#49) Jan 26, 2020

README.md

Chunky poster

CircleCI

A simple, bootstrap 4 based blog theme. The structure and design is based on the Prisma blog.

Demo | Demo 2

Screenshot

Chunky poster

Features

  • Multi-author
  • Image processing
  • Basic i18n
  • Prism
  • LazyLoad
  • Commento
  • Image gallery

Usage

git clone https://github.com/puresyntax71/hugo-theme-chunky-poster.git

Check out the configuration at exampleSite/config.toml for configuring your Hugo site.

Authors

The authors structure is based on this blog post.

  1. Add the taxonomy "author".

  2. hugo new authors/john-doe/_index.md

  3. Configure the author metadata twitter.

  4. Configure the author metadata images. First image on the list will be used as the avatar and on the profile page. Images are page resources under the author e.g. content/authors/john-doe/image.png.

  5. Assign the author to a content:

    ---
    authors: ["John Doe"]
    ---

Content images

The images structure is based on this blog post.

Upload the images that will be used on content pages under content/images and create the file content/images/index.md with the front matter:

---
headless: true
---

Set the path to the image in a post content under the images property:

---
images: ["/images/image.png"]
---

The first image on the list will be used as the "cover" image on a post.

Prism

Configure Prism under [params.prismJS] and set enable to true. Change the theme under theme.

[params]
  [params.prismJS]
    enable = true
    theme = "okaidia"

Commento

Configure Commento under [params.commento]. Set enable to true and add the URL at url:

[params]
  [params.commento]
    enable = true
    theme = "https://somename.commento.io"

Share

Enable sharing under params with share set to true and disable per-post sharing by setting share to false in the front matter.

[params]
  share = true
---
share: false
---

Image gallery

The image gallery feature uses the ekko-lightbox and figure shortcode. This is just a simple implementation of the lightbox gallery feature from the library.

Customization

Fork the project and run yarn watch during development.

The application javascript file is located at src/js/app.js.

For customizing SCSS, the main entrypoint is at src/scss/style.scss. Bootstrap variables can be overridden in the _variables.scss file. The theme's styles are located at src/scss/chunky-poster.scss.

Credits

Images from Unsplash and Freepik.

License

This theme is released under the MIT license.

You can’t perform that action at this time.