VSCode脚本创建Hugo帖子：ChatGPT初体验

闲谈

2023-04-25 21:02:11

利用 VSCode 脚本和 ChatGPT 的强强联合，简化你的 Hugo 发帖流程

身兼作家和技术探索者的我，迫不及待地想与你分享我利用 VSCode 脚本和 ChatGPT 辅助编码，轻松创建 Hugo 帖子的心得。让我们深入了解一下这套高效的组合如何赋能你的写作之旅。

一、搭建 Hugo 环境

首先，确保你的计算机已安装 Hugo，下载地址请见：官方下载页面。完成后，创建一个新的 Hugo 网站，或打开现有的网站。

二、创建 VSCode 脚本

接下来，我们创建 VSCode 脚本，以便简化 Hugo 帖子的创建流程。打开 VSCode，在“扩展”选项卡中搜索并安装“Hugo”扩展。

三、配置 VSCode Hugo 扩展

扩展安装完成后，我们需要进行配置。转到 VSCode 设置，搜索“Hugo”，选中“启用 Hugo 命令”和“启用 Hugo 服务器”选项。

四、编写 VSCode 脚本

让我们编写一个 VSCode 脚本，用于创建 Hugo 帖子。在 VSCode 中新建一个脚本文件（.js），并复制粘贴以下代码：

// 创建新帖子
const createPost = () => {
  // 获取当前日期和时间
  const date = new Date();
  const formattedDate = date.toLocaleDateString("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
  });

  // 使用当前日期和时间创建新的 Hugo 帖子文件
  const fileName = `content/post/${formattedDate}-${title}.md`;
  const content = `---
title: ${title}
date: ${formattedDate}
---

${body}`;

  // 将帖子内容写入文件
  fs.writeFileSync(fileName, content);
};

// 创建新草稿
const createDraft = () => {
  // 获取当前日期和时间
  const date = new Date();
  const formattedDate = date.toLocaleDateString("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
  });

  // 使用当前日期和时间创建新的 Hugo 草稿文件
  const fileName = `content/drafts/${formattedDate}-${title}.md`;
  const content = `---
title: ${title}
date: ${formattedDate}
draft: true
---

${body}`;

  // 将草稿内容写入文件
  fs.writeFileSync(fileName, content);
};

五、使用 VSCode 脚本创建帖子

一切准备就绪后，你可以使用 VSCode 脚本创建 Hugo 帖子了。打开脚本文件，按 F5 键运行。脚本会自动创建或更新一个 Hugo 帖子。

六、ChatGPT 辅助编码：我的首次体验

接下来，让我们探索 ChatGPT 在辅助编码方面的表现。打开一个新的 ChatGPT 对话，向它提出有关编码的任何问题。例如，你可以询问如何使用 VSCode 扩展，或如何编写特定的脚本。

以下是我使用 ChatGPT 辅助编码的一些经验：

提供有用的编码建议： ChatGPT 能够提供有用的编码建议。我询问了如何使用 VSCode 扩展创建 Hugo 帖子，它给出了详细的解释，包括如何安装、配置扩展以及如何使用它创建帖子。
帮助解决编码问题： ChatGPT 能够帮助我解决编码问题。我在尝试将数组转换为字符串时遇到了问题，我向 ChatGPT 询问了这个问题，它给出了一个解决方案，解决了我的问题。
协助学习新编码语言： ChatGPT 能够协助我学习新的编码语言。我在学习 Python，我向 ChatGPT 询问了如何使用 Python 中的列表，它给出了详细的解释，包括如何创建、访问和修改列表。

需要注意的是，ChatGPT 也有其局限性：