冰云文档

使用冰云 API 生图

Sun, 05 Oct 2025 00:00:00 GMT

❄️ 第一步：下载 Cherry Studio#

打开 Cherry Studio 下载页面：Cherry Studio

下载

⚙️ 第二步：配置和使用#

打开 Cherry Studio 后，按照下面的流程配置冰云 API。

配置

必须

使用

📌 常见注意事项#

Warning

请不要把 API Key 发给他人，也不要上传到 GitHub、论坛、群聊或公开文档中。

Tip

如果某个客户端无法使用，可以优先检查以下几项：

API 地址是否填写完整
API Key 是否复制正确
当前工具是否支持自定义 API 地址
本地网络是否可以正常连接接口

Note

Codex、Claude、OpenAI、Anthropic、VSCode 等名称归其权利方所有。本页面仅用于说明冰云 API 的配置与使用方式，不代表与上述品牌或服务存在官方合作、授权或代理关系。实际功能、模型、额度、价格与规则请以对应官方页面及冰云 API 后台显示为准。

使用冰云 API 中转站

Sat, 04 Oct 2025 00:00:00 GMT

检测平台检测结果，欢迎老板们自行检测#

cctest.ai，此网站只支持检测Claude#

Opus4.8

Opus4.8

❄️ 第一步：下载 CC-Switch，方便修改 `Codex` 和 `Claude Code` 等配置文件#

打开 CC-Switch 下载页面：CC-Switch
进入页面后往下滑，找到 Assets 下载区域。

windows版本和mac版本

⚙️ 第二步：配置 Codex，`Claude 同理`#

打开 CC-Switch 后，按照下面的流程配置冰云 API。

打开CC-Switch

记得创建密钥，获取地址+密钥

填写地址+密钥

点击启用

🧪 第三步：打开 Codex 客户端测试#

可以使用Codex

⚙️ 第四步：推荐下载和配置 Codex++，可以解锁官方插件，管理会话#

打开 Codex++ 下载页面：Codex++
进入页面后往下滑，找到 Assets 下载区域。

下载 Codex++

配置 Codex++

🧪 第五步：打开 Codex++ 测试#

没有Plus账号，无法解锁更多官方插件

无法解锁更多官方插件

使用了Codex++，解锁更多官方插件

解锁更多官方插件

🧩 第六步：更多使用方式#

除了 Codex 客户端，你还可以把冰云 API 用在更多开发工具里，例如：

VSCode Codex 插件
VSCode Claude 插件
Codex 命令行
Claude Code 命令行

💻 安装 Codex CLI#

Terminal window

1
npm i -g @openai/codex@latest

🤖 安装 Claude Code#

Terminal window

1
npm i -g @anthropic-ai/claude-code@latest

📌 常见注意事项#

Warning

请不要把 API Key 发给他人，也不要上传到 GitHub、论坛、群聊或公开文档中。

Tip

如果某个客户端无法使用，可以优先检查以下几项：

API 地址是否填写完整
API Key 是否复制正确
CC-Switch 是否已经启用
当前工具是否支持自定义 API 地址
本地网络是否可以正常连接接口

Note

住宅IP使用教程和说明

Thu, 02 Oct 2025 00:00:00 GMT

住宅IP使用教程和说明#

下单前必看

本商品是 住宅IP代理服务，不是机场节点，也不售卖机场节点

使用住宅IP前，您需要自行准备可用的 境外网络环境，再通过 链式代理 方式使用住宅IP

为了防止IP滥用，目前不提供任何免费测试服务

IP过期后会自动回收，无法找回；如需长期使用，请您提醒群主续费和重新下单

使用效果会受到网络环境、代理软件、网关节点、运营商、目标网站风控等因素影响

请勿用于违法违规用途

📥 第一步：下载 v2rayN#

下载地址：2dust.link
请注意不要下载错误软件，参考下图。

v2rayN

🔧 第二步：打开 v2rayN 并按图配置#

提示

本教程仅演示住宅IP在电脑端的v2rayN代理软件中的配置方式

成功搭建住宅IP后，请你使用 IP检测进行验证测得IP是否一致

教程1

教程2

教程3

教程4

教程5

💼 支持哪些业务场景？#

住宅IP可用于多种合规业务场景，例如：

网页数据抓取代理；
市场研究；
SEO 监控；
价格对比；
社交媒体营销；
广告验证；
品牌保护；
其他合规的海外业务访问场景。

禁止违规用途

请勿将住宅IP用于违法、违规、攻击、滥用、欺诈或破坏平台规则的行为

🧩 常见概念说明#

代理地址和出口IP有什么差别？#

代理地址：
代理地址是骨干网络的连接IP，用于在代理软件中填写连接信息，是您使用线路时的接入点。

出口IP：
出口IP是您实际获得的业务IP，也是目标网站识别到的访问IP。

简单理解：

代理地址：用于连接代理；
出口IP：用于实际业务访问。

网关节点怎么选？#

如果您的网络环境比较固定，建议选择距离自身网络较近的网关节点。

默认网关为全球加速节点，系统会根据您的实时网络环境自动分配接入骨干网络。

IP白名单是什么？#

IP白名单是针对使用者IP的验证机制。

添加白名单后，符合白名单条件的设备可以不使用账号密码直接连接代理。

需要注意：

大陆IP无法添加为白名单；
如果同时启用了白名单和账密验证，则要求使用代理的设备IP在白名单内，并且账号密码也必须正确。

🏠 静态数据中心和静态住宅ISP有什么差别？#

静态数据中心#

静态数据中心是通过机房网络配置的代理线路，IP信息通常会被标记为机房IP。

静态住宅ISP#

静态住宅ISP是与本地运营商直连的网络，IP信息更接近机构或家庭宽带IP，具有更完善的真人属性。

简单理解

静态住宅ISP通常比普通机房IP更接近真实用户网络环境，适合对IP属性、稳定性和净度要求更高的业务场景

📱 手机可以使用代理吗？#

可以。

手机端同样需要在已具备境外网络环境的情况下使用。
可通过 V2rayNG、小火箭或其他支持代理配置的软件进行设置。

说明

当前暂不提供手机端详细教程，请自行搜索对应代理软件的配置方式

🧪 支持免费测试吗？#

不支持。

为了防止IP滥用，目前不提供任何免费测试服务。

⏰ 线路或端口过期后还能找回吗？#

不可以。

IP过期后会自动回收，无法找回，请注意续费时间，提醒群主续费即可

🚫 可以用线路翻墙吗？#

不可以

本服务不是机场节点，不提供翻墙服务

线路已经屏蔽所有境内IP访问，使用线路前，您需要自备合规的境外网络环境

