Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/content/blog/choosing-a-standing-desk.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: How To Choose The Best Standing Desk
publishDate: 07-07-2018
updatedDate: 12-21-2023
publishDate: "07-07-2018"
updatedDate: "12-21-2023"
description: How do you choose the best standing desk? When I moved into my apartment I set out to answer this and ended up with a $1000 desk. Here's what I learned.
heroImage: ../../images/blog/standing-desk-video-thumbnail.png
heroImageAlt: "A glowing gaming PC with three front LED fans, and glass case sits next to an ultra-wide monitor on top of a walnut standing desk. This image was AI generated."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/chrome-media-keys.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Keyboard Media Keys Not Working? It’s Chrome’s Fault
publishDate: 02-21-2019
updatedDate: 12-21-2023
publishDate: "02-21-2019"
updatedDate: "12-21-2023"
description: Ever noticed you haven't been able to use your keyboard's media keys to play and pause music while chrome is open? Let's see why.
heroImage: ../../images/blog/audio-issues.jpg
heroImageAlt: "A minimalist and nearly colorless rendering of a keyboard in a void space, sitting in front of a floating glowing icon of the mute symbol, shining brightly. Image created by TechSquidTV in Blender."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/creating-custom-gpt-agents.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Creating custom ChatGPT agents for fun and for profit!
publishDate: 12-22-2023
updatedDate: 12-27-2023
publishDate: "12-22-2023"
updatedDate: "12-27-2023"
description: OpenAI released custom "gpts", or custom agents we can instruct through prompts and apis. Let's take a look at how to make, share, (and profit?) from these gpts
heroImage: ../../images/blog/ai-bot-factory-thumbnail.png
heroImageAlt: "Ai generated image of a factory assembly line creating a series of ai robots"
Expand Down
8 changes: 4 additions & 4 deletions src/content/blog/creating-social-graph-images.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: How I generate Open Graph images for my Astro-based blog
publishDate: 01-23-2024
updatedDate: 01-23-2024
publishDate: "01-23-2024"
updatedDate: "08-29-2025"
description: Here's how I automatically generate preview images for every post on my Astro blog. Make sure you have open graph images for social sharing.
heroImage: ../../images/blog/open-graph-3d-render.png
heroImageAlt: "A minimalist render of icospheres floating in space, one showing the @ symbol in neon. Image created by TechSquidTV in Blender."
Expand Down Expand Up @@ -337,7 +337,7 @@ type Props = InferGetStaticPropsType<typeof getStaticPaths>;

Astro great ways to interact with our collections but _unfortunately_ the heroImage URL returned by astro at build time will not be the value we entered, but instead the location of the image at _build-time_, which looks something like `/_astro/abcdefg...png`, which is another issue we have to solve for.

You can see we have a sort of copy of our blog's data in `blogData`, which is where we actually get our Hero Image URL. Also take note that we run `replace` on the value to remove those `../` from the path, which wont be needed here.
You can see we have a sort of copy of our blog's data in `blogData`, which is where we actually get our Hero Image URL. Also take note that we run `replace` on the value to remove those `../` from the path, which won't be needed here.

```ts title="pages/blog/[post]/[post]-og.png.ts"
const getBlogFrontmatterCollection = async () => {
Expand Down Expand Up @@ -440,6 +440,6 @@ If the Astro build ever fails for some reason, you can run `pnpm run kill-assets

There we have it! On every build of our site now, each post will get a custom Open Graph image, hopefully driving better click rates on our posts, by offering a more enticing preview of our content.

From a technical standpoint, this was not as straight-forward as it could have been due to the way images are handled differently during the build phase in Astro. The next step may be to open an issue on the Astro repository to report the use-case and and share this workaround with the dev team. If anything gets updated to make the process easier, I'll issue an update at the top of the post.
From a technical standpoint, this was not as straight-forward as it could have been due to the way images are handled differently during the build phase in Astro. The next step may be to open an issue on the Astro repository to report the use-case and share this workaround with the dev team. If anything gets updated to make the process easier, I'll issue an update at the top of the post.

