diff --git a/content/blog/hello-world/images/hello-world.gif b/content/blog/hello-world/images/hello-world.gif new file mode 100644 index 0000000..483462a Binary files /dev/null and b/content/blog/hello-world/images/hello-world.gif differ diff --git a/content/blog/hello-world/images/sailor-saturn.webp b/content/blog/hello-world/images/sailor-saturn.webp new file mode 100644 index 0000000..1681080 Binary files /dev/null and b/content/blog/hello-world/images/sailor-saturn.webp differ diff --git a/content/blog/hello-world/index.md b/content/blog/hello-world/index.md new file mode 100644 index 0000000..f089ab2 --- /dev/null +++ b/content/blog/hello-world/index.md @@ -0,0 +1,83 @@ +--- +title: "Hello World!" +description: "Yet another blog." +summary: "Yet another blog." +date: 2023-09-03T21:48:44+07:00 +draft: false +author: "Hiiruki" # ["Me", "You"] # multiple authors +tags: ["random", "misc", "hello-world", "SSG"] +canonicalURL: "" +showToc: true +TocOpen: false +TocSide: 'right' # or 'left' +# weight: 1 +# aliases: ["/first"] +hidemeta: false +comments: false +disableHLJS: true # to disable highlightjs +disableShare: true +hideSummary: false +searchHidden: false +ShowReadingTime: true +ShowBreadCrumbs: true +ShowPostNavLinks: true +ShowWordCount: true +ShowRssButtonInSectionTermList: true +UseHugoToc: true +cover: + image: "" # image path/url + alt: "" # alt text + caption: "" # display caption under cover + relative: false # when using page bundles set this to true + hidden: true # only hide on current single page +# editPost: +# URL: "https://github.com/hiiruki/hiiruki.dev/blob/main/writeups/GSP101/index.md" +# Text: "Suggest Changes" # edit text +# appendFilePath: true # to append file path to Edit link +--- + +![Hello World!](images/hello-world.gif#center "Hello World in terminal") + +Yeah, my another blog ~~again~~ (￢_￢) + +Previously I had a blog that used Static Site Generator (SSG) which is [Eleventy](https://11ty.dev), but now I have moved to other SSGs and what I'm using now is [Hugo](https://gohugo.io/). + +## Tech Stack + +- [Hugo](https://gohugo.io/) for the Static Site Generator (SSG) +- [Netlify](https://netlify.com) to host this site and for the CI/CD pipeline +- [GitHub](https://github.com) to host the source code + +## Why SSG? + +I'm using SSG because it's easier to use and it's faster than using CMS (Content Management System) like [WordPress](https://wordpress.com/). I don't need to worry about the server, database, etc. I just need to write the content and the SSG will generate the static site for me. + +Static site generators offer several advantages that make them a compelling choice: + +- ***Efficiency***: SSGs pre-generate web pages, eliminating the need for server-side processing. This results in faster load times and reduced server resource consumption. +- ***Security***: Since there's no dynamic server-side code execution, the attack surface is smaller, making your website less vulnerable to security threats. +- ***Scalability***: Static sites can handle high levels of traffic without performance issues, making them suitable for projects of all sizes. +- ***Version Control***: Content and code can be easily managed with version control systems like Git, enabling collaborative development and content updates. +- ***Cost-Effectiveness***: Hosting static sites is often less expensive than dynamic sites because you don't need robust server infrastructure or database management. +- ***Simplicity***: SSGs encourage a straightforward development process. Content is created and organized in plain text files (e.g., Markdown), and the generator takes care of rendering them into HTML. +- ***Portability***: You can host static sites on a variety of platforms, making it easy to switch hosting providers or migrate your site. +- ***Maintainability***: Easy to maintain regarding software updates. +- ***Transparency***: Transparent in what is going on under the hood. Especially the open-source SSGs. + +## Why Hugo? + +I'm using Hugo because it's fast, simple, and easy to use. It's also written in Go, making it cross-platform. I'm avoiding the use of Node.js because it's bloated and slow. Additionally, some individuals have [security concerns related to JavaScript](https://yewtu.be/watch?v=pid5kmWXSj8), so I'm minimizing its usage as much as possible. This site also functions properly even when JavaScript is disabled. + +## Why Netlify? + +I'm using Netlify because it's free, easy to use, and it has a CI/CD pipeline. I'm using the free plan because I don't need the paid plan yet. I'm also using Netlify because it's easy to set up and it's easy to connect to GitHub. + +## Why Blogging? + +I started this blog to jot down things I've learned, mainly because I tend to forget stuff I picked up earlier. But hey, I've made it public, so you're welcome to give it a read and pick up things too. Sharing is caring, after all! ^^ + +Sorry if there are any mistakes in the blog/articles/writeups, you can [contact](/about/#contacts) me if you have any questions. + +Anyway, welcome to my blog and happy reading! ^^ + +![Thank You!](images/sailor-saturn.webp#center 'Hotaru "Sailor Saturn, Guardian of Silence" Tomoe from Sailor Moon')