You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
93 lines
2.8 KiB
93 lines
2.8 KiB
---
|
|
title: "How To Setup Meghna Hugo"
|
|
date: 2018-09-12T14:51:12+06:00
|
|
author: Mark Dinn
|
|
# post thumbnail
|
|
image: "images/blog/blog-post-2.jpg"
|
|
description : "How To Setup Meghna Hugo"
|
|
categories: ["web"]
|
|
tags: ["linux","html5","hugo","website"]
|
|
type: "post"
|
|
---
|
|
|
|
These steps can be applied to most hugo themes. Once you are happy with your theme you can generate the static files and copy the public folder to your web server (i.e - nginx, caddy, apache, etc).
|
|
|
|
**Install this template by following these simple steps :**
|
|
|
|
#### STEP-1 : Hugo installation
|
|
|
|
Check this link below for install hugo on your computer.
|
|
[hugo install documentation](https://gohugo.io/getting-started/installing/)
|
|
|
|
#### STEP-2 : Create your project
|
|
Hugo provides a `new` command to create a new website.
|
|
|
|
```
|
|
hugo new site <new_project>
|
|
```
|
|
|
|
#### STEP-3 : Install the theme
|
|
|
|
Run this command
|
|
```
|
|
hugo new site meghna-hugo
|
|
```
|
|
and then go to the themes folder inside of meghna-hugo folder. You can also use this command ```cd meghna-hugo/themes``` for going to this folder.
|
|
Then run the command
|
|
```
|
|
git clone git@github.com:themefisher/meghna-hugo.git
|
|
```
|
|
|
|
Alternatively, you can [download the theme as .zip](https://github.com/themefisher/meghna-hugo/archive/master.zip) file and extract it in the `themes` directory
|
|
|
|
After that you need to go to the `meghna-hugo/exampleSite` folder and copy or cut all the elements, and now go back to the root folder and paste it here.
|
|
|
|
open the command prompt again and run `cd ../` command for go back to the root folder.
|
|
|
|
#### STEP-4 : Host locally
|
|
|
|
Launching the website locally by using the following command:
|
|
|
|
```
|
|
hugo server
|
|
```
|
|
|
|
Go to `http://localhost:1313`
|
|
|
|
Or you can check this video documentation for installing this template:
|
|
{{< youtube 3O3qvDoVp5g >}}
|
|
|
|
#### STEP-5 : Basic configuration
|
|
|
|
When building the website, you can set a theme by using `--theme` option. However, we suggest you modify the configuration file (`config.toml`) and set the theme as the default.
|
|
|
|
```toml
|
|
# Change the default theme to be use when building the site with Hugo
|
|
theme = "meghna-hugo"
|
|
```
|
|
|
|
#### STEP-6 : Create your first content pages
|
|
|
|
```
|
|
hugo new blog/post-name.md
|
|
```
|
|
|
|
#### STEP-7 : Build the website
|
|
|
|
When your site is ready to deploy, run the following command:
|
|
|
|
```
|
|
hugo
|
|
|
|
# You can also create a minified version by using this command:
|
|
hugo --minify
|
|
|
|
```
|
|
|
|
A `public` folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.
|
|
|
|
<br>
|
|
|
|
You can use the referral badge below to get started with a $100 credit from Digital Ocean or use this link to [DigitalOcean](https://m.do.co/c/42cf2120197b).
|
|
|
|
[](https://www.digitalocean.com/?refcode=42cf2120197b&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge)
|
|
|