vasylenko/devdosvid.blog

A source code of my personal website powered by Hugo

Personal blog powered by Hugo

💰 Zero-cost (but it still takes your time, though) hosting and CI/CD with GitHub and free CloudFlare CDN for the fast content delivery and better compression.

👨‍💻 Static website generator — Hugo

📝 Blog theme: PaperMod used as Git submodule

⚙️ CI/CD: GitHub Actions (see my workflow for example)

🌎 Free account at CloudFlare for CDN

Hugo and PaperMod theme customization:

• attention and updatenotice — colored blocks used to inform about the important changes in a publication

  example of attention: https://serhii.vasylenko.info/2021/05/21/configure-http-security-headers-with-cloudfront-functions.html

  example of updatenotice: https://serhii.vasylenko.info/2021/01/20/terraforming-mac1-metal-at-AWS.html

• snippet — collapsible block of text (aka spoiler), useful for code snippets

devdosvid.blog's Issues

Own color theme

https://coolors.co/
Current color accents are based on the AWS and Hashi colors. It is time to make my own.

Largest Contentful Paint image was lazily loaded

Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint. Learn more.

Example: https://web.dev/measure/?url=https%3A%2F%2Fdevdosvid.blog%2F2022%2F06%2F26%2Fgolden-image-pipelines-with-hcp-packer%2F

Feature: comments

https://github.com/utterance/utterances seems like a nice balance of simplicity and features

Twitter card broken on blog post "What are Terraform Modules and how do they work?"

https://devdosvid.blog/2020/09/09/terraform-modules-explained.html

CV page renovation

issues:

• too many table elements (hard to render proper Print version)
• it has some outdated descriptions

test

Cover images are absent on the series page

https://devdosvid.blog/series/mac1.metal-at-aws/