Hello, welcome. This is a blog ("blahg" is the proper spelling for Chicagoans) template. It's built with Astro, and uses TinaCMS to edit the content!
- Connect to your chosen hosting provider (see Deploy to Netlify button below if you want to go that route, otherwise use the GitHub template button above and pick a different one)
- Make an account at tina.io
- Add your TinaCMS keys (see below)
- Update
astro.config.mjswith your domain - Edit
src/config.js - Add your URL in line 1 of
public/robots.txt - Add your links in
src/components/Header.astro - Update the intro in
pages/about.md - Edit the images in
public/(optional) - Edit whatever tags you want in
tina/config.js(optional)
After this, you can add your content to src/posts with Markdown files, or with TinaCMS by going to yoururl.com/admin!
Each time you create a blog post:
- Write and publish your blog post
- Share it on Bluesky
- Get the Bluesky post's URI:
- Go to your Bluesky post
- Click the timestamp to open the single post view
- Format the URI as:
at://\[your-DID]/app.bsky.feed.post/\[post-id] - Add this URI to your blog post's "Bluesky Post URI" field in TinaCMS
- Publish your changes
Your blog will now display any Bluesky replies to your post as comments!
And finally, please ping me (via social media, or in a GitHub Issue, or whatever) if you use this template! I would love to see your writing and subscribe to your RSS feed!
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npx tinacms dev -c 'astro dev' |
Manually run local server if the regular command doesn't work |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
You go to localhost:4321/admin/index.html to see the CMS and use it. If you want to clone this for yourself, you'll need a .env.development file that has the following in it:
TINACLIENTID=<from tina.io>
TINATOKEN=<from tina.io>
TINASEARCH=<from tina.io>
