博客功能展示

注意
本文最后更新于 2022-06-01,文中内容可能已过时。

展示博客主题的相关功能

1.播放bilibili视频

2.播放音乐

原网址: https://music.163.com/#/playlist?id=162024453

3.mapbox

4.插入图片

/images/img/20211204153013.png
测试图片
/images/img/20211204153201.png
图片2

5.插入链接

主页地址

6.添加横幅

注意
一个 注意 横幅
摘要
一个 摘要 横幅
信息
一个 信息 横幅
技巧
一个 技巧 横幅
成功
一个 成功 横幅
问题
一个 问题 横幅
警告
一个 警告 横幅
失败
一个 失败 横幅
危险
一个 危险 横幅
Bug
一个 Bug 横幅
示例
一个 示例 横幅
引用
一个 引用 横幅

7.插入Youtube视频

8.Latex公式

下面是公式块: $$ f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi $$

这是一个行内公式:$ f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi $

9.pdf文件内嵌

套用下面的模板,填入pdf的外链即可

1
2
3
4
5
6
<object data="https://xxxx.pdf" type="application/pdf" width="100%" height= "700px">
    <embed src="https://xxxx.pdf">
        <p>This browser does not support PDFs. Please download the PDF to view it:
        <a href="https://xxxx.pdf">Download PDF</a>.</p>
    </embed>
</object>

pdf展示效果

This browser does not support PDFs. Please download the PDF to view it: Download PDF.

10.博客功能展示

在要置顶的文章的Front matter中添加weight: 1(按weight值从小到大排序)

11.新增视频shortcodes

爱奇艺和搜狐不能直接用播放页面地址的视频id,使用页面的分享按钮获取完整iframe地址 爱奇艺是tvid部分,搜狐是bid部分。

1
2
3
4
5
6
7
{{< qqvideo r0029muuhfj >}}

{{< youku XMzk1NjM1MjAw >}}

{{< sohu 90742150 >}}

{{< acfun ac14349183 >}}