How to setup Meghna Hugo

Using this post as a placeholder, we can evaluate the styles and display of all sorts of different elements. This, for example, is a summary. The typeface used for the summary is Bitter Italic, shich happens to be a Google font and fits well with the humanist typographic aesthetic I am going for.

Install this template by following those simple steps:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Justo eget magna fermentum iaculis eu non diam. Turpis massa tincidunt dui ut ornare. Egestas dui id ornare arcu. Ac turpis egestas maecenas pharetra. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Duis at tellus at urna condimentum. Euismod in pellentesque massa placerat duis ultricies lacus sed turpis. Pellentesque habitant morbi tristique senectus et netus et. Mauris cursus mattis molestie a iaculis at. Maecenas pharetra convallis posuere morbi leo urna molestie at. Fermentum iaculis eu non diam. Lorem ipsum dolor sit amet consectetur adipiscing. Pretium fusce id velit ut. Aliquet porttitor lacus luctus accumsan tortor. Id aliquet lectus proin nibh. Quis hendrerit dolor magna eget. Diam sollicitudin tempor id eu nisl nunc mi ipsum. Maecenas ultricies mi eget mauris pharetra. Magna eget est lorem ipsum.

Quam elementum pulvinar etiam non quam. Fringilla ut morbi tincidunt augue interdum velit euismod. In nulla posuere sollicitudin aliquam ultrices sagittis orci a. Eleifend donec pretium vulputate sapien. Felis imperdiet proin fermentum leo vel orci porta. Gravida in fermentum et sollicitudin. Sit amet commodo nulla facilisi nullam vehicula. A erat nam at lectus urna duis convallis convallis. Malesuada proin libero nunc consequat interdum varius. Sed faucibus turpis in eu. Tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Leo in vitae turpis massa. Viverra aliquet eget sit amet. Orci phasellus egestas tellus rutrum. Adipiscing at in tellus integer. Neque viverra justo nec ultrices dui sapien eget mi proin. Viverra nam libero justo laoreet sit. Neque convallis a cras semper auctor neque vitae tempus quam.

~ Quote Author, 1976

Eget nulla facilisi etiam dignissim. In eu mi bibendum neque egestas congue quisque. Erat nam at lectus urna duis convallis convallis tellus. Mattis aliquam faucibus purus in. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Interdum velit euismod in pellentesque massa placerat. Ut eu sem integer vitae justo eget magna. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque habitant. Congue eu consequat ac felis. In hendrerit gravida rutrum quisque. Morbi tristique senectus et netus et malesuada fames ac turpis. Feugiat nibh sed pulvinar proin gravida hendrerit lectus. Turpis egestas maecenas pharetra convallis. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Risus feugiat in ante metus dictum. Ac turpis egestas integer eget aliquet nibh praesent tristique magna. Dictumst quisque sagittis purus sit amet.

Another heading before a chunk of text

Massa tincidunt nunc pulvinar sapien et ligula. Morbi quis commodo odio aenean sed adipiscing diam donec adipiscing. Neque sodales ut etiam sit amet nisl purus. Eu consequat ac felis donec et odio pellentesque diam volutpat. Nisl purus in mollis nunc sed id semper. Sapien pellentesque habitant morbi tristique senectus et netus et. Id volutpat lacus laoreet non curabitur. Venenatis a condimentum vitae sapien pellentesque. At volutpat diam ut venenatis tellus in metus vulputate eu. Diam in arcu cursus euismod. Adipiscing commodo elit at imperdiet dui. Etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus. In ornare quam viverra orci sagittis eu volutpat odio. Nulla facilisi nullam vehicula ipsum a arcu cursus vitae congue. Purus faucibus ornare suspendisse sed nisi. Amet cursus sit amet dictum sit amet justo donec.

Step 1: Hugo installation

Check this link below for install hugo on your computer. hugo install documentation

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 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. Oopen 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 serve

Go to http://localhost:1313

Or you can check this video documentation for installing this template:

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.

# 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.