diff --git a/astro.config.ts b/astro.config.ts index 371a86ce..cdde391e 100644 --- a/astro.config.ts +++ b/astro.config.ts @@ -21,6 +21,7 @@ * SOFTWARE. */ +import githubAlerts from 'remark-github-alerts'; import { defineConfig } from 'astro/config'; import tailwind from '@astrojs/tailwind'; import sitemap from '@astrojs/sitemap'; @@ -34,7 +35,7 @@ export default defineConfig({ output: 'server', site: 'https://floofy.dev', markdown: { - remarkPlugins: [twemoji], + remarkPlugins: [twemoji, githubAlerts], syntaxHighlight: 'shiki', shikiConfig: { theme: 'poimandres', diff --git a/bun.lockb b/bun.lockb index 868a8bff..465c432e 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index 6e2a53f0..ec485b86 100644 --- a/package.json +++ b/package.json @@ -30,6 +30,7 @@ "astro-icon": "1.1.0", "autoprefixer": "10.4.20", "pino": "9.3.2", + "remark-github-alerts": "0.0.4", "remark-twemoji": "0.1.1", "tailwindcss": "3.4.9", "twemoji": "14.0.2" diff --git a/src/content/blog/bun.md b/src/content/blog/bun.md deleted file mode 100644 index a06c04c5..00000000 --- a/src/content/blog/bun.md +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Using Bun for building custom GitHub Actions -description: Blog post on how to use Bun's bundler to create a flat file for GitHub Actions and why you should use it. -createdAt: 2024-02-24T01:41:53.927Z -tags: [bun, github, actions] -draft: true ---- - -When I first started to build out my GitHub Actions that I use and seen other people use, I was using Node.js and [`@vercel/ncc`] for building them and it was fine... for now! - -> [!NOTE] -> This site uses [Bun](https://bun.sh) + [Astro](https://astro.build), deployed on a Kubernetes cluster. - -In 2024, I been migrating all of my actions to use Bun to _write_ them, but I haven't switched from [`@vercel/ncc`] to Bun for building it and I am making this blog post on how you can do it too. - -## First, a tale on why I and other people are using [`@vercel/ncc`]... - -In the official documentation for building your custom GitHub Actions, GitHub actually recommends using `@vercel/ncc` for creating a flat JavaScript file where the Actions runner will execute it. - -> _Checking in your node_modules directory can cause problems. As an alternative, you can use a tool called [`@vercel/ncc`] to compile your code and modules into one file used for distribution._ -> -> ~ GitHub Documentation - [Creating a JavaScript action] - -Like everyone else, I thought it would be better to use it instead of doing it myself, and so I stuck with it for 2 years when I first created my actions. - -## Now, why am I switching to Bun? - -Bun has been a dilemma for me, it was _there_ and still is there but I don't use it as much as I'd wanted to. While I do like the package manager, I never really committed to Bun yet. - -Now that Bun is being used more, I wanted to try it out! So, I migrated most actions that I created to Bun: - -- [`auguwu/git-tag-action`], [`auguwu/node-pm-action`], [`Noelware/docker-manifest-action`], [`Noelware/setup-protoc`]: Still uses Node for writing, testing, and bundling -- [`auguwu/clippy-action`], [`Noelware/s3-action`]: Uses Bun for writing and testing, still uses [`@vercel/ncc`] - -## Migrating to `bun build` instead of [`@vercel/ncc`] - - - -## FIN - -Thanks for listening to what I have to talk about and I hope you might migrate to Bun for building robust actions that people will use. - -~ **Noel Towa** - -[Creating a JavaScript action]: https://docs.github.com/en/actions/creating-actions/creating-a-javascript-action#commit-tag-and-push-your-action-to-github -[`Noelware/docker-manifest-action`]: https://github.com/Noelware/docker-manifest-action -[`Noelware/setup-protoc`]: https://github.com/Noelware/setup-protoc -[`auguwu/node-pm-action`]: https://github.com/auguwu/node-pm-action -[`auguwu/git-tag-action`]: https://github.com/auguwu/git-tag-action -[`auguwu/clippy-action`]: https://github.com/auguwu/clippy-action -[`Noelware/s3-action`]: https://github.com/Noelware/s3-action -[`@vercel/ncc`]: https://npm.im/@vercel/ncc diff --git a/src/pages/index.astro b/src/pages/index.astro index 3fefdc13..87048145 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -22,6 +22,8 @@ const projects: Props['data'][] = [ } ]; +// if any mutuals I know want to be added, you can DM me on Discord (@auguwu) +// or submit a PR if you wish :3 const friends = [ { friend: 'Spotlight', @@ -32,8 +34,13 @@ const friends = [ friend: 'Alula', img: 'https://alula.me/webring/alula.png', url: 'https://alula.me' + }, + { + friend: 'Ovyerus', + img: 'https://ovyerus.com/webring/ovyerus.png', + url: 'https://ovyerus.com' } -]; +] as const; --- @@ -70,7 +77,7 @@ const friends = [ { friends.map(({ friend, img, url }) => ( - {`${friend}'s + {`${friend}'s )) } diff --git a/src/styles/global.css b/src/styles/global.css index f6d0cea2..43c0af10 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -89,7 +89,7 @@ article.markdown { @apply prose-a:text-rose-200 prose-a:underline hover:prose-a:text-fuchsia-400; /*
elements */ - @apply prose-blockquote:border-l-4 prose-blockquote:border-gray-600; + @apply prose-blockquote:border-l-4 prose-blockquote:border-gray-600 prose-blockquote:not-italic; /*
  • elements */ @apply prose-li:leading-7 prose-li:text-zinc-200;