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

• Hugo
• Ionic
• Font Awesome
• PWA
• Algolia
• Facebook App
• Google AdSense

Orienations

Phone

Tablet

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);
});