How to create a blog with Quartz, GitHub, and Cloudflare

This page summarizes the projects mentioned and recommended in the original post on dev.to

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  1. quartz

    🌱 a fast, batteries-included static-site generator that transforms Markdown content into fully functional websites

    Under the repo name after you click Fork, I entered ababber.github.io. When you name your Quartz Fork repo, replace ababber with your GitHub username, which initializes your GitHub Pages.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. flow-pipeline

    A set of tools and examples to run a flow-pipeline (sFlow, NetFlow)

    By default cloudflare sets Custom SSL/TLS to Flexible. Change this to Full. We need to do this because username.github.io is being served to cloudflare over HTTPS by GitHub. If we don't do this then your GitHub page may become unreachable and report the following error: ERR_TOO_MANY_REDIRECTS. This is caused by a conlict with the Custom SSL/TLS Flexible setting and the Github Pages Enfore HTTPS setting which creates an unexpected feedback loop.

  4. username

    # clone with git git clone https://github.com/username/username.github.io.git # clone with the github cli # gh repo clone username/username.github.io # change directory into repo root cd username.github.io # install quartz dependencies npm i # initialize quartz and create an index.md npx quartz create # cd into create/, which is where quartz will # look to create static pages cd create # create a test markdown file touch test.md # this will build a preview of your blog npx quartz build --serve # 1. Once the build is done, go to localhost:8080 # in your browser. # 2. In the left hand Explorer column, you should # see test or the file created earlier.

  5. pages-gem

    A simple Ruby Gem to bootstrap dependencies for setting up and maintaining a local Jekyll environment in sync with GitHub Pages

    If you don't want to use Jekyll as your static site generator for GitHub Pages and you want to have a custom domain for your GitHub Pages. This post is for you!

  6. Jekyll

    :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby

    If you don't want to use Jekyll as your static site generator for GitHub Pages and you want to have a custom domain for your GitHub Pages. This post is for you!

  7. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Jekyll Blog with Terraform (OpenTofu) Using GitLab Pipelines

    5 projects | dev.to | 16 Mar 2025
  • Jekyll v4.4.0 Released

    1 project | news.ycombinator.com | 27 Jan 2025
  • Migrating from WordPress to Jekyll: Save Money with a Static Site

    3 projects | dev.to | 21 Oct 2024
  • The perl.fish experiment

    7 projects | dev.to | 22 Aug 2024
  • Ask HN: Looking for lightweight personal blogging platform

    35 projects | news.ycombinator.com | 6 Feb 2024

Did you know that Ruby is
the 12th most popular programming language
based on number of references?