🛠️ 速度慢怎么办？#

如果使用过程中感觉网速较慢，请按以下顺序排查。

1. 代理位置距离太远#

如果您选择的是美国、欧洲等地区代理，而您的实际网络环境在亚洲，可能会因为距离较远导致延迟高、速度慢。

解决方法：

优先选择距离更近的地区；
亚洲网络环境可优先考虑香港、新加坡、日本等地区。

2. 本地网络存在问题#

有时候并不是代理慢，而是本地网络存在问题，例如：

路由器负载过高；
Wi-Fi 信号差；
本地宽带不稳定；
DNS 解析慢；
当前网络环境干扰较多。

解决方法：

重启路由器；
更换网络测试；
尽量使用有线连接或 5G 网络；
可尝试使用公共 DNS，例如 8.8.8.8 或 1.1.1.1。

🔌 连接不上代理怎么办？#

如果无法连接代理，请优先检查以下内容：

IP、端口、账号、密码是否输入正确；
代理协议是否选择正确；
代理是否已经过期；
是否有防火墙或杀毒软件阻止连接；
当前网络环境是否支持连接；
是否已经处于可用的境外网络环境下；
如果启用了白名单，当前设备IP是否已经加入白名单。

售后建议

如果以上内容均确认无误，仍然无法使用，请联系群主并提供具体报错截图。

最终说明

住宅IP的实际使用效果会受到网络环境、代理软件、网关节点、运营商、目标网站风控规则等因素影响。请在确认自身业务需求和使用环境后再下单。

ChatGPT Plus 说明文档

Wed, 01 Oct 2025 00:00:00 GMT

🌐 第一步：先检测 IP 环境，`IP评分为绿色就行`#

打开 IP 检测网站：ip.net.coffee/ip/
只要不是 万人骑、纯垃圾代理、异常共享 IP，一般都可以正常使用 GPT。
推荐保持 稳定地区 + 稳定 IP 使用，避免频繁切换节点。

我的IP

📦 第二步：发货格式，`文档更新不及时，所以以卡密信息为主`#

发货格式：GPT邮箱 GPT密码获取验证码链接
获取验证码链接：plus.bingyun.vip
禁止关闭MFA

输入GPT邮箱

输入GPT密码

验证码

禁止关闭MFA

📊 第三步：查看 Codex 额度#

打开官方额度页面：chatgpt.com/codex/cloud/settings/analytics
可查看 Codex 使用量、额度消耗与剩余额度。

查看 Codex 额度

📜 第四步：参考 GPT5.5 规则#

Caution

禁止多人共用、共享站、转租、接口转发等行为。

不建议频繁切换地区、设备、IP 或短时间大量异常操作。

正常学习、办公、写作、编程、资料处理均可正常使用。

参考 GPT5.5 的规则

💎 第五步：续费与低价教程#

本商品为 独享成品号，由我提供账号。
如果后续想自行续费，可参考土区低价教程。
土区价格查询网站：appstoreprice.org/en/apps/6448311069

说明

ChatGPT、OpenAI、Codex 等名称归其权利方所有。本页面仅用于说明账号使用方式与注意事项，不代表与 OpenAI 存在官方合作、授权或代理关系。实际功能、额度、风控与规则请以官方页面为准。

Windows 平台安装 Node.js

Fri, 03 Oct 2025 00:00:00 GMT

Windows 平台安装 Node.js#

Claude Code、Codex、Gemini CLI 的必备运行环境

Node.js 是许多 AI 编程工具的基础运行环境。
在 Windows 上使用 Claude Code、Codex 或 Gemini CLI 前，建议先安装 Node.js 18 或更高版本。

安装前必看

Claude Code、Codex 和 Gemini CLI 都需要 Node.js 18+ 运行环境。

如果您已经安装 Node.js 18 或更高版本，可以直接跳过安装步骤。

验证命令：node -v

一、检查是否已安装 Node.js#

打开 命令提示符 或 PowerShell，输入以下命令：

Terminal window

1
node -v

如果显示类似下面的版本号，说明已经安装：

Terminal window

1
v18.x.x

版本要求

只要版本号是 v18.x.x 或更高，一般就可以满足 Claude Code、Codex、Gemini CLI 的运行要求。

二、方法一：官方安装包安装（推荐）#

这是最适合新手用户的安装方式。

1. 访问 Node.js 官网#

打开 Node.js 官方下载页面：

https://nodejs.org/zh-cn/download

2. 下载 Windows 安装包#

选择 LTS（长期支持）版本，下载：

1
点击 复制到剪贴板；将内容粘贴到 powershell

NodeJS 下载页面

3. 运行安装程序#

双击下载好的 .msi 安装包。

安装过程中保持默认选项即可，一路点击：

1
Next → Next → Install → Finish

4. 自动配置环境变量#

官方安装包通常会自动配置系统 PATH 环境变量。
安装完成后，重新打开 PowerShell 或命令提示符即可使用。

推荐原因

官方安装包稳定、简单，适合大多数 Windows 用户。

如果您不熟悉命令行工具，建议优先使用这种方式。

三、方法二：包管理器安装#

如果您习惯使用命令行，也可以通过包管理器安装 Node.js。

使用 Winget 安装#

适用于 Windows 11 或较新的 Windows 10 系统。

Terminal window

1
winget install OpenJS.NodeJS.LTS

安装完成后，重新打开终端窗口。

推荐给进阶用户

Winget 是 Windows 自带的包管理器，适合经常使用命令行安装软件的用户。

使用 Chocolatey 安装#

如果您已经安装 Chocolatey，可以执行：

Terminal window

1
choco install nodejs-lts

注意

使用 Chocolatey 前，需要先确保您的电脑已经正确安装 Chocolatey。

如果您没有安装过 Chocolatey，建议直接使用官方安装包方式。

使用 Scoop 安装#

如果您已经安装 Scoop，可以执行：

Terminal window

1
scoop install nodejs-lts

注意

Scoop 更适合有一定命令行基础的用户。

普通用户不建议为了安装 Node.js 单独折腾 Scoop。

四、验证安装是否成功#

安装完成后，重新打开 PowerShell 或 命令提示符，依次执行：

Terminal window

1
node --version
2
npm --version

如果都能显示版本号，例如：

Terminal window

1
v20.x.x
2
10.x.x

说明 Node.js 和 npm 已安装成功。

安装成功

当 node --version 和 npm --version 都能正常显示版本号时，说明环境已经准备完成。

五、常见问题#

提示“不是内部或外部命令”#

如果输入 node -v 后提示：

1
node 不是内部或外部命令，也不是可运行的程序

