Giter VIP home page Giter VIP logo

airspace-hugo's Introduction

Easy Setup (Hugo + Netlify + Forestry)

Build your website with airspace hugo theme by following this easy steps (No Coding Required)

In this tutorial we will show you to make your website live without buying any hosting and touching a single line of code. We made this tutorial based on meghna hugo but you can setup everything like this.

What you need !!

  1. Git account (Ex: Github, Gitlab etc ). In our case we use github.
  2. Netlify account to host files and add custom domain.
  3. Forestry account to maintain whole project without code.

Step 1 : Fork or Clone repository

First we will fork this airspace hugo template.

Step 2 : Add your repository in Forestry

Go to your forestry account and click on import your site now. declare your config.toml file [exampleSite] and fill up basic settings .

Or just click this button for one click installation import to forestry

Now mark everything as done, then go to configuration to change the base url. You can put any url but this have to similar as netlify. So for now put a name which you are going to put in netlify as netlify subdomain.

Step 3 : Setup and host website with Netlify

Here comes the last step. Go to your netlify account and click add new site. Choose your git repository to import your website in netlify. And now you can see the forked airspace hugo theme. select it and follow the steps. Then go to site settings for change the site name and put your subdomain name here what you put on forestry as base url. save it and go to deploy from top menu, Wait a while and click on site preview or just simply go to the subdomain you put as base url. BOOM! Your site is live. Now you can go to forestry and add, remove or customize every setting and content.

If you face any issue regarding the installation feel free to open a new issue

Table of Contents

Demo

Portfolio Service Blog Contact
Portfolio page Service page Blog page Contact page

The images are only for demonstration purpose, Please don't use those images.

Live Demo.

Installation

At the top we have shown an easy hugo installation. but still if you think you want to go with the traditional way then use the following commands:

Note : You must use hugo-extended version to compile SCSS

$ git clone [email protected]:themefisher/airspace-hugo.git
$ cd airspace-hugo/exampleSite/
$ hugo server --themesDir ../..

Full Documentation.

Main features

  • SEO Friendly All codes are seo friendly. There are fields to put meta data and other seo parameters in every page.

  • Multi Language We have multi language support in premium version. Right now there are two languages included in the theme, they are French and English. If you need more we can help you out.

  • Google insights score 90 To rank higher in google your webpage needs a score above 90. Our template meets that requirement Google score

  • Google Analytics You can add your google analytics code in theme config file to connect with your google analytics account.

Reporting Issues

We use GitHub Issues as the official bug tracker for the Airspace Template. Please Search existing issues. It’s possible someone has already reported the same problem. If your problem or idea is not addressed yet, open a new issue

Technical Support or Questions (Paid)

If you have questions or need help integrating the product please contact us instead of opening an issue.

Hire Us

We are available for Hiring of your next HUGO project. Drop Us a mail [email protected]

Mega-Bundle-HUGO agen redlab
Hugo Mega Bundle Agen Red Lab

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.