Skip to main content

Lets Learn Hugo!

Remember about the contest Code-in? well I participated in the contest and I learn't a new thing in it!

                                                  HUGO
IT IS A STATIC BLOG GENERATOR! I DON'T WANT TO GO INTO MORE DETAIL ABOUT WHAT IS HUGO WHICH YOU CAN SEARCH IN GOOGLE, LET US BUILD A BLOG USING HUGO! IT IS EASY AND TIME-SAVING!
Below is step by step instruction to build a blog using Hugo!

IMP - This post is based on WINDOWS version of Hugo.
Hugo is a static website generator. Okay, our first step is to have Hugo and Git installed on your PC. Once installed, make sure it is kept in your system path.
Run cmd on you PC and set the location where you want to work on the blog.After doing that that type the following command :-

                             hugo new site [Folder name you want to create]
A new folder will be created where you set the location. Now type another command to add a new post to your blog.

                             hugo new post/[post name].md
Now we need to add a theme for our blog.. create a folder named themes and change the location of your cmd to themes folder and type the next command

                             git clone [the theme repository link]
Once it has been cloned, go to the folder where we made our blog. You may see a file called config.toml. Edit it using notepad or any text editor. You may see a code “title=”…. you may edit the title to any title you want. Then add a new line of code :-

                             theme = "[theme name]"
After doing this, return back to the folder and you will find a folder called content and then post. Your post will be there. Edit it now. You may write whatever you want to below the “+” sign as it is the content of your post.Save your file after doing this.
The final step is to type the following command :-

                             hugo server -w
Open your browser and type the following and press enter.

                             http://localhost:1313
Now, Lets build our blog. For that type :-

                            hugo --
That’s all , Our Blog is ready. You may later upload it to github and use it as a page..


NEXT BLOG, I WILL BE TEACHING YOU TO PUSH YOUR BLOG TO GITHUB AND VIEW AS GITHUB PAGES!
Labels:

Comments

Post a Comment

Popular posts from this blog

Back Again

About four months since the last post, lets continue back with alice! I would recommend to revise the posts of alice since it is  time ! NOTE: Each and every post of this blog have labels with it , so if you want to refer to a post which is left far behind you can check the label in the right side of the blog and get all posts related to it! The NEXT ALICE POST will be arriving soon! Be prepared for learning to animate in alice!! NOTE: I will be also sharing with you some awesome tips and some sites which I find useful!!!!            Spread about this blog to your friends! NEWS: I will be soon sharing with you notes and information for ICSE till grade 10!           You will be informed about the release a few days before ! REWARD : As said before! This is the reward for this week : Want to learn code ::: then visit  Codecademy
Post a Comment
Read more

Maths and programmig side by side...

Lets do maths and programming side by side...   We all like 3D animations...You must wondering what language must be used to make them..but we can make them by using a simple software "Alice"  So Do Download the Software ... Its is  trusted and is virus less!  Remember: Your laptop must have java if not please do download it from its original site...
Post a Comment
Read more

Types Of List

So in the last blog, we worked on with a list called unordered list......Now we are gonna study more types of list.. Ordered list - This type of list starts with <ol> and ends with </ol>....this type of list creates auto numbers like 1,2,3,4....etc.. Now go to your notepad and update the code...the things in bold must be updated.. <html> <head> <title>My First Webpage (About dinosaurs)</title> </head> <h1>First Webpage</h1> <h2>Welcome to my Website...... <p>This is my first webpage....Hope you like it</p> <br> <br> <h2>Dinosaurs --- All about them</h2> <br> <p>We all know about dinasaurs.. There are many types of dinosaurs and some of the names are :- <ol> <li>Abelisaurus</li>  <li>Acanthopholis</li> <li>Acristavus</li>   </ol> </html>  After updating the code your result will be like this :- Did y...
Post a Comment
Read more