可以尝试以下方法：

关闭当前终端窗口，重新打开 PowerShell 或命令提示符；
重启电脑后再次尝试；
检查系统 PATH 环境变量是否包含 Node.js 安装路径；
重新运行 Node.js 官方安装包，并保持默认安装选项。

为什么会这样？

通常是因为终端还没有读取到新的环境变量，或者 Node.js 没有正确写入 PATH。

安装失败怎么办？#

如果安装过程中失败，可以尝试：

右键安装包，选择 以管理员身份运行；
检查系统盘空间是否充足；
暂时关闭杀毒软件或安全软件后重试；
重新下载官方 LTS 安装包；
重启电脑后再次安装。

注意

请尽量从 Node.js 官网下载安装包，不建议使用来路不明的第三方安装包。

npm 命令无法使用#

如果 node -v 正常，但 npm -v 不正常，可以尝试重新安装 Node.js LTS 版本。

官方安装包默认会同时安装：

1
Node.js
2
npm
3
npx

说明

npm 是 Node.js 常用的包管理工具，很多 AI 编程工具安装时都可能会用到它。

六、安装完成后可以做什么？#

Node.js 安装完成后，您就可以继续安装和使用以下工具：

Claude Code
Codex
Gemini CLI

下一步

安装 AI 编程工具前，请先确认 node --version 显示的是 v18 或更高版本。

环境准备完成

现在您可以继续安装 Claude Code、Codex 或 Gemini CLI 了。

MDX 格式文章示例

Wed, 07 Jan 1970 00:00:00 GMT

:::tip 冰云文档：支持 MDX 和 Markdown 两种类型的文章，你可以在文章中混合使用两种格式，如果没有特别复杂内容和需求，推荐使用 Markdown 格式就够了。 :::

Markdown 和 MDX 的区别

Markdown (MD) 是一种轻量级标记语言，允许用户使用纯文本格式编写文档，然后将其转换为格式化的HTML。它因其简洁易用的语法而广受欢迎，特别适合编写文档和博客文章。
MDX 是一种扩展了 Markdown 语法的格式，允许在 Markdown 文档中无缝地插入 JSX 代码。通过 MDX，用户可以在文档中嵌入 React 组件，从而实现更丰富的交互性和动态性。

使用组件

这是一个图标组件：

1
import { Icon } from 'astro-icon/components'
2

3
<div class="flex items-center gap-2 my-4">
4
  <Icon name="fa7-solid:rocket" class="text-4xl text-red-500" />
5
  <span>火箭发射！</span>
6
</div>

火箭发射！

使用 JSX

你也可以直接写 HTML/JSX：

1
<div className="p-4 bg-blue-100 dark:bg-blue-900 rounded-lg my-4">
2
  这是一个自定义样式的 div 块，使用了 Tailwind CSS 类。
3
</div>

这是一个自定义样式的 div 块，使用了 Tailwind CSS 类。

简单的变量导出

1
export const year = new Date().getFullYear()
2

3
今年是 {year} 年。

今年是 2026 年。

更多信息，请查看 MDX 文档

Markdown PlantUML 图表

Tue, 06 Jan 1970 00:00:00 GMT

Markdown 中 PlantUML 图表指南#

PlantUML 是一种使用纯文本描述图表的工具。你只需要写一段结构化语法，就可以生成时序图、类图、用例图、活动图等常见工程图。

它特别适合写在技术博客和项目文档里：

图表和正文一起版本管理，便于协作与审阅
修改图只需要改文本，适合频繁迭代
能和 Markdown 无缝结合，保持文档统一

在 Firefly 中，plantuml 代码块会在构建阶段编码并生成服务器 SVG 地址，页面端再根据亮暗主题自动切换图源，并支持缩放、拖拽和全屏交互。

如果你想快速上手，可以记住这个最小模板：

活动图示例#

状态图示例#

用例图示例#

组件图示例#

部署图示例#

ER 图示例#

时序图示例（登录与刷新令牌）#

C4 风格容器图示例#

Markdown Mermaid 图表

Mon, 05 Jan 1970 00:00:00 GMT

Markdown 中 Mermaid 图表完整指南#

本文演示如何在 Markdown 文档中使用 Mermaid 创建各种复杂图表，包括流程图、时序图、甘特图、类图和状态图。

流程图示例#

流程图非常适合表示流程或算法步骤。

graph TD A[开始] --> B{条件检查} B -->|是| C[处理步骤 1] B -->|否| D[处理步骤 2] C --> E[子过程] D --> E subgraph E [子过程详情] E1[子步骤 1] --> E2[子步骤 2] E2 --> E3[子步骤 3] end E --> F{另一个决策} F -->|选项 1| G[结果 1] F -->|选项 2| H[结果 2] F -->|选项 3| I[结果 3] G --> J[结束] H --> J I --> J

时序图示例#

时序图显示对象之间随时间的交互。

sequenceDiagram participant User as 用户 participant WebApp as 网页应用 participant Server as 服务器 participant Database as 数据库 User->>WebApp: 提交登录请求 WebApp->>Server: 发送认证请求 Server->>Database: 查询用户凭据 Database-->>Server: 返回用户数据 Server-->>WebApp: 返回认证结果 alt 认证成功 WebApp->>User: 显示欢迎页面 WebApp->>Server: 请求用户数据 Server->>Database: 获取用户偏好 Database-->>Server: 返回偏好设置 Server-->>WebApp: 返回用户数据 WebApp->>User: 加载个性化界面 else 认证失败 WebApp->>User: 显示错误消息 WebApp->>User: 提示重新输入 end

甘特图示例#

甘特图非常适合显示项目进度和时间线。

gantt title 网站开发项目时间线 dateFormat YYYY-MM-DD axisFormat %m/%d section 设计阶段需求分析 :a1, 2023-10-01, 7d UI设计 :a2, after a1, 10d 原型创建 :a3, after a2, 5d section 开发阶段前端开发 :b1, 2023-10-20, 15d 后端开发 :b2, after a2, 18d 数据库设计 :b3, after a1, 12d section 测试阶段单元测试 :c1, after b1, 8d 集成测试 :c2, after b2, 10d 用户验收测试 :c3, after c2, 7d section 部署生产环境部署 :d1, after c3, 3d 发布 :milestone, after d1, 0d

类图示例#

类图显示系统的静态结构，包括类、属性、方法及其关系。

