forked from themefisher/vex-hugo
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
somrat-gyver
committed
Jul 11, 2020
1 parent
140ce06
commit b203785
Showing
21 changed files
with
267 additions
and
285 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,49 +1,90 @@ | ||
| <div align="center"> | ||
| <h1><a href="https://themefisher.com/hugo-themes/">Vex Hugo</a></h1> | ||
| <img src="https://user-images.githubusercontent.com/37659754/54080628-86bb1c00-431e-11e9-9094-b69cff97a5e9.gif" alt="screenshot" width="100%"> | ||
| </div> | ||
| # Easy Setup (Hugo + Netlify + Forestry) | ||
| Build your website with kross hugo theme by following this easy steps (No Coding Required) | ||
|
|
||
| Vex is a product landing page theme/template created by [Themefisher](www.themefisher.com) based on the latest [Bootstrap 4](https://getbootstrap.com/) framework. | ||
| It is fully responsive and beautifully crafted with Product Showcase, Testimonials and Email Subscription sections. | ||
| See https://themefisher.com/products/vex-bootstrap4-product-landing-page-website-template/ for more information. | ||
| <a href="http://bit.ly/meghna-hugo-installation" target="_blank" title="meghna hugo installation" rel="nofollow"><img width="100%" src="https://user-images.githubusercontent.com/37659754/70844354-4028be00-1e6a-11ea-8d84-02e9a25e7db8.png"></a> | ||
|
|
||
| **The images are only for demonstration purpose, Please don't use those images.** | ||
| 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](https://github.com/themefisher/meghna-hugo) but you can setup everithing like this. | ||
|
|
||
| ### What you need !! | ||
|
|
||
| 1. Git acccount (Ex: Github, Gitlab etc ) . In our case we use github. | ||
| 2. [Netlify](https://bit.ly/netlify-account) account to host files and add custom domain . | ||
| 3. [Forestry](https://bit.ly/forestry-account) account to maintain whole project without code. | ||
|
|
||
|
|
||
| ### Step 1 : Fork or Clone repository | ||
|
|
||
| First we will fork this [vex hugo](https://github.com/themefisher/vex-hugo) template. | ||
|
|
||
| ### Step 2 : Add your repository in Forestry | ||
|
|
||
| Go to your [forestry](https://bit.ly/forestry-account) 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** [](https://app.forestry.io/quick-start?repo=themefisher/vex-hugo&engine=hugo&version=0.73.0&config=exampleSite) | ||
|
|
||
| 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](https://bit.ly/netlify-account) account and click add new site . Choose your git repository to import your website in netlify . And now you can see the forked `vex hugo` theme. select it and follow the steps. Then go to `site settings` for change the site name and put your subdoamin name here what you puted 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 puted 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 onen [open a new issue](https://github.com/themefisher/vex-hugo/issues) | ||
| ## Table of Contents | ||
|
|
||
| - [Demo](#demo) | ||
| - [Installation](#installation) | ||
| - [Main Features](#main-features) | ||
| - [What's New](#what's-new) | ||
| - [Reporting Issues](#reporting-issues) | ||
| - [Technical Support or Questions](#technical-support-or-questions-(paid)) | ||
| - [Licensing](#licensing) | ||
| - [More Hugo Themes](https://themefisher.com/hugo-themes/) | ||
|
|
||
| ## Demo | ||
|
|
||
| | Homepage | Blog | Product | Contact | | ||
| |---|---|---|---| | ||
| |  |  |  |  | | ||
|
|
||
| [Live Demo](http://demo.themefisher.com/vex-hugo/). | ||
|
|
||
| ## Installation | ||
| **The images are only for demonstration purpose, Please don't use those images.** | ||
|
|
||
| Navigate to your themes folder in your Hugo site and use the following commands: | ||
| ## 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: | ||
|
|
||
| ``` | ||
| $ mkdir themes | ||
| $ cd themes | ||
| $ git clone [email protected]:themefisher/vex-hugo.git | ||
| $ cd vex-hugo/exampleSite/ | ||
| $ hugo server --themesDir ../.. | ||
| ``` | ||
|
|
||
|
|
||
| ## Main features | ||
|
|
||
| * Fully Responsive Ready. | ||
| * Multilingual Support. | ||
| * Powered by bootstrap 4 framework. | ||
| * Product Showcase | ||
| * Email Subscription Section | ||
| * Product Showcase. | ||
| * Product Details Page. | ||
| * Snipcart Included. | ||
| * Blog Post. | ||
| * Contact Form. | ||
| * Email Subscription Section. | ||
| * Documented codes. | ||
|
|
||
| ## What's New | ||
|
|
||
| * Multilingual Support. | ||
| * Product Details Page. | ||
| * Snipcart Included. | ||
| * Blog Post. | ||
| * Contact Form. | ||
|
|
||
| ## Icons | ||
|
|
||
| To view the catalog of available themefisher-font icons, clone the repository from https://github.com/themefisher/themefisher-font and open `index.html` on your local computer. | ||
| To view the catalog of available themefisher-font icons, visit https://themefisher.github.io/themefisher-font/ | ||
|
|
||
| ## Reporting Issues | ||
|
|
||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,35 +1,38 @@ | ||
| $(document).ready(function () { | ||
| // Preloader js | ||
| $(window).on('load', function () { | ||
| $('.preloader').fadeOut(100); | ||
| }); | ||
|
|
||
| $(".gallery-slider").owlCarousel({ | ||
| pagination: true, | ||
| autoPlay: 5000, | ||
| itemsDesktop: [1500, 4], | ||
| itemsDesktopSmall: [979, 3] | ||
| }); | ||
| (function ($) { | ||
| 'use strict'; | ||
|
|
||
| // animation scroll js | ||
| var html_body = $('html, body'); | ||
| $('.page-scroll').on('click', function () { //use page-scroll class in any HTML tag for scrolling | ||
| if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { | ||
| var target = $(this.hash); | ||
| target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); | ||
| if (target.length) { | ||
| html_body.animate({ | ||
| scrollTop: target.offset().top - 0 | ||
| }, 1500, "easeInOutExpo"); | ||
| return false; | ||
| // Product slider | ||
| $('.product-slider').slick({ | ||
| infinite: true, | ||
| slidesToShow: 4, | ||
| slidesToScroll: 1, | ||
| autoplay: true, | ||
| dots: false, | ||
| arrows: false, | ||
| responsive: [{ | ||
| breakpoint: 1024, | ||
| settings: { | ||
| slidesToShow: 3 | ||
| } | ||
| }, | ||
| { | ||
| breakpoint: 600, | ||
| settings: { | ||
| slidesToShow: 2 | ||
| } | ||
| }, | ||
| { | ||
| breakpoint: 480, | ||
| settings: { | ||
| slidesToShow: 1 | ||
| } | ||
| } | ||
| } | ||
| }); | ||
|
|
||
| // easeInOutExpo Declaration | ||
| jQuery.extend(jQuery.easing, { | ||
| easeInOutExpo: function (x, t, b, c, d) { | ||
| if (t == 0) return b; | ||
| if (t == d) return b + c; | ||
| if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b; | ||
| return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b; | ||
| } | ||
| ] | ||
| }); | ||
|
|
||
| }); | ||
| })(jQuery); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| --- | ||
| label: Post | ||
| hide_body: false | ||
| fields: | ||
| - type: text | ||
| name: title | ||
| label: title | ||
| - type: datetime | ||
| name: date | ||
| label: date | ||
| - type: file | ||
| name: image | ||
| label: image | ||
| - type: text | ||
| name: description | ||
| label: description |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| --- | ||
| label: Product | ||
| hide_body: false | ||
| fields: | ||
| - type: text | ||
| name: title | ||
| label: title | ||
| - type: datetime | ||
| name: date | ||
| label: date | ||
| - type: file | ||
| name: image | ||
| label: image | ||
| - type: text | ||
| name: description | ||
| label: description | ||
| - type: text | ||
| name: price | ||
| label: price | ||
| - type: text | ||
| name: discount_price | ||
| label: discount_price | ||
| - type: list | ||
| name: colors | ||
| label: colors | ||
| - type: list | ||
| name: sizes | ||
| label: sizes |
Oops, something went wrong.