uiux upgrade

Author: LEO0331

.github/workflows/lighthouse-ci.yml

@@ -38,6 +38,22 @@ jobs:
       - name: Run Lighthouse CI
         run: npx @lhci/cli@0.13.x autorun --config=.lighthouserc.json
 
+      - name: Add Lighthouse report links to summary
+        if: always()
+        run: |
+          node <<'NODE'
+          const fs = require('fs');
+          const path = '.lighthouseci/links.json';
+          if (!fs.existsSync(path)) process.exit(0);
+
+          const links = JSON.parse(fs.readFileSync(path, 'utf8'));
+          let out = '## Lighthouse 臨時報告連結\n\n';
+          for (const [url, report] of Object.entries(links)) {
+            out += `- [${url}](${report})\n`;
+          }
+          fs.appendFileSync(process.env.GITHUB_STEP_SUMMARY, out);
+          NODE
+
       - name: Upload Lighthouse artifacts
         if: always()
         uses: actions/upload-artifact@v4

.lighthouserc.json

@@ -19,8 +19,7 @@
       }
     },
     "upload": {
-      "target": "filesystem",
-      "outputDir": ".lighthouseci"
+      "target": "temporary-public-storage"
     }
   }
 }

my-site/_layouts/home.html

@@ -4,21 +4,26 @@
 
 <div class="mag-shell">
   <header class="mag-masthead">
-    <p class="edition">Weekend Edition · {{ "now" | date: "%Y-%m-%d" }}</p>
+    <p class="edition">週末特刊 · {{ "now" | date: "%Y-%m-%d" }}</p>
     <h1>{{ site.title }}</h1>
     <p class="deck">{{ site.description }}</p>
-    <nav class="mast-nav" aria-label="Homepage sections">
-      <a href="#lead">Top Story</a>
-      <a href="#headlines">Headlines</a>
-      <a href="#latest">Latest</a>
-      <a href="{{ '/archive/' | relative_url }}">Archive</a>
-      <a href="{{ '/about/' | relative_url }}">About</a>
+    <nav class="mast-nav" aria-label="首頁區塊">
+      <a href="#lead">封面故事</a>
+      <a href="#headlines">焦點新聞</a>
+      <a href="#latest">最新文章</a>
+      <a href="{{ '/archive/' | relative_url }}">文章彙整</a>
+      <a href="{{ '/about/' | relative_url }}">關於本站</a>
     </nav>
   </header>
 
   <div class="mag-frontpage">
     <main class="mag-main">
-      {% assign featured = site.posts.first %}
+      {% assign preferred_title = "澳洲 IT 找工實錄｜一個普通人的求職歷程" %}
+      {% assign featured = site.posts | where: "title", preferred_title | first %}
+      {% unless featured %}
+        {% assign featured = site.posts.first %}
+      {% endunless %}
+      {% assign non_featured_posts = site.posts | where_exp: "post", "post.url != featured.url" %}
 
       {% if featured %}
         {% assign featured_parts = featured.content | split: 'src="' %}
@@ -36,17 +41,17 @@ <h1>{{ site.title }}</h1>
               </a>
             {% endif %}
             <div class="lead-copy">
-              <p class="kicker">Cover Story</p>
+              <p class="kicker">封面故事</p>
               <h2><a href="{{ featured.url | relative_url }}">{{ featured.title }}</a></h2>
               <p class="meta">{{ featured.date | date: "%Y-%m-%d" }}{% if featured.author %} · {{ featured.author }}{% endif %}</p>
               <p>{{ featured.excerpt | strip_html | normalize_whitespace | truncate: 220 }}</p>
-              <a class="read-more" href="{{ featured.url | relative_url }}">Read Story</a>
+              <a class="read-more" href="{{ featured.url | relative_url }}">閱讀全文</a>
             </div>
           </article>
 
           <div class="lead-side">
-            <h3>Editor Picks</h3>
-            {% for post in site.posts offset:1 limit:3 %}
+            <h3>編輯精選</h3>
+            {% for post in non_featured_posts limit:3 %}
               {% assign side_parts = post.content | split: 'src="' %}
               {% if side_parts.size > 1 %}
                 {% assign side_image = side_parts[1] | split: '"' | first %}
@@ -71,9 +76,9 @@ <h4><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h4>
       {% endif %}
 
       <section id="headlines" class="headline-ribbon">
-        <h3>Headlines</h3>
+        <h3>焦點新聞</h3>
         <ul>
-          {% for post in site.posts offset:4 limit:6 %}
+          {% for post in non_featured_posts offset:3 limit:6 %}
             <li>
               <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
               <span>{{ post.date | date: "%Y-%m-%d" }}</span>
@@ -84,11 +89,11 @@ <h3>Headlines</h3>
 
       <section id="latest" class="latest-grid">
         <div class="section-head">
-          <h3>Latest Dispatches</h3>
-          <a href="{{ '/archive/' | relative_url }}" class="section-link">View all</a>
+          <h3>最新文章</h3>
+          <a href="{{ '/archive/' | relative_url }}" class="section-link">查看全部</a>
         </div>
         <div class="post-cards">
-          {% for post in site.posts offset:10 limit:9 %}
+          {% for post in non_featured_posts offset:9 limit:9 %}
             {% assign card_parts = post.content | split: 'src="' %}
             {% if card_parts.size > 1 %}
               {% assign card_image = card_parts[1] | split: '"' | first %}
@@ -115,12 +120,12 @@ <h4><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h4>
 
     <aside class="mag-sidebar">
       <section class="sidebar-card">
-        <h3>From the Desk</h3>
-        <p>Books, films, and life notes from Leo, archived and continuously updated.</p>
+        <h3>編輯手記</h3>
+        <p>收錄書籍、電影與生活筆記，持續更新。</p>
       </section>
 
       <section class="sidebar-card">
-        <h3>Recent</h3>
+        <h3>近期文章</h3>
         <ul class="compact-list">
           {% for post in site.posts limit:7 %}
             <li>
@@ -132,7 +137,7 @@ <h3>Recent</h3>
       </section>
 
       <section class="sidebar-card">
-        <h3>Topics</h3>
+        <h3>主題分類</h3>
         <ul class="topic-cloud">
           {% for category in site.categories limit:12 %}
             {% assign category_page = site.pages | where: "category_name", category[0] | first %}
@@ -149,11 +154,11 @@ <h3>Topics</h3>
             </li>
           {% endfor %}
         </ul>
-        <p class="topic-all"><a href="{{ '/categories/' | relative_url }}">Browse all categories</a></p>
+        <p class="topic-all"><a href="{{ '/categories/' | relative_url }}">瀏覽全部分類</a></p>
       </section>
 
       <section class="sidebar-card">
-        <h3>By Year</h3>
+        <h3>年度文章</h3>
         <ul class="compact-list years">
           {% assign posts_by_year = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %}
           {% for year in posts_by_year limit:10 %}