Sam Rhea's Blog

This repository contains the content and configuration for my personal blog.

🏗️ Gatsby

The blog is a Gatsby static site. Gatsby is a React-based open-source framework for creating websites and apps.

✨ Cloudflare Workers Sites

Workers Sites serves the blog. The post here walks through that setup in detail.

🤠 wrangler

A GitHub Action and the wrangler CLI tool publishes the blog. You can learn more about wrangler here. The post here breaks down how I deploy the blog.

💡 Gatsby Lumen theme

The site uses the Lumen Gatsby starter theme, maintained by this team.

Edits to Lumen

These are the edits I have made from the theme default above.

• gatsby-config.ts changed to use my sam-task.jpeg photo
• src/components/Meta/Meta.tsx edits meta name="og:image" to meta property="og:image" which LinkedIn requires.
• Add files so that this site can be built using Cloudflare Wrangler.
• Removes the "Read" link option in the post list page from src/components/Feed/Feed.tsx. I found this cluttered the view and was redundant since clicking on the post title will open the post.
• Default behavior of this theme floats mobile views down to the posts. I removed the useEffect for scrollIntoView lines in src/components/Feed/Feed.tsx.
• Removed .circleci and .husky directories.
• Removed Code of Conduct and Contributing guidelines; these document rules for the project above.
• Added table styling in this commit to better match GitHub styling. Introduced and merged this pull request to adjust the tables to handle night mode.