seo

Author: LEO0331

.github/workflows/lighthouse-ci.yml

@@ -0,0 +1,46 @@
+name: Lighthouse CI
+
+on:
+  pull_request:
+  push:
+    branches: ["main"]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+jobs:
+  lighthouse:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: "3.4"
+
+      - name: Install dependencies
+        working-directory: my-site
+        run: bundle install --jobs 4 --retry 3
+
+      - name: Build Jekyll (Lighthouse target)
+        working-directory: my-site
+        run: bundle exec jekyll build --baseurl ""
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - name: Run Lighthouse CI
+        run: npx @lhci/cli@0.13.x autorun --config=.lighthouserc.json
+
+      - name: Upload Lighthouse artifacts
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: lighthouseci-reports
+          path: .lighthouseci

.gitignore

@@ -23,3 +23,6 @@ my-site/vendor/
 # Optional local env files
 .env
 .env.*
+
+# Lighthouse local artifacts
+.lighthouseci/

.lighthouserc.json

@@ -0,0 +1,26 @@
+{
+  "ci": {
+    "collect": {
+      "numberOfRuns": 2,
+      "staticDistDir": "my-site/_site",
+      "url": [
+        "http://127.0.0.1:4173/",
+        "http://127.0.0.1:4173/about/",
+        "http://127.0.0.1:4173/archive/",
+        "http://127.0.0.1:4173/categories/"
+      ]
+    },
+    "assert": {
+      "assertions": {
+        "categories:performance": ["error", { "minScore": 0.9 }],
+        "categories:accessibility": ["error", { "minScore": 0.9 }],
+        "categories:best-practices": ["error", { "minScore": 0.9 }],
+        "categories:seo": ["error", { "minScore": 0.9 }]
+      }
+    },
+    "upload": {
+      "target": "filesystem",
+      "outputDir": ".lighthouseci"
+    }
+  }
+}

my-site/_layouts/category.html

@@ -3,14 +3,13 @@
 ---
 
 <div class="category-page">
+  {% assign cat_posts = site.posts | where_exp: "post", "post.categories contains page.category_name" %}
   <header class="category-header">
-    <p class="kicker">Category</p>
     <h1>{{ page.category_name }}</h1>
-    <p>{{ page.category_count }} posts</p>
+    <p>{{ cat_posts.size }} posts</p>
   </header>
 
   <ul class="category-posts">
-    {% assign cat_posts = site.posts | where_exp: "post", "post.categories contains page.category_name" %}
     {% for post in cat_posts %}
       <li>
         <span class="meta">{{ post.date | date: "%Y-%m-%d" }}</span>

my-site/_layouts/home.html

@@ -32,7 +32,7 @@ <h1>{{ site.title }}</h1>
           <article class="lead-story">
             {% if featured_image %}
               <a class="lead-media" href="{{ featured.url | relative_url }}" aria-label="{{ featured.title | escape }}">
-                <img src="{{ featured_image }}" alt="{{ featured.title | escape }}" loading="eager" />
+                <img src="{{ featured_image }}" alt="{{ featured.title | escape }}" loading="eager" fetchpriority="high" decoding="async" width="1200" height="700" />
               </a>
             {% endif %}
             <div class="lead-copy">
@@ -57,7 +57,7 @@ <h3>Editor Picks</h3>
               <article class="mini-story">
                 {% if side_image %}
                   <a class="mini-media" href="{{ post.url | relative_url }}" aria-label="{{ post.title | escape }}">
-                    <img src="{{ side_image }}" alt="{{ post.title | escape }}" loading="lazy" />
+                    <img src="{{ side_image }}" alt="{{ post.title | escape }}" loading="lazy" decoding="async" width="92" height="72" />
                   </a>
                 {% endif %}
                 <div>
@@ -99,7 +99,7 @@ <h3>Latest Dispatches</h3>
             <article class="post-card">
               {% if card_image %}
                 <a class="card-media" href="{{ post.url | relative_url }}" aria-label="{{ post.title | escape }}">
-                  <img src="{{ card_image }}" alt="{{ post.title | escape }}" loading="lazy" />
+                  <img src="{{ card_image }}" alt="{{ post.title | escape }}" loading="lazy" decoding="async" width="400" height="260" />
                 </a>
               {% endif %}
               <div class="card-body">

my-site/_posts/2026-04-24-welcome-to-jekyll.markdown

@@ -1,7 +1,6 @@
 ---
 ---
 
-@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Work+Sans:wght@400;500;600;700&display=swap');
 @import "minima";
 
 :root {
@@ -19,7 +18,7 @@ body {
     linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 16rem),
     radial-gradient(circle at 88% 3%, #f1e2d1 0, var(--paper) 52%);
   color: var(--ink);
-  font-family: 'Work Sans', 'Helvetica Neue', sans-serif;
+  font-family: "Avenir Next", Avenir, "Segoe UI", Roboto, sans-serif;
 }
 
 .site-header,
@@ -35,7 +34,11 @@ h3,
 h4,
 h5,
 .post-link {
-  font-family: 'DM Serif Display', Georgia, serif;
+  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
+}
+
+.wrapper {
+  max-width: 1260px;
 }
 
 .page-content {
@@ -491,6 +494,10 @@ h5,
 }
 
 @media (max-width: 640px) {
+  .wrapper {
+    max-width: 100%;
+  }
+
   .page-content {
     padding-top: 1.2rem;
   }

my-site/assets/main.scss

@@ -1,7 +1,6 @@
 ---
 layout: category
-title: "Category: English book review"
+title: "English book review"
 permalink: /category/english-book-review/
 category_name: "English book review"
-category_count: 4
 ---

my-site/category/english-book-review.markdown

@@ -1,7 +1,6 @@
 ---
 layout: category
-title: "Category: 人際"
+title: "人際"
 permalink: /category/人際/
 category_name: "人際"
-category_count: 1
 ---

my-site/category/人際.markdown

@@ -1,7 +1,6 @@
 ---
 layout: category
-title: "Category: 企業經營與管理"
+title: "企業經營與管理"
 permalink: /category/企業經營與管理/
 category_name: "企業經營與管理"
-category_count: 3
 ---