andreivmaksimov / hands-on.cloud

https://hands-on.cloud website

Haands-On.Cloud Hugo Serverless Blog

I stopped the development of this blog as maintenance become a very time-consuming thing.

All articles have been migrated to WordPress.

This repository is no longer maintained but will stay here in read-only mode.

hands-on.cloud - Hugo based Serverless Blog

✍️ Adding articles

hugo new 'My Article Name/index.md'

Pull request workflow described in detail at our For Authors blog page.

🚀 Quick start

1. Set up your development environment

   Set up your development environment using this part of Hugo Tutorial.

2. Developing with Hugo.

   Do not need to do anything special, just

   hugo server -D

3. Open the source code and start editing!

   Your site is now running at http://localhost:1313/!

   Open hugo project directory in your code editor of choice and edit any content inside hugo/content/. Save your changes and the browser will update in real time!

🎓 Learning Hugo

Looking for more guidance? Full documentation for Hugo lives on the website.

💫 Deploy

1. Terraform configuration

   • Change Terraform backend configuration in infrastructure.tf file.

   • Change root_domain_name variable to your Route53 hosted zone name.

   • Create your static website AWS infrastructure by running:

     terrafrom plan
     terraform apply

2. Generate Hugo static content

   hugo -v -d ./public

3. Publish test changes

   aws s3 sync ./public s3://$(terraform output test_website_bucket)

4. Validate your changes

   open $(terraform output test_website_url)

5. Publish production changes

   aws s3 sync ./public s3://$(terraform output origin_website_bucket)

Image manipulation

The most comfortable and easy way of doing this is to use Photopea - online free Photoshop alternative.

Converting .png to .webp

The following command will create .webp images from .png:

./scripts/generate_images.sh

License