跟大家分享一下我的手寫字

不經意寫出來的

覺得它超好看😆

我發現我完全沒有發任何跟軟體開發相關的部落格，

超級對不起當初辛苦建的highlight.js。

這應該是第一篇，

講一下關於這個部落格的優化。

優化內容

這次優化的是/blog對於每篇文章的預覽，

原本的實現方法非常粗糙，

可以說是其爛無比——把<Post />直接貼上來。

這樣做只有一個好處，

就是我可以少寫幾行程式碼💩。

壞處有很多，

但主要是使用者載入頁面的時候要花很多時間和網路流量，

相對的我伺服器的壓力也會很大，

而造成這個現象的主要原因就是圖片，

於是我在預覽頁面的地方增加一個檢查，

只要在前25行有找到圖片，

就只載入到那張圖片為止，

然後最多只載入25行。

程式碼實作

原本的程式碼長這樣

// @/blog/page.tsx
export default async function Page() {
  const posts = await getPosts();

  return (
    <div className="all-posts">
      {posts.map((post, id) => (
        <Post key={id} post={post} />
      ))}
    </div>
  )
}

// @/components/post.tsx
export default function Post({ post }) {
  return (
    <PurePost post={post} ... />
  )
}

// @/components/pure-post.tsx
export default function PurePost({ post, ...}) {
  const html = parse(post);

  return (
    <article>
      {html.join("")}
    </article>
  )
}

我把<PurePost />增加一個布林參數preview，

判斷這次的渲染是不是首頁的文章預覽，

如果是就把<PurePost />裡面的html先放到genPreviewPost()做處理，

今天團契聚會的內容是看山，

由團契的輔導帶我們上山（他真的好棒）😍

Day 1

我覺得我一直都沒變，

還是那麼執著、固執，

很少嘗試新東西，

希望2024我能勇敢地改變一些事。

我們得救是在乎盼望；只是所見的盼望不是盼望，誰還盼望他所見的呢？但我們若盼望那所不見的，就必忍耐等候。羅馬書8:24-25 

又來到一年一度的聖誕節🎄！

今年報佳音我擔任攝影的角色，

雖然練習大半年，

依然覺得這種活動照好難。

要拍出有故事、人物形象佳、構圖良好的照片對平時的我來說或許不是太難，

活動照的難點在於鏡頭內的每一個人、事、物都不會配合。

這次令我滿意的照片只有一張，

看起來很溫馨、充滿聖誕節愛的氣氛，

跟報佳音沒什麼太大的關連，

不過裡面人物的動作跟笑容讓我感受到一股溫暖。

這是我第一次參加這麼酷的頒獎典禮。

有拍貼機、用弦樂演奏動漫金曲，重點是！還有滿桌的點心😍

雖然最後因為點心剩太多還被強制留下來吃，但可以感受到主辦方的用心。

教會漂漂的聖誕布置🥰

大學第一年就有NCPC可以打，

其實超出我的預期（高中NPSC沒比過決賽🥲），

雖然重要的比賽好像是ICPC，

不過我還有三年可以繼續我的競程之旅。

今年我的隊伍講求一個分工明確：隊友讀題，我解題。最後解出兩題（A、D），我其實還算滿意。

pA是實作水題，模擬有點變化的大富翁，隊友顯然輕敵了，把他理解為相較普通的大富翁，就多吃了幾次Wrong Answer。

pB是稍微難一點的實作題，手法就是基本的遞迴，只是題目有點難懂，我自己讀了15-20分鐘才理解，最後因為我耍笨開int 讀2^62，吃了幾次Wrong Answer，這鍋算我的。

賽後去吃湯咖哩，（學姊好忙🫠）我好奇的是那家有很有名嗎，怎麼好多人按讚？

晚飯中有跟一個學長聊天，他是特選進來的，而且真的很強，隨便聊聊後感覺以後的隊友蠻好相處的。

最後是我最期待的酒吧環節，聽到一個學長的八卦，果然一天一包菸是有料的，聽個皮毛就感覺很精彩。

最後曬幾張我拍的照片。