欸,是不是想歪了🤪
退出去吧,没有你想找的
方便自己写文章记录的一些功能
还没走?
这是这个span标签,颜色是light green
1 2
| <font color='lightgreen' font-family="优设好身体"> 这是这个span标签,颜色是light green</font>、 <table><tr><td bgcolor=yellow>背景色yellow</td></tr></table>
|
post
title 【必需】文章标题
date 【必需】文章创建日期
updated 【可选】文章更新日期
选项 |
描述 |
tags |
【可选】文章标签,用于对文章进行标记,按照特定的主题或主题进行分类和组织。 |
categories |
【可选】文章分类,用于根据更广泛的主题或部分对文章进行分组。 |
keywords |
【可选】文章关键字,用于搜索引擎优化(SEO)目的,帮助搜索引擎了解文章的主要主题。 |
description |
【可选】文章描述,提供文章内容的简要概述。 |
top_img |
【可选】文章顶部图片,显示在文章顶部的可选图片。 |
cover |
【可选】文章缩略图,如果没有设置top_img,文章页面顶部将显示该缩略图。可设为false(不显示缩略图)、图片地址或留空。 |
comments |
【可选】显示文章评论模块。默认为true,表示显示评论模块。 |
toc |
【可选】显示文章目录(Table of Contents)。默认为设置中toc的enable配置。 |
toc_number |
【可选】显示目录中的编号。默认为设置中toc的number配置。 |
toc_style_simple |
【可选】显示简洁模式的目录。 |
copyright |
【可选】显示文章版权模块。默认为设置中post_copyright的enable配置。 |
copyright_author |
【可选】文章版权模块的文章作者。 |
copyright_author_href |
【可选】文章版权模块的文章作者链接。 |
copyright_url |
【可选】文章版权模块的文章链接链接。 |
copyright_info |
【可选】版权声明文字,用于文章版权模块。 |
mathjax |
【可选】显示MathJax,用于渲染数学公式。只有在设置mathjax的per_page为false时需要配置。默认为false。 |
katex |
【可选】显示KaTeX,用于渲染数学公式。只有在设置katex的per_page为false时需要配置。默认为false。 |
aplayer |
【可选】在需要的页面加载aplayer的JS和CSS,用于配置文章下方的音乐。 |
highlight_shrink |
【可选】配置代码框是否展开(true)或收缩(false)。默认为设置中highlight_shrink的配置。 |
aside |
【可选】显示侧边栏。默认为true,表示显示侧边栏。 |
front matter
写法 | 解释 |
---|
title | 【必需】页面标题 |
date | 【必需】页面创建日期 |
type | 【必需】标籤、分类和友情链接三个页面需要配置 |
updated | 【可选】页面更新日期 |
description | 【可选】页面描述 |
keywords | 【可选】页面关键字 |
comments | 【可选】显示页面评论模块(默认 true) |
top_img | 【可选】页面顶部图片 |
mathjax | 【可选】显示mathjax(当设置mathjax的per_page: false时,才需要配置,默认 false) |
kates | 【可选】显示katex(当设置katex的per_page: false时,才需要配置,默认 false) |
aside | 【可选】显示侧边栏 (默认 true) |
aplayer | 【可选】在需要的页面加载aplayer的js和css,请参考文章下面的音乐 配置 |
highlight_shrink | 【可选】配置代码框是否展开(true/false)(默认为设置中highlight_shrink的配置) |
dplayer
名称 | 默认值 | 描述 |
container | document.querySelector('.dplayer') | 播放器容器元素 |
live | false | 开启直播模式,详情 (opens new window) |
autoplay | false | 视频自动播放 |
theme | '#b7daff' | 主题色 |
loop | false | 视频循环播放 |
lang | navigator.language.toLowerCase() | 可选值: 'en', 'zh-cn', 'zh-tw' |
screenshot | false | 开启截图,如果开启,视频和视频封面需要开启跨域 |
hotkey | true | 开启热键 |
preload | 'auto' | 预加载,可选值: 'none', 'metadata', 'auto' |
volume | 0.7 | 默认音量,请注意播放器会记忆用户设置,用户手动设置音量后默认音量即失效 |
logo | - | 在左上角展示一个 logo,你可以通过 CSS 调整它的大小和位置 |
apiBackend | - | 自定义获取和发送弹幕行为,详情 (opens new window) |
video | - | 视频信息 |
video.quality | - | 详情 (opens new window) |
video.defaultQuality | - | 详情 (opens new window) |
video.url | - | 视频链接 |
video.pic | - | 视频封面 |
video.thumbnails | - | 视频缩略图,可以使用 DPlayer-thumbnails (opens new window) 生成 |
video.type | 'auto' | 可选值: 'auto', 'hls', 'flv', 'dash', 'webtorrent', 'normal' 或其他自定义类型,详情 (opens new window) |
video.customType | - | 自定义类型,详情 (opens new window) |
subtitle | - | 外挂字幕 |
subtitle.url | required | 字幕链接 |
subtitle.type | 'webvtt' | 字幕类型,可选值: 'webvtt', 'ass',目前只支持 webvtt |
subtitle.fontSize | '20px' | 字幕字号 |
subtitle.bottom | '40px' | 字幕距离播放器底部的距离,取值形如: '10px' '10%' |
subtitle.color | '#fff' | 字幕颜色 |
danmaku | - | 显示弹幕 |
danmaku.id | required | 弹幕池 id,必须唯一 |
danmaku.api | required | 详情 (opens new window) |
danmaku.token | - | 弹幕后端验证 token |
danmaku.maximum | - | 弹幕最大数量 |
danmaku.addition | - | 额外外挂弹幕,详情 (opens new window) |
danmaku.user | 'DIYgod' | 弹幕用户名 |
danmaku.bottom | - | 弹幕距离播放器底部的距离,防止遮挡字幕,取值形如: '10px' '10%' |
danmaku.unlimited | false | 海量弹幕模式,即使重叠也展示全部弹幕,请注意播放器会记忆用户设置,用户手动设置后即失效 |
contextmenu | [] | 自定义右键菜单 |
highlight | [] | 自定义进度条提示点 |
mutex | true | 互斥,阻止多个播放器同时播放,当前播放器播放时暂停其他播放器 |
Bili video
1 2 3 4 5 6 7 8 9 10 11 12 13
| <div align=center class="aspect-ratio"> <iframe src="https://player.bilibili.com/player.html? aid=474023258 &&page=1&as_wide=1&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" high_quality=1 danmaku=1 allowfullscreen="true"> </iframe> </div>
|
pdf
1.本地文件:在md文件路径下创建一个同名文件夹,其内放pdf文件名为xxx.pdf的文件
2.在线链接
Markdown中如何实现内容折叠操作
当我们在Github中写太多内容时,进行适当的内容折叠是非常有必要的。
进行内容折叠的代码如下:
1 2 3 4 5 6
| <details> <summary>展开查看</summary> <pre><code> System.out.println("Hello to see U!"); </code></pre> </details>
|
1 2 3 4 5 6
| <details> <summary>点击时的区域标题:点击查看详细内容</summary> ```(删除括号) #define A B #endif void init(void) ```(删除括号) </details>
|
预览效果:
****