feat: tags page
This commit is contained in:
Aaron Yarborough
parent
49ffbc66a8
commit
085bffee88
13 changed files with 113 additions and 12 deletions
|
|
@ -2,6 +2,7 @@
|
|||
title: Attitudes to reading, and how mine have changed
|
||||
pubdate: 2025-03-18T00:00:00.000Z
|
||||
desc: I was discussing reading habits with my good friend Beth, specifically around reading multiple books at once vs. reading a single book at a time...
|
||||
tags: reading, books
|
||||
---
|
||||
I was discussing reading habits with my good friend Beth, specifically around reading multiple books at once vs. reading a single book at a time (we're both very members of the former group), and it got me thinking as to why there seems to me to be this split in reading habits, and where it might come from.
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
title: Migrating from GitHub to Forgejo
|
||||
pubdate: 2025-03-16T00:00:00.000Z
|
||||
desc: I recently moved all of my reposfrom GitHub to a self-hosted Forgejo instance running on my own servers.
|
||||
tags: tech, hosting
|
||||
---
|
||||
|
||||
I recently moved all of my repos (public and private) from GitHub to a self-hosted [Forgejo](https://forgejo.org/) instance running on my own servers.
|
||||
|
|
@ -29,7 +30,7 @@ The overall process was pretty simple:
|
|||
|
||||
### Step 1 - Get a list of all my repos
|
||||
|
||||
I used the[ GitHub CLI](https://cli.github.com/) for this, using the `gh repos list` command. I wanted to move my private repos across first, so I wrote two commands: one for private repos, and one for public ones. Both commands write the JSON output to a respective JSON file.
|
||||
I used the [GitHub CLI](https://cli.github.com/) for this, using the `gh repos list` command. I wanted to move my private repos across first, so I wrote two commands: one for private repos, and one for public ones. Both commands write the JSON output to a respective JSON file.
|
||||
```sh
|
||||
# Get all private repos
|
||||
gh repo list --visibility=private --json id,name,owner,sshUrl,url --limit 200 > gh-private-repos
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
title: Performance considerations when writing a TCP game server in dotnet
|
||||
pubdate: 2025-02-23T21:12:37.864Z
|
||||
desc: While writing a TCP game server in dotnet for a hobby project, I learned a few ways to improve the efficiency and scalability of the server while running into some performance issues. Here's what I learned!
|
||||
tags: tech, programming, c#
|
||||
---
|
||||
|
||||
While writing a TCP game server in dotnet for a hobby project (check it out [here](https://github.com/AaronJY/GServer)), I learned a few ways to improve the efficiency and scalability of the server while running into some performance issues.
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
title: "Quickwrite: A reflection on Wintering by Katherine May"
|
||||
pubdate: 2025-03-09T00:00:00.000Z
|
||||
desc: "Katherine May draws a unique parallel in her book ‘Wintering’ between the coming of and living through the winter months, and those liminal times in your life – when a gap opens up underfoot and swallows us whole...."
|
||||
tags: books, reading
|
||||
---
|
||||
|
||||
Katherine May draws a unique parallel in her book ‘Wintering’ between the coming of and living through the winter months, and those liminal times in your life – when a gap opens up underfoot and swallows us whole. It’s never clear when such a gap appears to steal us away, and how long exactly we’ll spend in the liminality we fall into, and most of us claw at the walls in an attempt to scale up and out, back into the warm light of day – how things used to be. Katherine’s book is an account of how she learned to see it more as a wave to ride than a locked room to break free from. Her ultimate message is an argument to reframe it, or to see it for what it really is; not as a bleak, timeless realm devoid of hope and light, but of a necessary state we all find ourselves in at various points in our lives, and that this realm offers its own medicines for those who care to look. These seasonal and spiritual changes Katherine refers to as ‘Wintering’ – aptly a verb to articulate its ephemeral nature – serve much in the same way a good night’s sleep does: while a deep and peaceful sleep purges metabolic waste and toxins from our brains, a wintering can offer a more spiritual cleanse; a hibernation after a hot and unrelenting summer; a mirror held up in front to break our blind and frenzied sprint towards a goal we’ve long forgotten; a beloved teacher from our school days with a soft voice, reassuring smile and placations to calm our nerves.
|
||||
|
|
@ -2,6 +2,7 @@
|
|||
title: Deploying aaronjy.me on a Google Storage bucket
|
||||
pubdate: 2024-05-01T00:00:00.000Z
|
||||
desc: "Google Cloud Storage is an effective solution for hosting static sites, offering a simple and scalable way to manage web assets. A manual deployment strategy involves four key steps: backing up existing files to a backup bucket, removing sensitive files for security, uploading the latest site files from the build directory, and invalidating Google’s global cache to ensure users access updated content."
|
||||
tags: tech, hosting
|
||||
---
|
||||
Google actually has [documentation](https://cloud.google.com/storage/docs/hosting-static-website) on how to deploy a static site to a storage bucket, but I wanted to talk about how I handle deployments, as Google doesn't covert that!
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
title: Supporting content file structure changes on a static site
|
||||
pubdate: 2024-03-18T16:47:32.150Z
|
||||
desc: Static site generators (SSGs) convert complex site sources into HTML, CSS, and JS, allowing flexible hosting options. While they offer benefits like speed and low costs, updating content can be challenging for non-technical users. A solution involves assigning unique identifiers to articles and creating a URL mapping file to simplify restructuring and managing content links.
|
||||
tags: tech
|
||||
---
|
||||
Static site generators (SSGs) are great. They take your complex site source and distil it down to the web's native language: HTML, CSS and JS. You can host your files anywhere: in cloud-native storage buckets; on low-cost CPanel hosting; on global CDNs; your old Lenovo ThinkPad in your cupboard running an Apache server that hasn't been patched since 2008; the list goes on. Wanna go further and throw away your CMS? Cool, you can use markdown files and a text editor as your CMS.
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "www-aaronjy-2024",
|
||||
"version": "1.4.0.0",
|
||||
"version": "1.5.0.0",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,14 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
|
||||
<url><loc>https://www.aaronjy.me/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/about/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/cv/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/attitudes-to-reading/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/moving-from-github-to-forgejo/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/performance-considerations-tcp-game-server/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/quick-reflection-katherine-may/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/static-site-on-google-cloud/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/support-content-filte-structure-changes-on-a-static-site/</loc><lastmod>2025-03-20T19:23:27.938Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/about/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/cv/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/tags/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/attitudes-to-reading/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/moving-from-github-to-forgejo/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/performance-considerations-tcp-game-server/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/quick-reflection-katherine-may/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/static-site-on-google-cloud/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
<url><loc>https://www.aaronjy.me/writing/support-content-filte-structure-changes-on-a-static-site/</loc><lastmod>2025-03-20T20:04:24.356Z</lastmod><changefreq>weekly</changefreq><priority>0.7</priority></url>
|
||||
</urlset>
|
||||
|
|
@ -30,6 +30,7 @@ function Article ({ attributes, html }) {
|
|||
<Link href='./'>Back...</Link>
|
||||
{attributes.pubdate && <p>{formatDate(attributes.pubdate)}</p>}
|
||||
<div data-test='content' dangerouslySetInnerHTML={{ __html: html }} />
|
||||
{attributes.tags && <p>Tags: {attributes.tags}</p>}
|
||||
</div>
|
||||
</article>
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@ function Header () {
|
|||
<nav>
|
||||
<Link href='/'>Home</Link>{', '}
|
||||
<Link href='/writing'>Writing</Link>{', '}
|
||||
<Link href='/tags'>Tags</Link>{', '}
|
||||
<Link href='/cv'>CV</Link>{', '}
|
||||
<Link href='/about'>About</Link>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -60,3 +60,20 @@ export function getStaticEntries (contentPath) {
|
|||
new Date(b.attributes.pubdate).getTime() - new Date(a.attributes.pubdate).getTime()
|
||||
)
|
||||
}
|
||||
|
||||
export function getContentTags (contentPath) {
|
||||
const allTags = {}
|
||||
|
||||
const entries = getStaticEntries(contentPath)
|
||||
for (const entry of entries) {
|
||||
if (!entry.attributes.tags) { continue }
|
||||
|
||||
const tags = entry.attributes.tags.split(', ')
|
||||
|
||||
for (const tag of tags) {
|
||||
allTags[tag] = !allTags[tag] ? 1 : allTags[tag] + 1
|
||||
}
|
||||
}
|
||||
|
||||
return allTags
|
||||
}
|
||||
|
|
|
|||
63
src/pages/tags/index.js
Normal file
63
src/pages/tags/index.js
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
import DefaultLayout from '@/layouts/DefaultLayout/DefaultLayout'
|
||||
import { getContentTags, getStaticEntries } from '@/lib/content'
|
||||
import { NextSeo } from 'next-seo'
|
||||
import Link from 'next/link'
|
||||
|
||||
export const getStaticProps = () => ({
|
||||
props: {
|
||||
tags: getContentTags('./content/writing'),
|
||||
postEntries: getStaticEntries('./content/writing')
|
||||
}
|
||||
})
|
||||
|
||||
export const Title = 'Tags'
|
||||
|
||||
export default function Tags ({ tags, postEntries }) {
|
||||
const tagNames = Object.keys(tags).sort()
|
||||
|
||||
return (
|
||||
<DefaultLayout>
|
||||
<NextSeo
|
||||
title={Title}
|
||||
openGraph={
|
||||
{
|
||||
title: Title
|
||||
}
|
||||
}
|
||||
/>
|
||||
|
||||
<h1>{Title}</h1>
|
||||
|
||||
<section>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tag</th>
|
||||
<th>Posts</th>
|
||||
</tr>
|
||||
|
||||
</thead>
|
||||
<tbody>
|
||||
{tagNames.map(tag => {
|
||||
const posts = postEntries.filter(p => p.attributes.tags.includes(tag)).sort((a, b) => a.attributes.title > b.attributes.title ? 1 : -1)
|
||||
|
||||
return (
|
||||
<tr key={tag}>
|
||||
<td>{tag} ({posts.length})</td>
|
||||
<td>
|
||||
{posts && posts.map(post => {
|
||||
return (
|
||||
<div key={'tag-' + post.slug}><Link href={`/writing/${post.slug}`}>{post.attributes.title}</Link></div>
|
||||
)
|
||||
})}
|
||||
</td>
|
||||
</tr>
|
||||
)
|
||||
})}
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
</DefaultLayout>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,4 +1,16 @@
|
|||
pre {
|
||||
padding: 0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
tbody {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
tr {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td:first-child {
|
||||
padding-right: 20px;
|
||||
}
|
||||
Loading…
Add table
Reference in a new issue