classDiagram class User { +String username +String password +String email +Boolean active +login() +logout() +updateProfile() } class Article { +String title +String content +Date publishDate +Boolean published +publish() +edit() +delete() } class Comment { +String content +Date commentDate +addComment() +deleteComment() } class Category { +String name +String description +addArticle() +removeArticle() } User "1" -- "*" Article : 写作 User "1" -- "*" Comment : 发表 Article "1" -- "*" Comment : 拥有 Article "1" -- "*" Category : 属于

状态图示例#

状态图显示对象在其生命周期中经历的状态序列。

stateDiagram-v2 [*] --> 草稿草稿 --> 审核中 : 提交审核中 --> 草稿 : 拒绝审核中 --> 已批准 : 批准已批准 --> 已发布 : 发布已发布 --> 已归档 : 归档已发布 --> 草稿 : 撤回 state 已发布 { [*] --> 活跃活跃 --> 隐藏 : 临时隐藏隐藏 --> 活跃 : 恢复活跃 --> [*] 隐藏 --> [*] } 已归档 --> [*]

饼图示例#

饼图非常适合显示比例和百分比数据。

pie title 网站流量来源分析 "搜索引擎" : 45.6 "直接访问" : 30.1 "社交媒体" : 15.3 "推荐链接" : 6.4 "其他来源" : 2.6

总结#

Mermaid 是在 Markdown 文档中创建各种类型图表的强大工具。本文演示了如何使用流程图、时序图、甘特图、类图、状态图和饼图。这些图表可以帮助您更清晰地表达复杂的概念、流程和数据结构。

要使用 Mermaid，只需在代码块中指定 mermaid 语言，并使用简洁的文本语法描述图表。Mermaid 会自动将这些描述转换为美观的可视化图表。

尝试在您的下一篇技术博客文章或项目文档中使用 Mermaid 图表 - 它们将使您的内容更加专业且更易理解！

KaTeX 数学公式示例

Sun, 04 Jan 1970 00:00:00 GMT

行内公式 (Inline)#

行内公式使用单个 $ 符号包裹。

例如：欧拉公式 eiπ+1=0e^{i\pi} + 1 = 0eiπ+1=0 是数学中最优美的公式之一。

质能方程 E=mc2E = mc^2E=mc2 也是家喻户晓。

块级公式 (Block)#

块级公式使用两个 $$ 符号包裹，会居中显示。

∫−∞∞e−x2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}∫−∞∞e−x2dx=πx=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}x=2a−b±b2−4ac

复杂示例#

矩阵 (Matrices)#

(abcd)(αβγδ)=(aα+bγaβ+bδcα+dγcβ+dδ)\begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{pmatrix} \alpha & \beta \\ \gamma & \delta \end{pmatrix} = \begin{pmatrix} a\alpha + b\gamma & a\beta + b\delta \\ c\alpha + d\gamma & c\beta + d\delta \end{pmatrix}(acbd)(αγβδ)=(aα+bγcα+dγaβ+bδcβ+dδ)

极限与求和 (Limits and Sums)#

∑n=1∞1n2=π26\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}n=1∑∞n21=6π2lim⁡x→0sin⁡xx=1\lim_{x \to 0} \frac{\sin x}{x} = 1x→0limxsinx=1

麦克斯韦方程组 (Maxwell’s Equations)#

∇⋅E=ρε0∇⋅B=0∇×E=−∂B∂t∇×B=μ0J+μ0ε0∂E∂t\begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\ \nabla \cdot \mathbf{B} &= 0 \\ \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\ \nabla \times \mathbf{B} &= \mu_0\mathbf{J} + \mu_0\varepsilon_0\frac{\partial \mathbf{E}}{\partial t} \end{aligned}∇⋅E∇⋅B∇×E∇×B=ε0ρ=0=−∂t∂B=μ0J+μ0ε0∂t∂E

化学方程式 (Chemical Equations)#

CHX4+2 OX2→COX2+2 HX2O\ce{CH4 + 2O2 -> CO2 + 2H2O}CHX4+2OX2COX2+2HX2O

符号	代码	渲染结果
Alpha	`\alpha`	α\alphaα
Beta	`\beta`	β\betaβ
Gamma	`\Gamma`	Γ\GammaΓ
Pi	`\pi`	π\piπ
Infinity	`\infty`	∞\infty∞
Right Arrow	`\rightarrow`	→\rightarrow→
Partial	`\partial`	∂\partial∂

代码块示例

Sat, 03 Jan 1970 00:00:00 GMT

在这里，我们将探索如何使用 Expressive Code 展示代码块。提供的示例基于官方文档，您可以参考以获取更多详细信息。

表达性代码#

语法高亮#

语法高亮

常规语法高亮#

1
console.log('此代码有语法高亮!')

渲染 ANSI 转义序列#

Terminal window展开收起

1
Standard ANSI colors:
2
- Dimmed:      Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
3
- Foreground:  Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
4
- Background:  Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
5
- Reversed:    Black  Red  Green  Yellow  Blue  Magenta  Cyan  White 
6

7
8-bit colors (showing colors 160-171 as an example):
8
- Dimmed:      160  161  162  163  164  165  166  167  168  169  170  171 
9
- Foreground:  160  161  162  163  164  165  166  167  168  169  170  171 
10
- Background:  160  161  162  163  164  165  166  167  168  169  170  171 
11
- Reversed:    160  161  162  163  164  165  166  167  168  169  170  171 
12

13
24-bit colors (full RGB):
14
- Dimmed:      ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
15
- Foreground:  ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
16
- Background:  ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
17
- Reversed:    ForestGreen - RGB(34,139,34)  RebeccaPurple - RGB(102,51,153) 
18

19
Font styles:
20
- Default
21
- Bold
22
- Dimmed
23
- Italic
24
- Underline
25
- Reversed
26
- Strikethrough

展开收起

编辑器和终端框架#

编辑器和终端框架

代码编辑器框架#

my-test-file.js

1
console.log('标题属性示例')

src/content/index.html

1
<div>文件名注释示例</div>

终端框架#

Terminal window

1
echo "此终端框架没有标题"

PowerShell 终端示例

1
Write-Output "这个有标题!"

覆盖框架类型#

1
echo "看，没有框架!"

PowerShell Profile.ps1

1
# 如果不覆盖，这将是一个终端框架
2
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
3
New-Alias tail Watch-Tail

文本和行标记#

文本和行标记

标记整行和行范围#

1
// 第1行 - 通过行号定位
2
// 第2行
3
// 第3行
4
// 第4行 - 通过行号定位
5
// 第5行
6
// 第6行
7
// 第7行 - 通过范围 "7-8" 定位
8
// 第8行 - 通过范围 "7-8" 定位

选择行标记类型 (mark, ins, del)#

line-markers.js