Remember, if you want to dive deeper into the code or anything else on this blog, the code is [fully open source](https://github.com/TechSquidTV/website). And join the [newsletter](http://localhost:4321/newsletter)!
4 changes: 2 additions & 2 deletions src/content/blog/ditching-wordpress-for-nuxtjs.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Ditching WordPress for NuxtJS and Netlify
publishDate: 09-13-2021
updatedDate: 12-21-2023
publishDate: "09-13-2021"
updatedDate: "12-21-2023"
description: Wordpress is expensive to host and a pain to maintain. Why I broke up with WordPress, and started using NuxtJS and Netlify entirely for free.
heroImage: ../../images/blog/nuxtjs-blog.png
heroImageAlt: "A minimalist rendering of a lone factory assembly line, where markdown files are being built into webpages. Image created by TechSquidTV in Blender."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/facebook-already-created-garrys-mod-vr.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Facebook already gave us Garry's Mod VR, Horizon Worlds
publishDate: 01-14-2022
updatedDate: 12-26-2023
publishDate: "01-14-2022"
updatedDate: "12-26-2023"
description: Facebook's Horizon Worlds gives us the VR sandbox we've wanted and it feels like Garry's Mod for the modern era. Don't write of Meta too quickly, try it out!
heroImage: ../../images/blog/horizon-gmod.jpg
heroImageAlt: "A low-poly VR headset (created by TechSquidTV) and a character from Garry's mod"
Expand Down
2 changes: 1 addition & 1 deletion src/content/blog/fetching-youtube-videos-with-astro.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: "Astro Component: Fetching Latest YouTube Videos with RSS"
publishDate: 02-13-2024
publishDate: "02-13-2024"
description: Fetching the latest YouTube videos for your website doesn't require a backend server or even API keys. Fetch the latest videos statically with Astro.
heroImage: ../../images/blog/astro-youtube-rss.png
heroImageAlt: "A low poly rendering of the RSS, YouTube, and Astro logos."
Expand Down
8 changes: 4 additions & 4 deletions src/content/blog/flash-should-be-blue.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: The Flash should be blue, and how SONIC got it right
publishDate: 12-28-2023
updatedDate: 12-28-2023
publishDate: "12-28-2023"
updatedDate: "08-29-2025"
description: The Flash in DC comics wears a red suit, but if he was moving faster-than-light, he would actually be blue. The reason is likely not what you think.
heroImage: ../../images/blog/the-flash-blue-thumbnail.png
heroImageAlt: "A blue version of The Flash"
Expand Down Expand Up @@ -39,7 +39,7 @@ You know the scene, every speedster has it. Where they run so fast that they lea
height="500"
/>

These characters are often portrayed as running faster than the speed of light, possibly this mysterious electricity ("Speed Force" in the case of The Flash) signifies when they are running at the speed of light. Though they do not always call it out, and there are worlds of inconsistencies, it is often implied by the the fact that these characters arrive to-and-from locations vastly far apart instantaneously or near instantly, that they are traveling at, or even faster than the speed of light.
These characters are often portrayed as running faster than the speed of light, possibly this mysterious electricity ("Speed Force" in the case of The Flash) signifies when they are running at the speed of light. Though they do not always call it out, and there are worlds of inconsistencies, it is often implied by the fact that these characters arrive to-and-from locations vastly far apart instantaneously or near instantly, that they are traveling at, or even faster than the speed of light.

<Image
src="https://media1.tenor.com/m/KMrApaGxiqsAAAAC/quickster-spongebob.gif"
Expand Down Expand Up @@ -103,7 +103,7 @@ Let's briefly ignore the fact that if a "solid" object moved though the atmosphe
height="220"
/>

While the speed of light _in a vacuum_ is the absolute speed limit of the universe, neither air nor water are a vacuum, and light is not the only thing in the universe that travels at "light-speed", however light will interact with particles in a medium like air or water and "slow down", with some particles will not, meaning that some particles can move "faster than light".
While the speed of light _in a vacuum_ is the absolute speed limit of the universe, neither air nor water are a vacuum, and light is not the only thing in the universe that travels at "light-speed". However, light will interact with particles in a medium like air or water and "slow down", while some particles will not, meaning that some particles can move "faster than light".

<Image
src="https://media2.giphy.com/media/xT5LMNvSBQm3ZRyK3K/giphy.gif?cid=ecf05e47qcfhu9gjgh8kr4l0gs3ljh7ew11vkt4n941n3sl3&ep=v1_gifs_related&rid=giphy.gif&ct=g"
Expand Down
2 changes: 1 addition & 1 deletion src/content/blog/how-to-create-a-good-github-issue.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: How To Create A Good GitHub Issue
publishDate: 3/7/2024
publishDate: "03-07-2024"
description: Help others help you by creating a good GitHub issue. A guide to creating a high-quality issues and improving your chance of getting help using C.A.R.E.S.
heroImage: ../../images/blog/thumbnail-open-github-issue.png
heroImageAlt: "3D render by TechSquidTV of a metal pen next to the open GitHub issue symbol."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/how-to-docker-compose.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: How to install WordPress with Docker-Compose
publishDate: 12-11-2018
updatedDate: 12-21-2023
publishDate: "12-11-2018"
updatedDate: "12-21-2023"
description: Docker makes it easy to manage and develop online web applications and Docker-Compose makes it simple to manage multiple Docker containers.
heroImage: ../../images/blog/docker-compose-thumbnail.png
heroImageAlt: "The youtube thumbnail of TechSquidTV's video Learn Docker-Compose In 10 Minutes. It features the Docker and Wordpress logos."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/how-to-speed-test-your-vps.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: How To Speed Test Your VPS
publishDate: 08-05-2018
updatedDate: 12-21-2023
publishDate: "08-05-2018"
updatedDate: "12-21-2023"
description: Is your VPS provider giving you adequate upload and download speeds? Use the speedtest-cli package to run a speed test from the terminal and find out.
heroImage: ../../images/blog/vps-speed.png
heroImageAlt: "A minimalist rendering of an empty room bathed in a light purple glow. In the room are two rack-server units on the floor, stacked on top of each-other, while a single cable with a spiral glowing pattern exits from the back off to the right of the screen. Image created by TechSquidTV in Blender."
Expand Down
6 changes: 3 additions & 3 deletions src/content/blog/how-vector-databases-make-ai-smart.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: How Vector Databases make AI smart
publishDate: 01-12-2024
updatedDate: 01-12-2024
publishDate: "01-12-2024"
updatedDate: "08-29-2025"
description: LLMs can answer questions they have been trained to answer. But how can you teach an old LLM new tricks? How Vector Databases are the unseen hero of AI.
heroImage: ../../images/blog/vectorspace-thumbnail.png
heroImageAlt: "a collection of icospheres within a tesseract, depicting multi-dimensional vector space."
Expand Down Expand Up @@ -115,7 +115,7 @@ The embeddings we mentioned before are created by using an embedding model, such

> source: https://odsc.com/blog/getting-started-with-vector-based-search/

In reality, there will be hundreds or thousands of dimensions of data, but we can only comprehend three dimensions visually. Notice how in this "vector space" there are collections of words that are positioned by their likeness. We can see that animals appear on the left, while fruits appear on the right. If we look closer at the left side, we can see that the word "cat" and in this depiction, an image of a cat, are located physically near each other. Likewise, we can see there there is a group of tech company logos, Google and Apple, and we can see the Apple company logo is just ever so slightly closer to the collection of fruits than the Google logo.
In reality, there will be hundreds or thousands of dimensions of data, but we can only comprehend three dimensions visually. Notice how in this "vector space" there are collections of words that are positioned by their likeness. We can see that animals appear on the left, while fruits appear on the right. If we look closer at the left side, we can see that the word "cat" and in this depiction, an image of a cat, are located physically near each other. Likewise, we can see there is a group of tech company logos, Google and Apple, and we can see the Apple company logo is just ever so slightly closer to the collection of fruits than the Google logo.

Distance in these vector spaces is calculated using Cosine Similarity, which is a measure of how similar two vectors are.

Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/kubernetes-in-10-minutes.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Kubernetes in 10 minutes
publishDate: 09-06-2020
updatedDate: 12-21-2023
publishDate: "09-06-2020"
updatedDate: "12-21-2023"
description: What is Kubernetes? TechSquidTV breaks down how large companies use Kubernetes to power the internet, in 10 minutes in this YouTube video.
heroImage: ../../images/blog/what-is-kubernetes-thumbnail.png
heroImageAlt: "The YouTube thumbnail for TechSquidTV's Kubernetes in 10 minutes video."
Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Making A Home Media Server With Plex + Docker-Compose
publishDate: 05-02-2019
updatedDate: 12-21-2023
publishDate: "05-02-2019"
updatedDate: "12-21-2023"
description: Become the ultimate cord cutter and make your own Netflix-like service at home with an old computer running Docker-Compose and Plex.
heroImage: ../../images/blog/plex-server.png
heroImageAlt: "Minimalist 3d rendering showing a rack server surrounded by VHS tapes with their tape pulled out. Image created by TechSquidTV in Blender."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/steam-deck-sd-card-labels.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Making Steam Deck SD Cards Look Like Game Cartridges
publishDate: 02-4-2024
updatedDate: 02-4-2024
publishDate: "02-04-2024"
updatedDate: "02-04-2024"
description: Discover how to transform your Steam Deck SD cards into nostalgic game cartridges with this free and open-source design system.
heroImage: ../../images/blog/steam-deck-sd-card.png
heroImageAlt: "A table of SD card adapters with game box art on them."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/synology-ds920plus_nas.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Synology’s DS920+ is a NAS powerhouse
publishDate: 12-11-2018
updatedDate: 12-21-2023
publishDate: "12-11-2018"
updatedDate: "12-21-2023"
description: A review and deep-dive of Synology's DS920+, RAID, and data storage. Watch TechSquidTV's video on Raid 5 and using a home nas.
heroImage: ../../images/blog/synology-thumbnail.png
heroImageAlt: "The youtube thumbnail of TechSquidTV's video showcasing the Synology DS920+."
Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/testing-shell-scripts-with-bats.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Testing Shell Scripts with "BATS"
publishDate: 09-20-2021
updatedDate: 12-21-2023
publishDate: "09-20-2021"
updatedDate: "12-21-2023"
description: You rely on bash scripts the same as any other program, but I bet you aren't testing them. Implement unit tests for your critical Bash scripts with BATS.
heroImage: ../../images/blog/bats-testing.png
heroImageAlt: "Minimalist 3d rendering showing three rounded cubes representing terminals, two with passing tests, and one with a failure. Image created by TechSquidTV in Blender."
Expand Down
6 changes: 3 additions & 3 deletions src/content/blog/the-windows-ugly-sweater.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: "The WindowsUglySweater Is The Only Swag I Care About"
publishDate: 12-25-2019
updatedDate: 12-21-2023
publishDate: "12-25-2019"
updatedDate: "08-29-2025"
description: Microsoft made a Windows XP themed ugly Christmas sweater, and it's the only tech company swag I care about. Checkout this unboxing video.
heroImage: ../../images/blog/windows-xp-ugly-sweater-thumbnail.png
heroImageAlt: "Video thumbnail for TechSquidTV's video showcasing Microsoft's Windows XP-themed ugly Christmas sweater."
Expand All @@ -24,7 +24,7 @@ https://twitter.com/MKBHD/status/1205114919995215873

https://twitter.com/tomwarren/status/1204782275755495428

Any many many more.
And many many more.

I am not one who gives in to marketing tactics often. I see right through your viral marketing campaigns. But when I saw the sweater…

Expand Down
6 changes: 3 additions & 3 deletions src/content/blog/what-is-docker.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: What Is Docker?
publishDate: 05-08-2018
updatedDate: 12-21-2023
publishDate: "05-08-2018"
updatedDate: "08-29-2025"
description: Docker allows you to “containerize” applications and scripts. Like a virtual machine, but even faster. Let's build a container.
heroImage: ../../images/blog/docker-in-5-thumbnail.png
heroImageAlt: "The video thumbnail for TechSquidTV's Docker in 5 minutes"
Expand Down Expand Up @@ -32,7 +32,7 @@ In short, Docker allows you to “containerize” applications and scripts. If y

If to run a virtual machine you need an ISO containing the operating system, then to run a Docker container you first need a Docker image. Docker images differ from ISOs greatly, and we’ll go over that in a moment but stay with me. Check out the Dockerhub.

[https://hub.docker.com/explore/](https://hub.docker.com/explore/)
[https://hub.docker.com/](https://hub.docker.com/)

Many operating systems, servers, and applications maintain official Docker image repositories on the Docker hub, it’s kind of like GitHub for Docker. If you are familiar with Git’s `git pull` there is a similar command `docker pull` for Docker to pull down any of these popular images locally very easily. If there is no official Docker image for what you need there is likely a community maintained version available. There is even popular community maintained container organizations such as [LinuxServer.io](https://linuxserver.io) which maintains a large number of mostly media based application containers such as Plex. This makes it incredibly easy to access and run anything you need with ease.

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Will We Ever Download Our Brains Like In Westworld?
publishDate: 08-05-2018
updatedDate: 12-21-2023
publishDate: "08-05-2018"
updatedDate: "08-29-2025"
description: AI and Machine Learning are progressing at and incredible pace. Will humans ever be able to "download" their brains like in Westworld?
heroImage: ../../images/blog/download-brain.png
heroImageAlt: "An abstract minimalist 3D rendering of a glass brain downloading information into a super computer. Image created by TechSquidTV in Blender."
Expand Down Expand Up @@ -41,11 +41,11 @@ If you can’t tell the difference. Does it matter?

http://www.youtube.com/watch?v=1mR9hdy6Qgw

Currently, you can not prove anyone you have ever met in your life is not dictated by AI. You are only reasonably sure that you are real and possibly not an AI. Everything else is your subjective reality.
Currently, you cannot prove anyone you have ever met in your life is not dictated by AI. You are only reasonably sure that you are real and possibly not an AI. Everything else is your subjective reality.

We can debate what is alive, real, and conscious all day. What we will definitively say in this article is that in a number of years, an AI will be close to what we see in Westworld. You will be able to replicate a human mind and achieve fidelity. And in essence, the difference won’t matter.

Fidelity – this concept is is introduced in season 2, episode 4.
Fidelity – this concept is introduced in season 2, episode 4.

Truly achieving a replica AI would mean it would make all of the same choices and actions that you would. When asked a certain question in a certain context, we expect the AI to behave a certain way.

Expand Down
4 changes: 2 additions & 2 deletions src/content/blog/your-terminal-is-ugly.mdx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Your Unix terminal is ugly! Here's how to make it beautiful.
publishDate: 03-06-2022
updatedDate: 12-21-2023
publishDate: "03-06-2022"
updatedDate: "12-21-2023"
description: Make your Unix terminal beautiful and functional. Just because you live in the command line doesn't mean you have to live in the 80's
heroImage: ../../images/blog/your-terminal-is-ugly.png
heroImageAlt: "A comparison of the default Windows WSL terminal next to an OhMyZSH themed terminal"
Expand Down