一、基础内容

1.1 图片

这是一张图片

1.2 段落缩进

Dream主题

<p class="indent">Dream主题</p>

1.3 加粗

使用 Dream主题 渲染博客。

1.4 斜体

使用 Dream主题 渲染博客。

1.5 下划线

使用 Dream主题 渲染博客。

1.6 中划线

使用 Dream主题 渲染博客。

1.7 链接

使用 Dream主题 渲染博客。

1.8 文字潜藏

猜猜这是什么:Dream主题

猜猜这是什么:<span class="elude">Dream主题</span>

二、内容块

2.1 引用

使用 Dream主题 渲染博客。

使用 Dream主题 渲染博客。
使用 Dream主题 渲染博客。

2.2 有序列表

  1. 使用 Dream主题 渲染博客。
  2. 使用 Dream主题 渲染博客。
  3. 使用 Dream主题 渲染博客。

2.3 无序列表

  • 使用 Dream主题 渲染博客。
  • 使用 Dream主题 渲染博客。
  • 使用 Dream主题 渲染博客。

2.4 任务列表

  • 使用 Dream主题 渲染博客。
  • 使用 Dream主题 渲染博客。

2.5 表格

列1 列2 列3
内容 内容 内容
内容 内容 内容
内容 内容 内容

2.6 行内代码

使用 Dream主题 渲染博客。

2.7 代码块

/**
 * 运行程序
 */
java -jar dream.jar
/**
 * 运行程序
 */
java -jar dream.jar

2.8 数学公式

3x1+(1+x)2\sqrt{3x-1}+(1+x)^2

$\sqrt{3x-1}+(1+x)^2$

2.9 mermaid 图表

ABCDEF
graph TD;
  A-->B;
  A-->C;
  B-->D;
  E-->F;

三、自定义标签

3.1 副标题

这是副标题

<mew-subtitle>这是副标题</subtitle>

3.2 音频播放器

mew-music 标签支持网易云单曲、网易云歌单和音乐链接三种方式播放音乐。

网易云单曲:

<mew-music song="29572089"></mew-music>
特有参数 说明
song (必选)填写网易云音乐id

网易云歌单:

<mew-music playlist="7355014621"></mew-music>
特有参数 默认值 说明
playlist (必选)填写网易云音乐歌单id
order list 音频循环顺序,可选值:list( 列表循环),random(随机)
fold false 列表默认折叠,可选值:false/true

自定义单曲:

<mew-music url="http://music.163.com/song/media/outer/url?id=29572089.mp3" name="眉间雪"></mew-music>
特有参数 默认值 说明
url (必选)音频资源链接
name 音乐 音频名称
artist 未知歌手 音频艺术家
cover 音频封面
lrc 音频歌词LRC文件链接

以上为三种音频资源的配置方法,除此以外还包含一些公共的参数:

公共参数 默认值 说明
theme Dream 主题色 播放器的主题色
loop all 音频循环播放,可选值:all(循环全部),one(单曲循环),none(不循环)
autoplay false 音频自动播放,可能有些浏览器不支持

3.3 bilibili视频

<mew-bilibili bvid="BV1t3411e7x9"></mew-bilibili>
参数 默认值 说明
bvid (必选)视频的bvid
width 100% 视频模块宽度
height 500px 视频模块高度

3.4 标签页

html内容 java内容
<mew-tabs>
<mew-tab-page title="html">
html内容
</mew-tab-page>
<mew-tab-page title="java">
java内容
</mew-tab-page>
</mew-tabs>
参数 默认值 说明
title 默认标签 标签页的名称
active 默认选中第一页 默认被选中的标签页,可选值:true/false

3.5 网盘链接


从360安全云盘分享文件




<mew-cloud type="default" url=""></mew-cloud>
<mew-cloud type="360" url="" password="82kD">从360安全云盘分享文件</mew-cloud>
<mew-cloud type="bd" url="" password="gGs2"></mew-cloud>
<mew-cloud type="wy" url=""></mew-cloud>
<mew-cloud type="ali" url=""></mew-cloud>
<mew-cloud type="github" url=""></mew-cloud>
<mew-cloud type="gitee" url=""></mew-cloud>
参数 默认值 说明
type default 网盘类型:default 网络来源,360 360云盘,bd 百度网盘,wy 微云,ali 阿里云盘,github Github仓库,gitee Gitee仓库
url 下载链接
password 网盘文件下载提取码

3.6 进度条

<mew-progress value="80%" color="#5bb854"></mew-progress>
参数 默认值 说明
value 50% 进度,最高为100%
color var(–theme) 进度条颜色

3.7 面板

面板内容
<mew-panel title="面板标题">
面板内容
</mew-panel>
参数 默认值 说明
title 面板标题
color var(–theme) 面板颜色

2.8 消息

这是一条消息
这是一条消息
这是一条消息
这是一条消息

<mew-message type="error">这是一条消息</mew-message>
<mew-message type="success">这是一条消息</mew-message>
<mew-message type="warning">这是一条消息</mew-message>
<mew-message type="info">这是一条消息</mew-message>

2.9 信封分割线

<mew-hr></mew-hr>
参数 默认值 说明
startColor #01d0ff 分割线开始第一个块的颜色
endColor #fc3e85 分割线第二个块的颜色