Posts

概述 本报告中描述的过程将指导您如何在 macOS 中使用 Automator 创建一个快速操作。这个快速操作可用于将文本转换为更适合文件名的格式。转换过程中会删除特殊字符，将文本转换为小写，并将空格替换为连字符。 步骤 打开 Automator 按 Cmd + Space 打开 Spotlight，输入 “Automator”，然后按 Enter。 创建一个新的服务 在 Automator 应用程序中，选择 “Quick Action”（以前称为 “Service”），然后点击 “Choose”（选择）。 配置快速操作 在新窗口的顶部，将 “Workflow receives current” 下拉菜单更改为 “text”（文本）。 确保 “in” 下拉菜单设置为 “any application”（任何应用程序）。 添加 “Run Shell Script” 操作 在左侧的搜索栏中输入 “Run Shell Script”，并将操作拖到右侧的面板。 配置 “Run Shell Script” 操作 将 “Pass input” 更改为 “as arguments”（作为参数）。 在文本框中粘贴以下脚本： for text_input in "$@" do echo "$text_input" | sed 's/[^a-zA-Z0-9 ]//g' | tr '[:upper:]' '[:lower:]' | sed 's/ /-/g' done 添加 “Copy to Clipboard” 操作 在左侧的搜索栏中输入 “Copy to Clipboard”，并将操作拖到右侧面板的 “Run Shell Script” 操作下方。 保存快速操作 按 Cmd + S，为你的快速操作命名，例如 “将文本转换为文件名”。 现在，脚本应已准备好从 macOS 服务支持的任何文本编辑器的右键上下文菜单中使用。...

概述 rustup 是 Rust 编程语言的官方工具链安装程序和管理器。它提供了一种方便的方式来在您的系统上安装、更新和管理多个 Rust 工具链。本报告将涵盖各种平台的安装过程、rustup 的基本用法，并提供一个管理多个 Rust 环境的示例。 安装 macOS 和 Linux 要在 macOS 和 Linux 系统上安装 rustup，打开您的终端并输入以下命令： curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh 脚本将下载并安装必要的组件。安装完成后，请重新启动您的终端或运行以下命令更新您的 shell 环境变量： source $HOME/.cargo/env Windows 对于 Windows 用户，请从官方 Rust 网站下载并运行 rustup-init.exe 可执行文件。按照屏幕上的说明完成安装。安装完成后，请重新启动命令提示符或终端。 用法 安装特定版本的 Rust 要安装特定版本的 Rust，请使用以下命令： rustup install <version> 将 <version> 替换为所需的 Rust 版本，例如 1.52.0。 设置默认的 Rust 版本 要为新项目设置默认的 Rust 版本，请使用以下命令： rustup default <version> 将 <version> 替换为所需的 Rust 版本，例如 1.52.0。...

在本博客文章中，我们将讨论如何使用 GitHub Actions 将 Hugo 静态网站部署到 GitHub Pages。GitHub Actions 是 GitHub 提供的自动化功能，可以让您直接在 GitHub 存储库中创建自定义软件开发工作流程。通过使用 GitHub Actions，您可以轻松自动化构建和部署 Hugo 静态网站的过程。 配置 GitHub Pages 设置 在使用 GitHub Actions 成功部署 Hugo 静态网站到 GitHub Pages 之前，您需要为您的项目配置 GitHub Pages 设置。 转到您的 GitHub 项目页面，点击右上角的 “Settings” 选项卡。 滚动到 “Pages” 部分。 在 “Build and deployment” 设置中，找到 “Source” 下拉菜单。 从可用选项中选择 “GitHub Actions”。这告诉 GitHub Pages 使用由 GitHub Actions 生成的工件进行部署。 现在您已经配置了 GitHub Pages 设置，您的站点将使用 hugo.yaml 文件中定义的工作流进行部署。 设置 GitHub Pages 工作流程 要使用 Hugo 和 GitHub Actions 设置 GitHub Pages 工作流程，请按照以下步骤进行操作：...

在本博客文章中，我们将学习如何使用 PaperMod 主题为您的 Hugo 博客添加广告拦截检测。我们还将包括一个简单的警告消息，提示已启用广告拦截器的用户禁用它或将您的网站添加到白名单。 概述 以下是我们将采取的步骤的快速概述： 创建自定义 CSS 文件来样式化警告消息。 创建 JavaScript 文件以检测广告拦截器。 添加部分 HTML 文件以显示警告消息。 扩展 head 和 footer 部分以包含我们的新文件。 逐步指南 1. 创建自定义 CSS 文件 在 assets/css/extended/ 目录下创建一个名为 custom_css.css 的新文件，并粘贴以下 CSS 代码： #adblock-warning { background-color: #f2dede; color: #a94442; border-color: #ebccd1; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } 2. 创建 JavaScript 文件以检测广告拦截器 在 static/js/ 目录下创建一个名为 adblock-detection.js 的新文件，并粘贴以下 JavaScript 代码： function detectAdBlocker() { const adBlockTest = document.createElement('div'); adBlockTest....

在本篇博客文章中，我们将学习如何将nvm（Node版本管理器）和autoenv结合起来，以管理Node.js版本和环境变量，以适应您的开发工作流程。本指南假定您已在系统上安装了nvm和autoenv。 为什么要同时使用NVM和Autoenv？ nvm是一个非常棒的工具，可以在您的系统上管理多个Node.js版本，让您轻松地在它们之间切换。autoenv简化了管理环境变量的过程，当您进入一个目录时，它会自动从.env文件中加载它们。 通过结合使用这两个工具，您可以设置开发环境，以自动切换到适当的Node.js版本并加载相关的环境变量，简化您的工作流程。 创建.env文件 首先，在您的项目根目录中创建一个.env文件。此文件将包含项目中要使用的环境变量和Node.js版本。 以下是.env文件可能看起来像的示例： export NODE_ENV=development export API_KEY=your_api_key_here export PORT=3000 export NVM_DIR="$HOME/.nvm" nvm use 14.17.0 在这个示例中，我们设置了NODE_ENV，API_KEY和PORT环境变量。我们还指定了nvm目录的路径，并指示它在项目中使用Node.js版本14.17.0。 使用NVM和Autoenv 现在您已经设置好了.env文件，您需要配置autoenv以与nvm配合使用。为此，请根据您的shell在.autoenv.zsh或.autoenv.sh文件中添加以下行： source "$NVM_DIR/nvm.sh" 这一行确保在autoenv加载.env文件时，nvm命令是可用的。 设置您的项目 配置完成后，使用终端导航到您的项目根目录。您应该会看到来自autoenv的消息，指示它已加载.env文件： $ cd your_project_directory autoenv: autoenv: Loading .env autoenv: Switching to Node.js v14.17.0 现在，指定的Node.js版本和来自.env文件的环境变量将自动设置为您的项目。 在项目之间切换 当您在具有不同.env文件的项目之间导航时，autoenv和nvm将自动相应地调整Node.js版本和环境变量： $ cd another_project_directory autoenv: autoenv: Loading .env autoenv: Switching to Node.js v12.22.1 这使得管理不同的Node.js版本和环境变量变得轻而易举！ 结论 通过结合使用nvm和autoenv，您可以极大地简化管理项目的Node.js版本和环境变量的过程。这将使您的开发过程更加高效，并确保您始终使用每个项目的正确设置。