Add gh action

khopsickle · khopsickle · commit b01ead714db2 · 2026-03-16T17:30:32.000-07:00
diff --git a/.github/workflows/fetch-medium.yml b/.github/workflows/fetch-medium.yml
@@ -0,0 +1,40 @@
+name: Build & Deploy GH Page
+
+on:
+  push:
+    branches:
+      - main
+  schedule:
+    - cron: "0 3 * * 0" # every Sunday at 03:00 UTC
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 22
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Fetch Medium posts
+        env:
+          GH_USERNAME: ${{ github.repository_owner }}
+        run: node scripts/fetch-medium.js
+
+      - name: Build Astro site
+        run: npm run build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v6
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+          commit_message: "Deploy Astro portfolio"
diff --git a/.gitignore b/.gitignore
@@ -23,4 +23,5 @@ pnpm-debug.log*
 # jetbrains setting folder
 .idea/
 
-.vscode
+.vscode
+src/data/
diff --git a/scripts/fetch-medium.js b/scripts/fetch-medium.js
@@ -0,0 +1,34 @@
+import fs from "fs";
+import path from "path";
+import Parser from "rss-parser";
+import "dotenv/config";
+
+const username = process.env.GH_USERNAME;
+if (!username) throw new Error("GH_USERNAME environment variable is required");
+
+const feedUrl = `https://medium.com/feed/@${username}`;
+const parser = new Parser();
+const outputDir = "src/data";
+const outputFile = path.join(outputDir, "posts.json");
+
+async function fetchPosts() {
+  const feed = await parser.parseURL(feedUrl);
+
+  const posts = feed.items.map((item) => ({
+    title: item.title || "Untitled",
+    link: item.link || "#",
+    pubDate: item.pubDate || new Date().toISOString(),
+  }));
+
+  if (!fs.existsSync(outputDir)) {
+    fs.mkdirSync(outputDir, { recursive: true });
+  }
+
+  fs.writeFileSync(outputFile, JSON.stringify(posts, null, 2));
+  console.log(`Fetched ${posts.length} posts to ${outputFile}`);
+}
+
+fetchPosts().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/src/data/posts.json b/src/data/posts.json
@@ -0,0 +1,32 @@
+[
+  {
+    "title": "Danebook Debrief, What I Learned Building a Bigger Rails App",
+    "link": "https://medium.com/@khopsickle/danebook-debrief-what-i-learned-building-a-bigger-rails-app-c5ec502a48cd?source=rss-cc63be7ad3af------2",
+    "pubDate": "Sun, 22 Jan 2017 21:02:19 GMT"
+  },
+  {
+    "title": "Palindrome Permutations",
+    "link": "https://medium.com/@khopsickle/palindrome-permutations-ac2618b1d8c5?source=rss-cc63be7ad3af------2",
+    "pubDate": "Thu, 05 Jan 2017 21:01:49 GMT"
+  },
+  {
+    "title": "Products of an Array",
+    "link": "https://medium.com/@khopsickle/products-of-an-array-a42925038c01?source=rss-cc63be7ad3af------2",
+    "pubDate": "Sun, 27 Nov 2016 19:58:39 GMT"
+  },
+  {
+    "title": "3 weeks of Viking, a post-mortem",
+    "link": "https://medium.com/@khopsickle/3-weeks-of-viking-a-post-mortem-bdbc27e71e44?source=rss-cc63be7ad3af------2",
+    "pubDate": "Mon, 21 Nov 2016 15:23:50 GMT"
+  },
+  {
+    "title": "2 Eggs and 100 Floors",
+    "link": "https://medium.com/@khopsickle/2-eggs-and-100-floors-a032beb77aaa?source=rss-cc63be7ad3af------2",
+    "pubDate": "Mon, 14 Nov 2016 02:07:08 GMT"
+  },
+  {
+    "title": "WTM Tucson Hackathon 2016",
+    "link": "https://medium.com/@khopsickle/wtm-tucson-hackathon-2016-ef1727f128d7?source=rss-cc63be7ad3af------2",
+    "pubDate": "Sat, 05 Nov 2016 19:13:01 GMT"
+  }
+]
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,5 +1,8 @@
 ---
 import "./styles/global.css";
+import posts from '../data/posts.json';
+
+const firstPost = posts.length > 0 ? posts[0] : null;
 ---
 
 <html lang="en">
@@ -13,5 +16,6 @@ import "./styles/global.css";
 	</head>
 	<body>
 		<h1>Astro</h1>
+        <p>Under construction! {firstPost.title}</p>
 	</body>
 </html>
