Astro - Alexander Lee

指令改造#

做一个全局命令，比如叫 np，让它支持：

1
np "Double&Triple Pointers"

① 创建脚本

新建文件：

1
mkdir -p ~/.local/bin
2
~/.local/bin/np

内容：

1
#!/usr/bin/env bash
2
npm run -- new "$@"

② 加执行权限

1
chmod +x ~/.local/bin/np

③ 确保 PATH 包含它

把下面加入 ~/.bashrc 或 ~/.zshrc：

1
export PATH="$HOME/.local/bin:$PATH"
2
source ~/.zshrc

✅ 以后就能用：

1
np "Double&Triple Pointers"

mark/highlight#

1）安装我们自己插件需要的依赖

1
npm i unist-util-visit

2）在你的项目里创建一个文件（路径一定要对） src/plugins/remark-mark.mjs

文件内容完整复制进去：

1
import { visit } from "unist-util-visit";
2

3
export default function remarkMark() {
4
  return (tree, file) => {
5
    visit(tree, "text", (node, index, parent) => {
6
      if (!node.value.includes("==")) return;
7

8
      const parts = node.value.split(/(==)/g);
9
      const newNodes = [];
10
      let inMark = false;
11

12
      for (const part of parts) {
13
        if (part === "==") {
14
          if (inMark) {
15
            newNodes.push({ type: "html", value: "</mark>" });
16
          } else {
17
            newNodes.push({ type: "html", value: "<mark>" });
18
          }
19
          inMark = !inMark;
20
        } else if (part.length > 0) {
21
          newNodes.push({ type: "text", value: part });
22
        }
23
      }
24

25
      // 替换当前节点
26
      parent.children.splice(index, 1, ...newNodes);
27

28
      // 返回索引，让 visit 继续处理新插入的节点
29
      return index + newNodes.length;
30
    });
31
  };
32
}

3）打开项目根目录的 astro.config.mjs，在 import 区域加上这一行（一定要放在 export default defineConfig(...) 之前）

1
import remarkMark from "./src/plugins/remark-mark.mjs";

4）把 remarkMark 加进 remarkPlugins（建议放第一个）

1
markdown: {
2
  remarkPlugins: [
3
    remarkMark,
4
    remarkMath,
5
    remarkReadingTime,
6
    remarkExcerpt,
7
    remarkGithubAdmonitionsToDirectives,
8
    remarkDirective,
9
    remarkSectionize,
10
    parseDirectiveNode,
11
  ],
12
  rehypePlugins: [
13
    // ...
14
  ],
15
},