小編精選 - 技術文章翻譯 · 08月30日

Portfolio Update，我猜吧

這週這篇不是我的主文，比較像是一篇「對知識毫無貢獻」的貼文。

上週我又看了一次我的作品集，心想：「欸，為什麼不把它弄得更像我一點？」所以我就開始幫它大改造，盡可能把我的個性全塞進去，然後，et voilà，完成了。

舊版真的有點太正式了。

TL;DR： 我把我的作品集做了人格移植。
如果你不想看文字，只想直接看： a-thedeveloper.vercel.app

Updated portfolio

氛圍 / 語氣選項

預設會啟用專業模式。但如果你沒那麼敏感、又想玩得開心一點，可以切到不加修飾的我，哈哈。

我現在現實生活中其實不會再那樣說話了，但因為我是聽英文長大的，青少年時期的我基本上就是那種語氣。跟大家一樣，我也是個脾氣很差的青少年，不同的是，我比大多數人還要更暴躁。😭 而且我還失去了 Instagram 帳號的存取權，所以那些內容現在還全都公開地放在那裡，任何人都看得到。我每天都希望那個帳號哪天能默默地被刪掉。

如果你想知道那種氣場有沒有被消除，答案是：沒有，它其實還在。我只是現在把它限制在適當的情境裡而已，哈哈。

Tone

我在翻以前的 Microsoft 雲端硬碟時也找到了這些，超怪的 16 歲的我留下的東西。順帶一提，我真的有在辯論比賽裡講過這些話。只是我記不得那場我們隊是贏還是輸。

Debate opening

absolutely unhinged

天氣選項

這其實跟作品集內容怎麼描述自己沒什麼直接關係，但我一開始本來只想做成只有 rainy 這個選項，因為我超愛陰暗、陰鬱、多雲的天氣——那種會讓我覺得英國像天堂一樣的天氣。😭

後來我想，為什麼不乾脆全部都做出來？ 所以現在每個天氣選項都會根據選擇出現不同的飄落元素，另外還搭配我覺得符合氛圍的音樂。

老實說，這也沒什麼實際用途，但我覺得有這種小巧思還是很不錯，哈哈。

Weather options
Music Bar

使用 API 金鑰顯示 DEV 文章瀏覽數

我 2023 年加入 DEV 的時候，看到有一個可以產生 API 金鑰的選項。我當時完全不知道那是做什麼的，也懶得去看文件，就直接以為如果要在自己的網站上顯示文章，就一定需要它。結果其實：是，也不是。DEV 其實已經提供了一個公開 URL，讓你可以不用任何 API 金鑰就把文章展示在自己網站上，但它不會提供瀏覽數。

我四處逛的時候，剛好看到 @ketanchavan 的這篇文章

然後我就想，哦～～如果也能在作品集中顯示文章的瀏覽數應該不錯。所以我就做了。

用這段程式碼：

async function fetchFromUpstream(): Promise<DevToArticle[]> {
  const apiKey = process.env.DEVTO_API_KEY;
  if (!apiKey) {
    throw new Error("DEVTO_API_KEY is not configured");
  }

  const upstreamResponse = await fetch(DEVTO_PUBLISHED_URL, {
    headers: {
      "api-key": apiKey,
      Accept: "application/json",
    },
  });

  if (!upstreamResponse.ok) {
    throw new Error(`Failed to fetch dev articles (${upstreamResponse.status})`);
  }

  const payload = (await upstreamResponse.json()) as DevToArticlePayload[];
  return mapArticles(payload);
}

我就得到了這個！！

DEV articles