github demo page V3

.github/workflows/deploy.yml

@@ -0,0 +1,34 @@
+name: Deployment
+
+on:
+  push:
+  workflow_dispatch:
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          submodules: true
+          fetch-depth: 0
+
+      - name: Install Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: "0.79.0"
+
+      - name: Build
+        run: cd website && hugo --gc --minify --themesDir .
+
+      - name: Deploy website to the branch
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          personal_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./website/public
+          #external_repository:  gurusabarish/hugo-profile-demo
+          publish_branch: demo
+          user_name: hugo-profile bot
+          user_email: [email protected]

README.md

@@ -13,12 +13,10 @@
 ![Open Pull Requests](https://img.shields.io/github/issues-pr/gurusabarish/hugo-profile?color=yellowgreen)
 ![License](https://img.shields.io/github/license/gurusabarish/hugo-profile)
 
-
 </div>
 
 A high performance and mobile first hugo template for personal portfolio and blog
 
-
 ### Demo
 
 - [Live demo V1](https://v1.profile.gurusabarish.tech)
@@ -32,33 +30,39 @@ A high performance and mobile first hugo template for personal portfolio and blo
 ## How to use this template
 
 ### Hugo theme format
-- Install Hugo and create a site using ```hugo new site my-site -f=yaml```
+
+- Install Hugo and create a site using `hugo new site my-site -f=yaml`
 - Clone this repo inside your themes folder and create config.yaml (_I am not much aware about toml. So, I am using yaml format._) inside root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
+
 ```
 cd themes
 git clone https://github.com/gurusabarish/hugo-profile.git
 ```
+
 - You should have the mentioned (_inside the config file_) images in static folder to use them.
 
 ### Local Development
+
 - Install hugo and just clone this repo
+
 ```
 git clone https://github.com/gurusabarish/hugo-profile.git
 cd hugo-profile
 ```
+
 - Now create config.yaml file in your root folder and use one of these [v1config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v1.yaml), [v2config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v2.yaml), [v3config](https://github.com/gurusabarish/hugo-profile/blob/master/website/v3.yaml) as base template.
 - Run your site using `hugo serve` commend
 
-
 ### Direct deployment using netlify
+
 - Fork this repo or create new repo using `use this template` button and connect repo to netlify.
 - You can customize the config file, content and everything inside website folder. Netlify will automatically deploy your changes every time you modify the repo.
 
 **[What is netlify?](https://www.netlify.com/about/)** An intuitive Git-based workflow and powerful serverless platform to build, deploy, and collaborate on web apps
 
 ## Deployment
-Run ```hugo```. It will generate a folder called build. You can use the files inside build folder for deployment. You should delete the build folder for each time when you are using ```hugo``` commend.
 
+Run `hugo`. It will generate a folder called public. You can use the files inside public folder for deployment. You should delete the public folder for each time when you are using `hugo` commend.
 
 ## Issues
 

layouts/_default/list.html

@@ -26,7 +26,7 @@
             <li>
 
               <h1 style="font-size: 25px;" class="font-weight-bold">
-                <a class="text-decoration-none" href="{{ .Permalink }}">
+                <a class="text-decoration-none" href="{{ .RelPermalink }}">
                   {{ .Title }}
                 </a>
               </h1>

layouts/partials/sections/v3/achievements.html

@@ -1,4 +1,4 @@
-{{ $img:= "images/v1/background.png" }}
+{{ $img:= "./images/v1/background.png" }}
 
 <section id="achievements" class="py-5 achievements-backdark achievements-back">
   <div class="container-fluid">
@@ -10,7 +10,7 @@
       {{ end }}
       <div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
         data-aos-duration="600" data-aos-once="true">
-        <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
+        <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url(./{{ .img }});">
           <div class="p-3 w-100 achiv overflow-hidden">
             <h4 class="text-center achiv-head">{{ .title }}</h4>
             <div class="text-secondary">{{ .description }}</div>

website/config.yaml

@@ -1,6 +1,7 @@
 baseURL: "https://profile.gurusabarish.tech"
 languageCode: "en-us"
 title: "Hugo-profile"
+relativeURLs: true
 
 googleanalytics: UA-167646412-8
 disqusShortname: