fix: og image previews (#34)

* fix: runner

* refactor: use config variable

.changeset/soft-swans-prove.md

@@ -0,0 +1,26 @@
+---
+"blog": patch
+---
+
+fix: og image previews
+
+## Summary by CodeRabbit
+
+- **New Features**
+
+  - Introduced a changeset-based labeling mechanism for pull requests.
+  - Enhanced pull request template for clearer issue tracking and requirements.
+  - Added a new GitHub Actions workflow to enforce a checklist process for pull requests.
+  - Implemented a new workflow for automatic labeling of pull requests.
+
+- **Improvements**
+
+  - Updated configuration for Next.js application to improve package handling.
+  - Enhanced metadata for social media sharing in post components.
+
+- **Documentation**
+
+  - Updated titles and publication dates in documentation files for clarity.
+
+- **Chores**
+  - Added a new configuration file for code formatting guidelines.

.github/workflows/checklist.yml

@@ -17,7 +17,7 @@ on:
 jobs:
   detect:
     name: Detect
-    runs-on: self-hosted
+    runs-on: ubuntu-latest
     outputs:
       checked: ${{ steps.detect.outputs.checked }}
       unchecked: ${{ steps.detect.outputs.unchecked }}
@@ -37,7 +37,7 @@ jobs:
   verify:
     name: Verify
     needs: [detect]
-    runs-on: self-hosted
+    runs-on: ubuntu-latest
     steps:
       - name: Self-review
         if: |

.github/workflows/labeler.yml

@@ -9,7 +9,7 @@ jobs:
       contents: read
       pull-requests: write
 
-    runs-on: self-hosted
+    runs-on: ubuntu-latest
 
     steps:
       - name: Add labels

src/PostContent/PostContent.tsx

@@ -12,7 +12,7 @@ export function PostContent({ frontMatter, mdxSource }: Post) {
     title: frontMatter.title,
     image: config.host + frontMatter.cover,
     imageAlt: `Cover image for ${frontMatter.title}`,
-    twitter: "@cse_as",
+    twitter: config.twitter,
   };
 
   return (
@@ -35,7 +35,7 @@ export function PostContent({ frontMatter, mdxSource }: Post) {
       </Head>
       <Layout>
         <article>
-          <Typography variant="display">{frontMatter.title}</Typography>
+          <Typography variant="display">{page.title}</Typography>
 
           {frontMatter.cover ? (
             <img src={frontMatter.cover} alt="Cover image" style={{ marginTop: "1rem" }} />