1
function demo() {
2
  console.log('此行标记为已删除')
3
  // 此行和下一行标记为已插入
4
  console.log('这是第二个插入行')
5

6
  return '此行使用中性默认标记类型'
7
}

为行标记添加标签#

labeled-line-markers.jsx

1
<button
2
  role="button"
3
  {...props}
4
  value={value}
5
  className={buttonClassName}
6
  disabled={disabled}
7
  active={active}
8
>
9
  {children &&
10
    !active &&
11
    (typeof children === 'string' ? <span>{children}</span> : children)}
12
</button>

在单独行上添加长标签#

labeled-line-markers.jsx展开收起

1
<button
2
  role="button"
3
  {...props}
4

5
  value={value}
6
  className={buttonClassName}
7

8
  disabled={disabled}
9
  active={active}
10
>
11

12
  {children &&
13
    !active &&
14
    (typeof children === 'string' ? <span>{children}</span> : children)}
15
</button>

展开收起

使用类似 diff 的语法#

1
此行将标记为已插入
2
此行将标记为已删除
3
这是常规行

1
--- a/README.md
2
+++ b/README.md
3
@@ -1,3 +1,4 @@
4
+this is an actual diff file
5
-all contents will remain unmodified
6
 no whitespace will be removed either

结合语法高亮和类似 diff 的语法#

1
function thisIsJavaScript() {
2
  // 整个块都会以 JavaScript 高亮显示，
3
  // 并且我们仍然可以为其添加 diff 标记！
4
  console.log('要删除的旧代码')
5
  console.log('新的闪亮代码！')
6
}

标记行内的单独文本#

1
function demo() {
2
  // 标记行内的任何给定文本
3
  return '支持给定文本的多个匹配项';
4
}

正则表达式#

1
console.log('单词 yes 和 yep 将被标记。')

转义正斜杠#

Terminal window

1
echo "Test" > /home/test.txt

选择内联标记类型 (mark, ins, del)#

1
function demo() {
2
  console.log('这些是插入和删除的标记类型');
3
  // return 语句使用默认标记类型
4
  return true;
5
}

自动换行#

自动换行

为每个块配置自动换行#

1
// 启用换行的示例
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间'
4
}

1
// wrap=false 的示例
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间'
4
}

配置换行的缩进#

1
// preserveIndent 示例（默认启用）
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间'
4
}

1
// preserveIndent=false 的示例
2
function getLongString() {
3
  return '这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间'
4
}

可折叠部分#

可折叠部分


5 collapsed lines
1
// 所有这些样板设置代码将被折叠
2
import { someBoilerplateEngine } from '@example/some-boilerplate'
3
import { evenMoreBoilerplate } from '@example/even-more-boilerplate'
4

5
const engine = someBoilerplateEngine(evenMoreBoilerplate())
6

7
// 这部分代码默认可见
8
engine.doSomething(1, 2, 3, calcFn)
9

10
function calcFn() {
11
  // 您可以有多个折叠部分
3 collapsed lines
12
  const a = 1
13
  const b = 2
14
  const c = a + b
15

16
  // 这将保持可见
17
  console.log(`计算结果: ${a} + ${b} = ${c}`)
18
  return c
19
}
20

4 collapsed lines
21
// 直到块末尾的所有代码将再次被折叠
22
engine.closeConnection()
23
engine.freeMemory()
24
engine.shutdown({ reason: '示例样板代码结束' })

展开收起

行号#

行号

为每个块显示行号#

1
// 此代码块将显示行号
2
console.log('来自第2行的问候!')
3
console.log('我在第3行')

// 此块禁用行号
console.log('你好?')
console.log('抱歉，你知道我在第几行吗?')

更改起始行号#

5
console.log('来自第5行的问候!')
6
console.log('我在第6行')

Markdown 扩展功能

Fri, 02 Jan 1970 00:00:00 GMT

GitHub 仓库卡片#

您可以添加链接到 GitHub 仓库的动态卡片，在页面加载时，仓库信息会从 GitHub API 获取。

使用代码 ::github{repo="BingYunVIP/Firefly"} 创建 GitHub 仓库卡片。

1
::github{repo="BingYunVIP/Firefly"}

提醒框(Admonitions)配置#

Firefly 采用了 rehype-callouts 插件，支持了三种风格的提醒框主题：GitHub、Obsidian 和 VitePress。您可以在 src/config/siteConfig.ts 中进行配置：

src/config/siteConfig.ts

1
export const siteConfig: SiteConfig = {
2
  // ...
3
  rehypeCallouts: {
4
    // 选项: "github" | "obsidian" | "vitepress"
5
    theme: "github",
6
  },
7
  // ...
8
};

注意：更改配置后需要重启开发服务器才能生效。

以下是各个主题支持的类型列表，每个主题风格和语法不同，可根据喜好选择。

1. GitHub 主题风格#

这是 GitHub 官方支持的 5 种基本类型。

GitHub

基本语法

1
> [!NOTE] NOTE
2
> 突出显示用户应该考虑的信息。
3

4
> [!TIP] TIP
5
> 可选信息，帮助用户更成功。
6

7
> [!IMPORTANT] IMPORTANT
8
> 用户成功所必需的关键信息。
9

10
> [!WARNING] WARNING
11
> 关键内容，需要立即注意。
12

13
> [!CAUTION] CAUTION
14
> 行动的负面潜在后果。
15

16
> [!NOTE] 自定义标题
17
> 这是一个带有自定义标题的示例。

展开收起

2. Obsidian 主题风格#

Obsidian 风格支持非常丰富的类型和别名。

点击展开 Obsidian 语法列表

1
> [!NOTE] NOTE
2
> 通用的笔记块。
3

4
> [!ABSTRACT] ABSTRACT
5
> 文章的摘要。
6

7
> [!SUMMARY] SUMMARY
8
> 文章的总结（同 Abstract）。
9

10
> [!TLDR] TLDR
11
> 太长不看（同 Abstract）。
12

13
> [!INFO] INFO
14
> 提供额外信息。
15

16
> [!TODO] TODO
17
> 需要完成的事项。
18

19
> [!TIP] TIP
20
> 实用技巧或提示。
21

22
> [!HINT] HINT
23
> 暗示（同 Tip）。
24

25
> [!IMPORTANT] IMPORTANT
26
> 重要信息（Obsidian 风格通常使用类似的图标）。
27

28
> [!SUCCESS] SUCCESS
29
> 操作成功。
30

31
> [!CHECK] CHECK
32
> 检查通过（同 Success）。
33

34
> [!DONE] DONE
35
> 已完成（同 Success）。
36

37
> [!QUESTION] QUESTION
38
> 提出问题。
39

