1. 超連結用 rehype-external-links#

• 檢視 Blog 發現外部連結都是直接開啟，不是新開視窗，google 查詢後發現有解。
• 依 Camel’s blog教學²方法 1 所示，可以藉由開源寫好的直接引用，小修改一下即可😀

pnpm install rehype-external-links

// import externalLink plugin
import rehypeExternalLinks from 'rehype-external-links';
// astro.config.ts
markdown: {
  // 加上你自己寫的 plugin 設定
  rehypePlugins: [
    [
      rehypeExternalLinks,
      {
        target: "_blank",
      },
    ],
  ],
}

astro.config.ts(在astro blog根目錄下)，加入import externalLink from "./src/externalLink";，並在rehypePlugins:內容中加入 markdown 樣式，這裡要小心操作😂

2. Footnotes 顯示為中文：註腳#

在寫文章的內容引用到footnote功能，會呈現在文章最底下，astro預設顯示為英文footnote，我想將改為顯示中文註腳

• 安裝必要的 Remark 套件（如果尚未安裝）：

pnpm install remark-rehype rehype-stringify

• 修改 Astro 設定 astro.config.mjs：

import { defineConfig } from 'astro/config';
import remarkRehype from 'remark-rehype';

export default defineConfig({
  markdown: {
  // 設定 footnoteLabel 為中文
    remarkPlugins: [
      [remarkRehype, { footnoteLabel: '註腳' }] 
    ],
  },
});

這樣 footnoteLabel 應該就會變成 "註腳"

TIP

增加套件注意事項： 每個套件增加在 astro.config.mjs 中，markdown: {}裡的內容，注意應對

常用的功能指令：