TypechoJoeTheme

主机评测

主机评测

专注服务器评测和优惠码发布

短代码

2020-09-01
/
0 评论
/
1,253 阅读
/
正在检测是否收录...
09/01

<< 标题演示 >>

一级标题样式

实现代码:

# 我是一级标题,1个#号

二级标题样式

实现代码:

## 我是二级标题,2个#号

三级标题样式

实现代码:

### 我是三级标题,3个#号

四级标题样式

实现代码:

#### 我是四级标题,4个#号
五级标题样式

实现代码:

##### 我是五级标题,5个#号
六级标题样式

实现代码:

###### 我是六级标题,6个#号

<< 标签短代码 >>
标签一 标签二 标签三 标签四 标签五
用的时候把 @ 符号删掉

[@tag type="default"]标签一[/tag]
[@tag type="success"]标签二[/tag]
[@tag type="info"]标签三[/tag]
[@tag type="warning"]标签四[/tag]
[@tag type="danger"]标签五[/tag]

<< 按钮短代码 >>
默认按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
用的时候把 @ 符号删掉。href: 跳转链接

[@btn href="" type="default"]默认按钮[/btn]
[@btn href="" type="primary"]主要按钮[/btn]
[@btn href="" type="success"]成功按钮[/btn]
[@btn href="" type="info"]信息按钮[/btn]
[@btn href="" type="warning"]警告按钮[/btn]
[@btn href="" type="danger"]危险按钮[/btn]

<< 提示短代码 >>

成功提示的文案

消息提示的文案

警告提示的文案

错误提示的文案

用的时候把 @ 符号删掉

[@alt type="success"]成功提示的文案[/alt]
[@alt type="info"]消息提示的文案[/alt]
[@alt type="warning"]警告提示的文案[/alt]
[@alt type="error"]错误提示的文案[/alt]

提示短代码

用的时候把 @ 符号删掉

[@line]当前线状标题短代码[/line]

<< tab栏短代码 >>

用户管理
配置管理
角色管理
角色管理

用的时候把 @ 符号删掉

[@tabs]
[@tab-pane label="用户管理"]用户管理[/tab-pane]
[@tab-pane label="配置管理"]配置管理[/tab-pane]
[@tab-pane label="角色管理"]角色管理[/tab-pane]
[@tab-pane label="角色管理"]角色管理[/tab-pane]
[@/tabs]

<< 基础卡片短代码 >>

卡片标题
卡片内容

用的时候把 @ 符号删掉。 width 不可省略

[@card-default width="100%" label="卡片标题"]卡片内容[/card-default]

<< 展开关闭短代码 >>

标题
我是隐藏的
标题
我是隐藏的

用的时候把 @ 符号删掉

[@collapse]
[@collapse-item label="标题"]我是隐藏的[/collapse-item]
[@collapse-item label="标题"]我是隐藏的[/collapse-item]
[@/collapse]

<< 时间线短代码 >>

啊哈哈哈哈
草族看剑

用的时候把 @ 符号删掉

[@timeline]
[@timeline-item]啊哈哈哈哈[/timeline-item]
[@timeline-item]草族看剑[/timeline-item]
[@/timeline]

<< 复制短代码 >>
点我复制
用的时候把 @ 符号删掉

[@copy]点我复制[@/copy]

<< 打字机效果短代码 >>
打字机打字机
用的时候把 @ 符号删掉。这里可能看不出效果

[@typing]打字机打字机[@/typing]

<< 回复可见短代码 >>

此处内容 回复 可见


用的时候把 @ 符号删掉。

[@hide]我是被隐藏的内容[@/hide]

<< 主题自带消息弹窗 >>
成功提示

警告提示

消息提示

注意:以上的提示信息,在移动端的样式是统一的,只会在PC端呈现不同的样式,下面是以上实现的代码

<a no-target href="javascript:void(0)" onclick="$.toast({ type: 'success', message: '成功哈哈哈哈' })" class="j-btn success">成功提示</a>
<a no-target href="javascript:void(0)" onclick="$.toast({ type: 'warning', message: '警告哈哈哈哈' })" class="j-btn warning">警告提示</a>
<a no-target href="javascript:void(0)" onclick="$.toast({ type: 'info', message: '警告哈哈哈哈' })" class="j-btn info">消息提示</a>

<< 相册功能 >>

用的时候把 @ 符号删掉。

[@photo]
![1.png][1]
![2.png][2]
![3.png][3]
[@/photo]

[1]: https://www.zjpc.cc/random/1.png
[2]: https://www.zjpc.cc/random/2.png
[3]: https://www.zjpc.cc/random/3.png

<< 卡片导航功能 >>


用的时候把 @ 符号删掉。

[@card-nav]
[@card-nav-item src="http://baidu.com" title="活动直达链接" img="https://www.zjpc.cc/usr/themes/Typecho-Joe-Theme/link.png" /]
[@/card-nav]

<<文章插入视频>>

用的时候把 @ 符号删掉。

[@dplayer src="https://yun.abcio.cn/abcio/video/guzhuang.mp4" /]

<<网易云音乐>>

用的时候把 @ 符号删掉。

[@music id="1495496315"/]

<<网易云歌单>>

用的时候把 @ 符号删掉。

[@music-list id="5370364292" /]
朗读
赞 · 1
赞赏
感谢您的支持,我会继续努力哒!

三合一收款

下面三种方式都支持哦

微信
QQ
支付宝
打开支付宝/微信/QQ扫一扫,即可进行扫码打赏哦
版权属于:

主机评测

本文链接:

https://zjpc.cc/code.html(转载时请注明本文出处及文章链接)

评论 (0)