Hugo Ionic Theme
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
archetypes
assets
data
exampleSite
images
layouts
static added dark theme Feb 7, 2019
LICENSE
README.md
production-config.toml
theme.toml

README.md

AJonP - Hugo Ionic Theme

AJonP Hugo Ionic Theme

Features

Lesson for use

AJonP Hugo Ionic Theme

Add ajonp-hugo-ionic

Go to your sites main directory

Victor/Hugo style

git submodule add https://github.com/AJONPLLC/ajonp-hugo-ionic site/themes/ajonp-hugo-ionic

Just Hugo

git submodule add https://github.com/AJONPLLC/ajonp-hugo-ionic themes/ajonp-hugo-ionic

If you would like to keep up to date with my updates just run

git submodule update --recursive --remote

Remember if you want to override a file do this in your own layouts/ folder.

Tools

Orienations

Phone

Phone

Tablet

Tablet

Desktop

Desktop

PWA / Algolia

In order to have these items work there are a few additional considerations, starting with Netlify - Victor Hugo Template.

Algolia support

package.json - devDependencies

"atomic-algolia": "^0.3.15",

package.json - scripts

"algolia": "atomic-algolia",

PWA support

package.json - devDependencies

"sw-precache": "^5.2.1",

package.json - scripts

"generate-service-worker": "gulp generate-service-worker"

gulpfile.babel.js

// sw-precache
gulp.task('generate-service-worker', function(callback) {
  var swPrecache = require('sw-precache');
  var rootDir = 'dist';

  swPrecache.write(`${rootDir}/service-worker.js`, {
    staticFileGlobs: [rootDir + '/**/*.{js,html,css,png,jpg,gif,svg,eot,ttf,woff}'],
    stripPrefix: rootDir
  }, callback);
});