docs
This commit is contained in:
gurusabarish
@@ -1,36 +0,0 @@
|
||||
name: Deployment
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
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]
|
||||
@@ -1,55 +1,81 @@
|
||||
# Hugo Profile
|
||||
|
||||
# Navy Variant
|
||||
#### Demo: [here](./docs/demos/navyVariant/gif.gif)
|
||||
```yaml
|
||||
color:
|
||||
textColor: "#F5F5F5"
|
||||
secondaryTextColor: "#F5F5F5"
|
||||
backgroundColor: "#313552"
|
||||
primaryColor: "#F1E0AC"
|
||||
secondaryColor: "#30475E"
|
||||
```
|
||||
[](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile) [](https://github.com/gurusabarish/hugo-profile/network) [](https://github.com/gurusabarish/hugo-profile/stargazers)
|
||||
|
||||
# Blue Variant
|
||||
#### Demo: [here](./docs/demos/blueVariant/gif.gif)
|
||||
```yaml
|
||||
color:
|
||||
textColor: "#2C3333"
|
||||
secondaryTextColor: "#F5F5F5"
|
||||
backgroundColor: "#54BAB9"
|
||||
primaryColor: "#F0F0F0"
|
||||
secondaryColor: "#78C2C3"
|
||||
```
|
||||
[](https://app.netlify.com/sites/hugo-profile/deploys)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# Red Variant
|
||||
#### Demo: [here](./docs/demos/redVariant/gif.gif)
|
||||
```yaml
|
||||
color:
|
||||
textColor: "#121212"
|
||||
secondaryTextColor: "#311D3F"
|
||||
backgroundColor: "#FF6363"
|
||||
primaryColor: "#30475E"
|
||||
secondaryColor: "#F05454"
|
||||
```
|
||||
A high performance and mobile first hugo template for personal portfolio and blog
|
||||
|
||||
# Green Variant
|
||||
#### Demo: [here](./docs/demos/greenVariant/gif.gif)
|
||||
```yaml
|
||||
color:
|
||||
textColor: "#161616"
|
||||
secondaryTextColor: "#311D3F"
|
||||
backgroundColor: "#34BE82"
|
||||
primaryColor: "#194350"
|
||||
secondaryColor: "#2FDD92"
|
||||
- Example Site: [hugo-profile.netlify.app](https://hugo-profile.netlify.app)
|
||||
|
||||
# Features
|
||||
- Fully Responsive
|
||||
- Minimalist Design
|
||||
- SEO Friendly.
|
||||
- Light/Dark/auto
|
||||
- Taxonomies
|
||||
- [Color customization](https://github.com/gurusabarish/hugo-profile/wiki/Color-Customization)
|
||||
- Analytics Support
|
||||
- [Google Analytics](https://gohugo.io/templates/internal/#google-analytics)
|
||||
- Comment Support
|
||||
- [Disqus](https://gohugo.io/content-management/comments/)
|
||||
|
||||
Technology used: Bootstrap, fontawesome
|
||||
|
||||
# Requirements
|
||||
- Hugo Version 0.87.0 or higher
|
||||
|
||||
|
||||
# How to use this template
|
||||
|
||||
- [Hugo theme](#Hugo-theme)
|
||||
- [Direct deployment using netlify](#Direct-deployment-using-netlify)
|
||||
|
||||
[For more details](https://github.com/gurusabarish/hugo-profile/wiki)
|
||||
## Hugo theme
|
||||
|
||||
- Install Hugo and create a site using `hugo new site my-site -f=yaml`
|
||||
- Clone this repo inside your themes folder
|
||||
```
|
||||
# Pink Variant
|
||||
#### Demo: [here](./docs/demos/pinkVariant/gif.gif)
|
||||
```yaml
|
||||
color:
|
||||
textColor: "#D1D1D1"
|
||||
secondaryTextColor: "#C1A3A3"
|
||||
backgroundColor: "#470D21"
|
||||
primaryColor: "#F3F0D7"
|
||||
secondaryColor: "#781D42"
|
||||
```
|
||||
cd themes
|
||||
git clone https://github.com/gurusabarish/hugo-profile.git
|
||||
```
|
||||
- Create config.yaml (you can use `config.toml` too) inside root folder
|
||||
- Setup the configurations in `config.yaml`. [reference](https://github.com/gurusabarish/hugo-profile/blob/master/exampleSite/config.yaml)
|
||||
- You should have the mentioned (_inside the config file_) images in static folder to use them.
|
||||
|
||||
For more details: [Hugo's official docs](https://gohugo.io/getting-started/quick-start/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/)
|
||||
|
||||
## Direct deployment using netlify
|
||||
|
||||
- Fork this repo or create new repo using `use this template` button and connect repo to netlify.
|
||||
- whenever you customize the files exampleSite folder, netlify will automatically deploy your changes.
|
||||
|
||||
For more details: [host on netlify](https://gohugo.io/hosting-and-deployment/hosting-on-netlify/), [content management](https://www.mikedane.com/static-site-generators/hugo/content-organization/)
|
||||
|
||||
# Deployment
|
||||
|
||||
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
|
||||
|
||||
If you have a question, please [open an issue](https://github.com/gurusabarish/hugo-profile/issues) for help and to help those who come after you. The more information you can provide, the better!
|
||||
|
||||
# Contributing
|
||||
|
||||
Contributions, issues, and feature requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
|
||||
|
||||
# License
|
||||
|
||||
Licensed under [MIT](LICENSE)
|
||||
|
||||
# 🤝 Support
|
||||
|
||||
Give a ⭐️ or buy me a ~`coffee`~ tea if you like this project!
|
||||
|
||||
<a href="https://www.buymeacoffee.com/gurusabarish" target="_blank" rel="noopener"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" height="40" width="145" alt="Buy Me A Coffee"></a>
|
||||
|
||||
@@ -2,5 +2,9 @@
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
tags:
|
||||
author:
|
||||
tags:
|
||||
image:
|
||||
description:
|
||||
toc:
|
||||
---
|
||||
@@ -1,8 +1,10 @@
|
||||
baseURL: "https://hugo-profile.netlify.app"
|
||||
baseURL: "https://example.org"
|
||||
languageCode: "en-us"
|
||||
title: "Hugo Profile"
|
||||
theme: hugo-profile
|
||||
|
||||
Paginate: 3
|
||||
disqusShortname: gurusabarish
|
||||
|
||||
markup:
|
||||
goldmark:
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
{{ define "head" }}
|
||||
<meta name="description" content={{ .Site.Params.description }}>
|
||||
<link rel="stylesheet" href="/css/index.css" media="all">
|
||||
{{ end }}
|
||||
|
||||
{{ define "title" }}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{{ define "head" }}
|
||||
<meta name="description" content="{{ .Title }}">
|
||||
<meta name="description" content="{{ .Params.description }}">
|
||||
<link rel="stylesheet" href="/css/single.css">
|
||||
|
||||
<!-- fontawesome -->
|
||||
@@ -85,6 +85,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-12 col-md-12 col-lg-9 p-2">
|
||||
{{ template "_internal/disqus.html" . }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="p-2 px-3" onclick="topFunction()" id="topScroll">
|
||||
<i class="fas fa-angle-up"></i>
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<link rel="stylesheet" href="/css/font.css" media="all">
|
||||
|
||||
<!-- Internal templates -->
|
||||
{{ template "_internal/google_analytics.html" . }}
|
||||
{{ template "_internal/google_analytics_async.html" . }}
|
||||
{{ template "_internal/opengraph.html" . }}
|
||||
{{ template "_internal/twitter_cards.html" . }}
|
||||
|
||||
|
||||
@@ -1,18 +1,3 @@
|
||||
@keyframes fade-up {
|
||||
0% {
|
||||
transform: translateY(-10px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
header .navbar {
|
||||
animation: fade-up 0.5s ease-in;
|
||||
}
|
||||
|
||||
header .navbar .navbar-nav a {
|
||||
color: var(--text-color) !important;
|
||||
}
|
||||
|
||||
+19
-3
@@ -19,7 +19,7 @@
|
||||
}
|
||||
@keyframes fade-left {
|
||||
0% {
|
||||
transform: translateX(-20px);
|
||||
transform: translateX(-10px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
@@ -39,6 +39,22 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Header animation */
|
||||
@keyframes fade-up {
|
||||
0% {
|
||||
transform: translateY(-10px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
header .navbar {
|
||||
animation: fade-up 0.5s ease-in;
|
||||
}
|
||||
|
||||
/* ToolTip */
|
||||
|
||||
.tooltip {
|
||||
@@ -61,7 +77,7 @@
|
||||
}
|
||||
|
||||
#hero .content {
|
||||
animation: fade-left 1.2s ease-out;
|
||||
animation: fade-left 1s ease-out;
|
||||
}
|
||||
|
||||
#hero .hero-bottom-svg {
|
||||
@@ -94,7 +110,7 @@
|
||||
}
|
||||
|
||||
#hero .image img {
|
||||
animation: fade-in 1.2s ease-out;
|
||||
animation: fade-in 1s ease-out;
|
||||
box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
|
||||
transition: box-shadow 0.3s;
|
||||
padding: 0;
|
||||
|
||||
Reference in New Issue
Block a user