40
> [!HELP] HELP
41
> 寻求帮助（同 Question）。
42

43
> [!FAQ] FAQ
44
> 常见问题（同 Question）。
45

46
> [!WARNING] WARNING
47
> 警告信息。
48

49
> [!CAUTION] CAUTION
50
> 注意事项（同 Warning）。
51

52
> [!ATTENTION] ATTENTION
53
> 引起注意（同 Warning）。
54

55
> [!FAILURE] FAILURE
56
> 操作失败。
57

58
> [!FAIL] FAIL
59
> 失败（同 Failure）。
60

61
> [!MISSING] MISSING
62
> 缺失内容（同 Failure）。
63

64
> [!DANGER] DANGER
65
> 危险操作警告。
66

67
> [!ERROR] ERROR
68
> 错误信息（同 Danger）。
69

70
> [!BUG] BUG
71
> 报告软件缺陷。
72

73
> [!EXAMPLE] EXAMPLE
74
> 展示一个例子。
75

76
> [!QUOTE] QUOTE
77
> 引用一段话。
78

79
> [!CITE] CITE
80
> 引证（同 Quote）。
81

82
> [!NOTE] 自定义标题
83
> 这是一个带有自定义标题的示例。

展开收起

Obsidian

3. VitePress 主题风格#

VitePress 风格提供了一套现代化的、扁平的默认样式。目前仅包含与 GitHub 一致的 5 种 基础类型。

点击展开 VitePress 语法列表

1
> [!NOTE] NOTE
2
> 对应 GitHub 的 Note。
3

4
> [!TIP] TIP
5
> 对应 GitHub 的 Tip。
6

7
> [!IMPORTANT] IMPORTANT
8
> 对应 GitHub 的 Important。
9

10
> [!WARNING] WARNING
11
> 对应 GitHub 的 Warning。
12

13
> [!CAUTION] CAUTION
14
> 对应 GitHub 的 Caution。
15

16
> [!TIP] 自定义标题
17
> VitePress 风格同样支持自定义标题。

展开收起

VitePress

4. Docusaurus 风格语法#

仅支持语法，风格保持跟上面三个主题相同。

点击展开 Docusaurus 语法列表

支持以下类型的提醒框：note tip important warning caution

1
:::note
2
突出显示用户应该考虑的信息，即使在快速浏览时也是如此。
3
:::
4

5
:::tip
6
可选信息，帮助用户更成功。
7
:::
8

9
:::important
10
用户成功所必需的关键信息。
11
:::
12

13
:::warning
14
由于潜在风险需要用户立即注意的关键内容。
15
:::
16

17
:::caution
18
行动的负面潜在后果。
19
:::
20

21
:::tip[自定义标题]
22
可选信息，帮助用户更成功。
23
:::

展开收起

剧透#

您可以为文本添加剧透。文本也支持 Markdown 语法。

内容被隐藏了哈哈！

1
内容 :spoiler[被隐藏了 **哈哈**]！

图片画廊网格 (Image Grid)#

您可以使用 [grid] 和 [/grid] 标签将多张图片纵向并排展示。这对于展示照片画廊或对比图非常有用。系统会自动根据包裹在其中的图片数量（最多支持并排展示4张）以响应式网格进行布局。

自动补齐图片高度： 同一排中如果有高度、大小或者比例不一的图片，会像「九宫格画廊相册」一样自动撑满。较短或不协调的图片会自动使用 object-cover 进行完美中心裁剪补充视野。图片边框水平彻底对齐无缝隙，但被裁剪后，只有点击图片通过灯箱才能查看完整图片，所以建议尽量避免使用长宽比例不一致的图片在同一排中。

图注恒定底端对齐： 不论上面的图片长宽如何变化，在同一行的所有图像解释文字（图注）都会对标到一条完美的水平基线上了。

示例图片一

示例图片二

基本语法

1
[grid]
2
![示例图片一](../images/firefly1.avif)
3
![示例图片二](../images/firefly2.avif)
4
![示例图片二](../images/firefly3.avif)
5
[/grid]

Markdown 教程

Thu, 01 Jan 1970 00:00:00 GMT

这是一个展示如何编写 Markdown 文件的示例。本文档汇总了核心语法与常见扩展（GFM）。

块级元素
- 段落与换行
- 标题
- 引用
- 列表
- 代码块
- 分割线
- 表格
内联元素
- 链接
- 强调
- 行内代码
- 图片
- 删除线
杂项
- 自动链接
- 反斜杠转义
内联 HTML

块级元素#

段落与换行#

段落#

HTML 标签：<p>

使用一个或多个空行分隔段落。（仅包含空格或制表符的行也视为空行。）

代码：

1
This will be
2
inline.
3

4
This is second paragraph.

预览：

This will be inline.

This is second paragraph.

换行#

HTML 标签：<br />

在行末添加两个或更多空格来产生换行。

代码：

1
This will be not
2
inline.

预览：

This will be not
inline.

标题#

Markdown 支持两种标题样式：Setext 与 atx。

Setext#

HTML 标签：<h1>，<h2>

使用等号 (=) 表示 <h1>、使用短横线 (-) 表示 <h2>，数量不限，作为“下划线”。

代码：

1
This is an H1
2
=============
3
This is an H2
4
-------------

预览：

This is an H1#

This is an H2#

atx#

HTML 标签：<h1>，<h2>，<h3>，<h4>，<h5>，<h6>

