1. GitHub Pages (https://pages.github.com/): Ideal for developers, GitHub Pages allows you to host a static website directly from your GitHub repository. It supports Jekyll, a static site generator, and custom domains.
2. Netlify (https://www.netlify.com/): Netlify is a popular platform for deploying modern web projects. It offers a free tier with hosting for static websites, continuous deployment from Git, and HTTPS. Netlify also supports custom domains.
3. Vercel (https://vercel.com/): Vercel is another popular platform for hosting static websites and serverless functions. The free tier includes HTTPS, continuous deployment, and custom domain support.
4. Cloudflare Pages (https://pages.cloudflare.com/): Cloudflare Pages provides fast and secure hosting for your static websites. It comes with a free plan that offers custom domain support, HTTPS, and continuous deployment from your Git repository.
5. Wix (https://www.wix.com/): Wix is a website builder with a user-friendly drag-and-drop interface. The free plan includes Wix-branded domain and ads, but you can create a professional-looking website without coding.
6. Weebly (https://www.weebly.com/): Weebly is another website builder with a free plan. You can create a simple site using their drag-and-drop editor, but the free plan comes with Weebly branding and limited features.
7. WordPress.com (https://wordpress.com/): WordPress.com offers a free plan that allows you to create a website or blog with limited features and a WordPress-branded domain (e.g., yoursite.wordpress.com). It’s a good option if you prefer a more blog-focused website.

To create a personal website with a blog using Cloudflare Pages, we’ll use a static site generator called Hugo. Hugo is fast, easy to use, and supports themes and templates to quickly build a professional-looking site.

Step 1: Install Hugo

Follow the installation instructions on the official Hugo website (https://gohugo.io/getting-started/installing/).

Step 2: Create a new Hugo site

Open a terminal or command prompt, navigate to the folder where you want to create your site, and run:

1	hugo new site alexkhram

Step 3: Choose a theme

Browse the Hugo themes gallery (https://themes.gohugo.io/) and choose a theme for your site. For this example, we’ll use the “Stack” theme

Step 4: Install the theme

Navigate to your site’s folder (alexkhram), then run:

1 2	git init git submodule add https://github.com/CaiJimmy/hugo-theme-stack.git themes/stack

Edit your config.toml file in the root of your project and add the following line:

1	theme = "stack"

Step 5: Add content

Create a new post in the content/posts folder:

1	hugo new posts/my-first-post.md

Edit the my-first-post.md file and add your content in Markdown format. Set draft: false in the front matter to publish the post.

Step 6: Customize your site

Edit the config.toml file to add your personal information and site settings. Replace the [params] section with your information:

1 2 3 4 5 6

[params] author = "Alex Khramenkov" description = "Full-stack Web Developer | Symfony and Ibexa Expert" githubUsername = "alexkhram" linkedinUsername = "alexkhram" email = "[email protected]"

Step 7: Test your site locally

Run hugo server and open http://localhost:1313 in your browser to preview your site.

Step 8: Push your site to a Git repository

Create a new Git repository on GitHub, GitLab, or Bitbucket. Then, commit your site’s files and push them to the repository:

1 2 3 4

git add . git commit -m "Initial commit" git remote add origin https://github.com/your-username/alexkhram.git git push -u origin master

Replace https://github.com/your-username/alexkhram.git with the URL of your Git repository.

Step 9: Deploy your site on Cloudflare Pages

1. Sign up or log in to Cloudflare and navigate to Cloudflare Pages (https://pages.cloudflare.com/).
2. Click the “Create a project” button.
3. Connect your GitHub, GitLab, or Bitbucket account and authorize Cloudflare.
4. Choose the repository that contains your Hugo site.
5. In the build settings, set the “Build command” to hugo and the “Build output directory” to public.
6. Click “Save and Deploy” to deploy your site.
7. Once your site is deployed, go to “Custom domains” and click “Set up a custom domain.” Enter your domain, “alexkhram.com,” and follow the instructions to configure your DNS settings with your domain registrar.

Now your personal website with a blog is live on Cloudflare Pages and accessible at your custom domain, alexkhram.com.