diff options
Diffstat (limited to 'content/docs/programming-resources/web-development/frontend/static-site-generators')
2 files changed, 26 insertions, 0 deletions
diff --git a/content/docs/programming-resources/web-development/frontend/static-site-generators/_index.md b/content/docs/programming-resources/web-development/frontend/static-site-generators/_index.md new file mode 100644 index 0000000..6a59df6 --- /dev/null +++ b/content/docs/programming-resources/web-development/frontend/static-site-generators/_index.md @@ -0,0 +1,13 @@ +--- +title: Static Site Generators +description: My favourite way of building a website +weight: 2 +--- + +Static site generators let you write a template for the website in HTML and let you write the content of the website in another format (markdown, for example) +and turn it into a HTML page with the given template. +I love static site generators because they are easy to use and are very fast since all the HTML files are pre-compiled before you can host them on your server. +It's better than writing the whole website in HTML because if you want to change the layout of the website, editing all the pages one-by-one would take a long time. +Whereas in a static site generator, you can just edit the template file and it'll do the job automatically. + +For small websites/websites without much/any logic, I recommend using a static site generator. This website is written in Hugo, which is awesome. diff --git a/content/docs/programming-resources/web-development/frontend/static-site-generators/hugo.md b/content/docs/programming-resources/web-development/frontend/static-site-generators/hugo.md new file mode 100644 index 0000000..9664b30 --- /dev/null +++ b/content/docs/programming-resources/web-development/frontend/static-site-generators/hugo.md @@ -0,0 +1,13 @@ +--- +title: Hugo +description: The Hugo static site generator +weight: 1 +--- + +The website you're reading is built with Hugo. It's very customizable and fast. Unfortunately, learning Hugo can be tricky at first, but you'll come to +love hugo after you understand it! + +- Hugo Tutorial: [Video by Luke Smith](https://www.youtube.com/watch?v=ZFL09qhKi5I) +- Hugo Shortcodes: [Video by Luke Smith](https://www.youtube.com/watch?v=QTolhoxMyXg) + +You need a theme to create a Hugo website. If you don't want to create one yourself you can check out mine! <https://github.com/MikunoNaka/vidhukant-hugo> |