|
1 | 1 | --- |
2 | 2 | title: Setting Up This Blog |
3 | | -description: How I put devin.fitzsky.com together with Jekyll, GitHub Pages, Cloudflare, and a reproducible dev setup. |
| 3 | +description: Jekyll, GitHub Pages, Nix, and Cloudflare — how devin.fitzsky.com came together. |
4 | 4 | --- |
5 | 5 |
|
6 | | -Been meaning to set one of these up for a while. I have always liked GitHub Pages, so I went with that. I had never used Jekyll before, but it felt like the right path for a personal site where the main job is writing and publishing cleanly. |
| 6 | +Been meaning to set one of these up for a while. I've always liked GitHub Pages, so I went with that. I'd never used Jekyll before, but it felt like the right path for a personal site where the main job is writing and publishing cleanly. |
7 | 7 |
|
8 | | -I started from an empty repo and scaffolded a basic Jekyll structure with layouts, includes, posts, and a small set of pages. The first pass looked a little too playful, so I tightened the design into something sleeker and more minimal. Sharper typography, cleaner spacing, less decoration, and a style that stays out of the way of the writing. |
| 8 | +## The Structure |
9 | 9 |
|
10 | | -Deploys run through GitHub Actions on pushes to `main`. The workflow builds the Jekyll site and ships it to Pages automatically. I hit one setup error early where `configure-pages` returned a `Not Found` response. That turned out to be a bootstrap issue, and setting the action to enable Pages during the run fixed it. |
| 10 | +I started from an empty repo and scaffolded a basic Jekyll structure — layouts, includes, posts, a few pages. The first design pass was a little too playful, so I tightened it into something minimal. Sharper typography, cleaner spacing, less decoration. The style should stay out of the way of the writing. |
11 | 11 |
|
12 | | -I love Nix and devenv, so that part was an easy choice. The repo now has a reproducible dev environment, which means setup is consistent across machines instead of relying on whatever Ruby version happens to be installed. |
| 12 | +The config is intentionally small: |
13 | 13 |
|
14 | | -That mattered quickly, because GitHub Pages dependencies currently cap part of the stack below Ruby 4. I pinned the latest compatible Ruby line, locked gem versions with `Gemfile.lock`, and kept the toolchain stable. |
| 14 | +```yaml |
| 15 | +title: Devin Bernosky |
| 16 | +url: "https://devin.fitzsky.com" |
| 17 | +permalink: /:title/ |
| 18 | +markdown: kramdown |
| 19 | +plugins: |
| 20 | + - jekyll-feed |
| 21 | + - jekyll-seo-tag |
| 22 | +defaults: |
| 23 | + - scope: |
| 24 | + path: "" |
| 25 | + type: "posts" |
| 26 | + values: |
| 27 | + layout: post |
| 28 | + author: Devin |
| 29 | +``` |
15 | 30 |
|
16 | | -Writing flow feels super easy. Open a post file, write in Markdown, push, done. And who does not love Markdown. |
| 31 | +The `permalink: /:title/` is key — URLs are just the slug with no date prefix. Posts live in `_posts/` as `YYYY-MM-DD-title.md`, but the URL comes out clean: `devin.fitzsky.com/setting-up-this-blog/`. |
17 | 32 |
|
18 | | -DNS is in Cloudflare for all things Fitzsky. A lot of that routes back to Tailscale, and I like carving out little pieces for static public content like this. |
| 33 | +## Deploy |
19 | 34 |
|
20 | | -Let's see how well I can keep this updated, shall we? |
| 35 | +Deploys run through GitHub Actions on pushes to `main`. The workflow builds the Jekyll site and ships it to Pages automatically. |
| 36 | + |
| 37 | +I hit one gotcha early: `configure-pages` returned a `Not Found` response on the first run. Turns out GitHub Pages isn't enabled on the repo until you either flip it on manually in Settings, or — what I did — set `enablement: true` in the action: |
| 38 | + |
| 39 | +```yaml |
| 40 | +- name: Setup Pages |
| 41 | + uses: actions/configure-pages@v5.0.0 |
| 42 | + with: |
| 43 | + enablement: true |
| 44 | +``` |
| 45 | + |
| 46 | +That bootstraps Pages on the first deploy. After that it's invisible. |
| 47 | + |
| 48 | +## Nix Dev Environment |
| 49 | + |
| 50 | +I use Nix and devenv everywhere, so this was an easy choice. The repo has a flake with a devenv shell that pins Ruby, Bundler, and the system dependencies: |
| 51 | + |
| 52 | +```nix |
| 53 | +{ pkgs, ... }: |
| 54 | +{ |
| 55 | + packages = [ |
| 56 | + pkgs.ruby_3_4 |
| 57 | + pkgs.bundler |
| 58 | + pkgs.libyaml |
| 59 | + pkgs.gnumake |
| 60 | + ]; |
| 61 | +
|
| 62 | + scripts.setup.exec = "bundle install"; |
| 63 | + scripts.serve.exec = "bundle exec jekyll serve --livereload --host 0.0.0.0 --port 4000"; |
| 64 | +} |
| 65 | +``` |
| 66 | + |
| 67 | +Enter the shell, run `devenv run setup` once, then `devenv run serve`. Same result on every machine. |
| 68 | + |
| 69 | +This mattered fast. GitHub Pages gems currently require `commonmarker`, which caps at Ruby < 4.0. I pinned Ruby 3.4.8 and locked the `github-pages` gem at version 232. Without the pin, you'll hit dependency resolution failures the moment Ruby 4.x shows up on your system. |
| 70 | + |
| 71 | +The Gemfile is two lines: |
| 72 | + |
| 73 | +```ruby |
| 74 | +source "https://rubygems.org" |
| 75 | +gem "github-pages", "= 232", group: :jekyll_plugins |
| 76 | +gem "webrick", "= 1.9.2" |
| 77 | +``` |
| 78 | + |
| 79 | +`webrick` is there because Ruby 3.x dropped it from stdlib and Jekyll's local server needs it. |
| 80 | + |
| 81 | +## DNS and Domain |
| 82 | + |
| 83 | +DNS lives in Cloudflare for all things Fitzsky. Most of it routes through Cloudflare tunnels to self-hosted services — Mattermost, Gitea, that kind of thing. The blog is the exception: it's just a CNAME pointing at GitHub Pages. |
| 84 | + |
| 85 | +``` |
| 86 | +devin CNAME devindudeman.github.io |
| 87 | +``` |
| 88 | + |
| 89 | +A `CNAME` file in the repo root tells GitHub Pages to serve the custom domain, and HTTPS enforcement is on in the repo settings. |
| 90 | + |
| 91 | +## Writing Flow |
| 92 | + |
| 93 | +This is the best part. Open a file, write Markdown, push. That's it. |
| 94 | + |
| 95 | +```bash |
| 96 | +# new post |
| 97 | +hx _posts/2026-03-11-whatever-im-writing-about.md |
| 98 | +
|
| 99 | +# front matter |
| 100 | +--- |
| 101 | +title: Whatever I'm Writing About |
| 102 | +description: One-line summary. |
| 103 | +--- |
| 104 | +
|
| 105 | +# write, commit, push |
| 106 | +git add . && git commit -m "New post" && git push |
| 107 | +``` |
| 108 | + |
| 109 | +Live in about 90 seconds. No build step to think about, no deploy to trigger. Push to `main` and it's on the internet. |
| 110 | + |
| 111 | +Let's see how well I can keep this updated. |
0 commit comments