在行首使用 1-6 个井号 (#)，对应 <h1> 至 <h6>。

代码：

1
# This is an H1
2
## This is an H2
3
###### This is an H6

预览：

This is an H1#

This is an H2#

This is an H6#

可选：你可以在行尾“闭合” atx 标题。末尾的井号数量不必与开头一致。

代码：

1
# This is an H1 #
2
## This is an H2 ##
3
### This is an H3 ######

预览：

This is an H1#

This is an H2#

This is an H3#

引用#

HTML 标签：<blockquote>

Markdown 使用邮件风格的 > 作为引用符号。若手动换行并在每行前加 >，显示效果最佳。

代码：

1
> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
2
> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
3
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
4
>
5
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
6
> id sem consectetuer libero luctus adipiscing.

预览：

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

Markdown 允许“偷懒”：在一个硬换行段落中，只在第一行前加 > 即可。

代码：

1
> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
2
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
3
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
4

5
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
6
id sem consectetuer libero luctus adipiscing.

预览：

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.

引用可以嵌套（引用中的引用），通过增加 > 层级实现。

代码：

1
> This is the first level of quoting.
2
>
3
> > This is nested blockquote.
4
>
5
> Back to the first level.

预览：

This is the first level of quoting.
This is nested blockquote.
Back to the first level.

引用内可包含其他 Markdown 元素，包括标题、列表与代码块。

代码：

1
> ## This is a header.
2
>
3
> 1.   This is the first list item.
4
> 2.   This is the second list item.
5
>
6
> Here's some example code:
7
>
8
>     return shell_exec("echo $input | $markdown_script");

预览：

This is a header.#

This is the first list item.

This is the second list item.

Here’s some example code:
1
return shell_exec("echo $input | $markdown_script");

列表#

Markdown 支持有序（数字）与无序（圆点）列表。

无序列表#

HTML 标签：<ul>

无序列表可使用 星号 (*)、加号 (+) 或 短横线 (-)。

代码：

1
*   Red
2
*   Green
3
*   Blue

预览：

Red
Green
Blue

等价于：

代码：

1
+   Red
2
+   Green
3
+   Blue

或者：

代码：

1
-   Red
2
-   Green
3
-   Blue

有序列表#

HTML 标签：<ol>

有序列表使用数字加英文句点：

代码：

1
1.  Bird
2
2.  McHale
3
3.  Parish

预览：

Bird
McHale
Parish

注意：像下面这样可能会“意外触发”有序列表：

代码：

1
1986. What a great season.

预览：

What a great season.

你可以用反斜杠转义 (\) 句点：

代码：

1
1986\. What a great season.

预览：

1986. What a great season.

列表中的缩进内容#

列表项里的引用#

在列表项内放置引用，需要将 > 符号整体缩进：

代码：

1
*   A list item with a blockquote:
2

3
    > This is a blockquote
4
    > inside a list item.

预览：

A list item with a blockquote:

This is a blockquote inside a list item.

列表项里的代码块#

在列表项内放置代码块，需要缩进两层——8 个空格或两个 Tab：

代码：

1
*   A list item with a code block:
2

3
        <code goes here>

预览：

A list item with a code block:
```
1
<code goes here>
```

嵌套列表#

代码：

1
* A
2
  * A1
3
  * A2
4
* B
5
* C

预览：

A
- A1
- A2
B
C

代码块#

HTML 标签：<pre>

将代码块中的每行缩进至少4 个空格或1 个制表符。

代码：

1
This is a normal paragraph:
2

3
    This is a code block.

预览：

This is a normal paragraph:

1
This is a code block.

代码块会一直持续，直到遇到未缩进的行（或文末）。

在代码块内，与号 (&) 和尖括号 (< >) 会自动转为 HTML 实体。

代码：

1
    <div class="footer">
2
        &copy; 2004 Foo Corporation
3
    </div>

预览：

1
<div class="footer">
2
    &copy; 2004 Foo Corporation
3
</div>

下文的“围栏代码块”和“语法高亮”属于扩展语法，你也可以用它们来书写代码块。

围栏代码块#

使用成对的反引号围起来（如下所示），就不需要四空格缩进了。

代码：

1
Here's an example:
2

3
```
4
function test() {
5
  console.log("notice the blank line before this function?");
6
}
7
```

预览：

Here’s an example:

1
function test() {
2
  console.log("notice the blank line before this function?");
3
}

语法高亮#

在围栏代码块后添加可选的语言标识，即可启用语法高亮（参见支持语言列表）。

代码：

1
```ruby
2
require 'redcarpet'
3
markdown = Redcarpet.new("Hello World!")
4
puts markdown.to_html
5
```

预览：

1
require 'redcarpet'
2
markdown = Redcarpet.new("Hello World!")
3
puts markdown.to_html

分割线（水平线）#

HTML 标签：<hr /> 一行中放置三个或以上的短横线 (-)、星号 (*) 或下划线 (_)。符号之间允许有空格。

代码：

1
* * *
2
***
3
*****
4
- - -
5
---------------------------------------
6
___

预览：

表格#

HTML 标签：<table>

这是扩展语法。

用竖线 (|) 分隔列，用短横线 (-) 分隔表头，使用冒号 (:) 指定对齐方式。

两侧的竖线 (|) 与对齐可选。用于表头分隔时，每列至少需要 3 个短横线。

代码：

1
| Left | Center | Right |
2
|:-----|:------:|------:|
3
|aaa   |bbb     |ccc    |
4
|ddd   |eee     |fff    |
5

6
 A | B
7
---|---
8
123|456
9

10

11
A |B
12
--|--
13
12|45

预览：

Left	Center	Right
aaa	bbb	ccc
ddd	eee	fff

A	B
123	456

A	B
12	45

内联元素#

链接#

HTML 标签：<a>

Markdown 支持两种链接样式：行内链接与引用式链接。

行内链接#

行内链接格式：[文本](URL "标题")

标题可选。

代码：

1
This is [an example](http://example.com/ "Title") inline link.
2

3
[This link](http://example.net/) has no title attribute.

预览：

This is an example inline link.

This link has no title attribute.

如果引用同一站点的本地资源，可以使用相对路径：

代码：

1
See my [About](/about/) page for details.

预览：

See my About page for details.

引用式链接#

可以预定义链接引用。定义格式：[id]: URL "标题"

标题同样可选。引用时使用：[文本][id]

代码：

1
[id]: http://example.com/  "Optional Title Here"
2
This is [an example][id] reference-style link.

预览：

This is an example reference-style link.

说明：

方括号中包含链接标识（不区分大小写，可在左侧缩进最多三格空格）；
随后是冒号；
再跟一个或多个空格（或 tab）；
然后是链接 URL；
URL 可选地用尖括号包裹；
可选地跟随标题属性，用引号或圆括号包裹。

以下三种定义等价：

代码：

1
[foo]: http://example.com/  "Optional Title Here"
2
[foo]: http://example.com/  'Optional Title Here'
3
[foo]: http://example.com/  (Optional Title Here)
4
[foo]: <http://example.com/>  "Optional Title Here"

如果使用空的方括号，则链接文本本身会作为名称。

代码：

1
[Google]: http://google.com/
2
[Google][]

预览：

Google

强调#

HTML 标签：<em>，<strong>

Markdown 使用 星号 (*) 或 下划线 (_) 表示强调。一个分隔符对应 <em>；两个分隔符对应 <strong>。

代码：

1
*single asterisks*
2

3
_single underscores_
4

5
**double asterisks**
6

7
__double underscores__

预览：

single asterisks

single underscores

double asterisks

double underscores

但如果两侧有空格，则会被视作普通字符而非强调语法。

你可以使用反斜杠进行转义：

代码：

1
\*this text is surrounded by literal asterisks\*

预览：

*this text is surrounded by literal asterisks*

行内代码#

HTML 标签：<code>

用反引号 (`) 包裹。

代码：

1
Use the `printf()` function.

预览：

Use the printf() function.

若行内代码中需要包含反引号字符，可使用多重反引号作为定界符：

代码：

1
``There is a literal backtick (`) here.``

预览：

There is a literal backtick (`) here.

行内代码两侧的定界符允许包含空格（开头一个、结尾一个），方便在代码起始或结尾放置反引号字符：

代码：

1
A single backtick in a code span: `` ` ``
2

3
A backtick-delimited string in a code span: `` `foo` ``

预览：

A single backtick in a code span: `

A backtick-delimited string in a code span: `foo`

图片#

HTML 标签：<img />

Markdown 的图片语法与链接类似，支持行内与引用两种方式。

行内图片#

行内图片语法：![替代文本](URL "标题")

标题可选。

代码：

1
![Alt text](/path/to/img.jpg)
2

3
![Alt text](/path/to/img.jpg "Optional title")

预览：

Alt text

说明：

一个感叹号 !；
后接方括号，放置图片的替代文本；
再接圆括号，内含图片 URL/路径，及可选的标题（引号包裹）。

引用式图片#

引用式图片语法：![替代文本][id]

代码：

1
[img id]: https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp  "Optional title attribute"
2
![Alt text][img id]

预览：

Alt text

删除线#

HTML 标签：<del>

这是扩展语法。

GFM 增加了删除线语法。

代码：

1
~~Mistaken text.~~

预览：

Mistaken text.

杂项#

自动链接#

Markdown 支持一种便捷写法来创建“自动链接”（URL 与邮箱地址）：只需用尖括号将其包住即可。

代码：

1
<http://example.com/>
2

3
<address@example.com>

预览：

http://example.com/

address@example.com

GFM 会自动识别标准 URL 并转换为链接。

代码：

1
https://github.com/emn178/markdown

预览：

https://github.com/emn178/markdown

反斜杠转义#

Markdown 允许使用反斜杠来转义那些本用于 Markdown 语法的特殊字符，使其按字面显示。

代码：

1
\*literal asterisks\*

预览：

*literal asterisks*

以下字符可通过反斜杠转义以按字面量输出：

Code:

1
\   backslash
2
`   backtick
3
*   asterisk
4
_   underscore
5
{}  curly braces
6
[]  square brackets
7
()  parentheses
8
#   hash mark
9
+   plus sign
10
-   minus sign (hyphen)
11
.   dot
12
!   exclamation mark

内联 HTML#

对于 Markdown 语法未覆盖的标记，直接使用原生 HTML 即可。无需特别声明从 Markdown 切换到 HTML，直接写标签就行。

代码：

1
This is a regular paragraph.
2

3
<table>
4
    <tr>
5
        <td>Foo</td>
6
    </tr>
7
</table>
8

9
This is another regular paragraph.

预览：

This is a regular paragraph.

Foo

This is another regular paragraph.

请注意：在块级 HTML 标签内不会处理 Markdown 语法。

与块级标签不同，在行内级标签内会处理 Markdown 语法。

代码：

1
<span>**Work**</span>
2

3
<div>
4
    **No Work**
5
</div>

预览：

Work

**No Work**

***

冰云文档

使用冰云 API 生图

❄️ 第一步：下载 Cherry Studio#

⚙️ 第二步：配置和使用#

📌 常见注意事项#

使用冰云 API 中转站

检测平台检测结果，欢迎老板们自行检测#

hvoy.ai#

veridrop.org#

cctest.ai，此网站只支持检测Claude#

❄️ 第一步：下载 CC-Switch，方便修改 Codex 和 Claude Code 等配置文件#

⚙️ 第二步：配置 Codex，Claude 同理#

🧪 第三步：打开 Codex 客户端测试#

⚙️ 第四步：推荐下载和配置 Codex++，可以解锁官方插件，管理会话#

🧪 第五步：打开 Codex++ 测试#

🧩 第六步：更多使用方式#

💻 安装 Codex CLI#

🤖 安装 Claude Code#

📌 常见注意事项#

住宅IP使用教程和说明

住宅IP使用教程和说明#

📥 第一步：下载 v2rayN#

🔧 第二步：打开 v2rayN 并按图配置#

💼 支持哪些业务场景？#

🧩 常见概念说明#

代理地址和出口IP有什么差别？#

网关节点怎么选？#

IP白名单是什么？#

🏠 静态数据中心和静态住宅ISP有什么差别？#

静态数据中心#

静态住宅ISP#

📱 手机可以使用代理吗？#

🧪 支持免费测试吗？#

⏰ 线路或端口过期后还能找回吗？#

🚫 可以用线路翻墙吗？#

🛠️ 速度慢怎么办？#

1. 代理位置距离太远#

2. 本地网络存在问题#

🔌 连接不上代理怎么办？#

ChatGPT Plus 说明文档

🌐 第一步：先检测 IP 环境，IP评分为绿色就行#

📦 第二步：发货格式，文档更新不及时，所以以卡密信息为主#

📊 第三步：查看 Codex 额度#

📜 第四步：参考 GPT5.5 规则#

💎 第五步：续费与低价教程#

Windows 平台安装 Node.js

Windows 平台安装 Node.js#

一、检查是否已安装 Node.js#

二、方法一：官方安装包安装（推荐）#

1. 访问 Node.js 官网#

2. 下载 Windows 安装包#

3. 运行安装程序#

4. 自动配置环境变量#

三、方法二：包管理器安装#

使用 Winget 安装#

使用 Chocolatey 安装#

使用 Scoop 安装#

四、验证安装是否成功#

五、常见问题#

提示“不是内部或外部命令”#

安装失败怎么办？#

npm 命令无法使用#

六、安装完成后可以做什么？#

MDX 格式文章示例

Markdown 和 MDX 的区别

使用组件

使用 JSX

简单的变量导出

Markdown PlantUML 图表

Markdown 中 PlantUML 图表指南#

活动图示例#

状态图示例#

用例图示例#

组件图示例#

部署图示例#

ER 图示例#

时序图示例（登录与刷新令牌）#

C4 风格容器图示例#

Markdown Mermaid 图表

Markdown 中 Mermaid 图表完整指南#

hvoy.ai #

veridrop.org #

❄️ 第一步：下载 CC-Switch，方便修改 `Codex` 和 `Claude Code` 等配置文件#

⚙️ 第二步：配置 Codex，`Claude 同理`#

🌐 第一步：先检测 IP 环境，`IP评分为绿色就行`#

📦 第二步：发货格式，`文档更新不及时，所以以卡密信息为主`#