为您的 Hugo 博客使用 PaperMod 主题添加广告拦截检测

在本博客文章中,我们将学习如何使用 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....

三月 24, 2023 · 1 分钟 · Juhyun Lee

用NVM管理多个Node.js环境

I. 概述 Node版本管理器(NVM)是一个管理和切换多个Node.js版本的有用工具。在这篇博文中,我们将介绍NVM最常用的功能,不同平台的安装说明,以及为什么它是一个对开发者有价值的工具。 II. 安装 macOS 使用Homebrew: brew install nvm mkdir ~/.nvm 在你的.bash_profile, .zshrc, 或其他shell配置文件中添加以下几行: export NVM_DIR="$HOME/.nvm" [ -s "$(brew --prefix)/opt/nvm/nvm.sh" ] && . "$(brew --prefix)/opt/nvm/nvm.sh" # This loads nvm [ -s "$(brew --prefix)/opt/nvm/etc/bash_completion" ] && . "$(brew --prefix)/opt/nvm/etc/bash_completion" # This loads nvm bash_completion Linux和其他基于Unix的系统 使用curl: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 或者使用wget: wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 这个脚本将克隆NVM仓库到~/.nvm,并在你的shell配置文件(.bashrc,.zshrc,等等)中添加必要的行。 III. 使用方法 1. 列出可用的Node.js版本 要查看可用的Node.js版本列表,请运行: nvm ls-remote 2. 安装一个特定的Node.js版本 要安装一个特定的版本,请使用nvm install命令,后面加上版本号: nvm install 14....

三月 18, 2023 · 1 分钟 · Juhyun Lee