Copy 复制命令

INFO

用于展示可一键复制的命令行代码。

基本语法

<c-copy code="要复制的命令" prompt="$"></c-copy>

或行内写法:

<c-copy prompt="#">npm install</c-copy>

参数说明

参数

类型

默认值

说明

code

string

元素内容

要复制的命令文本

prompt

string

$

命令提示符,设为空字符串可隐藏

使用示例

示例 1:基本命令

<c-copy code="npm install"></c-copy>

效果:$ npm install [复制按钮]

示例 2:自定义提示符

<c-copy code="pip install halo" prompt=">"></c-copy>

效果:> pip install halo [复制按钮]

示例 3:无提示符

<c-copy code="https://github.com/acanyo/theme-clarity" prompt=""></c-copy>

效果:https://github.com/acanyo/theme-clarity [复制按钮]

示例 4:多条命令组合

<c-copy code="git clone https://github.com/acanyo/theme-clarity.git"></c-copy>
<c-copy code="cd theme-clarity"></c-copy>
<c-copy code="pnpm install"></c-copy>
<c-copy code="pnpm dev"></c-copy>

示例 5:使用井号提示符(root 权限)

<c-copy code="systemctl restart nginx" prompt="#"></c-copy>

使用效果