alyenc/hugo-theme-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Use store method impl the music etc shortcode.

Browse Source
This commit is contained in:
elkan1788
2025-01-15 21:42:22 +08:00
parent 088da43913
commit b2e0be5a6a
16 changed files with 70 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
exampleSite/content/post/mermaid-charts.md
View File

@@ -14,7 +14,6 @@ tags:
- 时序图
url: "demo/mermaid-charts.html"
mermaid: true
toc: true
---
@@ -28,7 +27,6 @@ toc: true
{{< note info >}}
- 通过 `hugo new` 命令创建一篇新的文章
- 在文章头部配置 `mermaid: true`
- 使用短代码书写各种类型的图，自带2个参数： align（对齐） 和 bc（背景色），可参考如下使用示例
{{< /note >}}

16
exampleSite/content/post/shortcodes.md
View File

@@ -14,7 +14,6 @@ tags:
- 语法
url: "demo/shortcodes.html"
toc: true
music: true
---
虽然 `Markdown` 语法已经非常丰富能够满足我们写文章的绝大部分需求，但是为更好的对文章内容进行更友好的排版，为引设计一套自定义的短语，便于在使用时能够快速引用。
@@ -101,7 +100,7 @@ music: true
或者
{{</* bilibili id=BV1Sx411T7QQ */>}}
```
{{</** bilibili id=BV1Sx411T7QQ **/>}}
{{< bilibili id=BV1Sx411T7QQ >}}
## 音乐播放器
@@ -131,23 +130,22 @@ music: true
### 单曲播放
```markdown
{{</* music theme="#2980b9" server="netease" type="song" id="1868553" mini="true" */>}}
{{</* music theme="#2980b9" server="tencent" type="song" id="002u4ZTb0CXmJA" mini="true" */>}}
```
{{< music theme="#2980b9" server="netease" type="song" id="1868553" mini="true" >}}
{{< music theme="#2980b9" server="tencent" type="song" id="002u4ZTb0CXmJA" mini="true" >}}
### 列表播放
```markdown
{{</* music server="netease" type="playlist" id="769332917" list-max-height="140" */>}}
{{</* music server="netease" type="playlist" id="1982066521" list-max-height="140" */>}}
```
{{< music server="netease" type="playlist" id="769332917" list-max-height="140px" >}}
{{< music server="netease" type="playlist" id="1982066521" list-max-height="140px" >}}
### 自定义音乐源
```markdown
{{</* music url="https://ri-sycdn.kuwo.cn/ea345253b94e7ad564e6fb0cdf37fee6/677b6574/resource/n1/87/56/4272600974.mp3" name="天空之城" artist="宫崎骏" cover="http://img4.kuwo.cn/star/starheads/500/27/66/2532818318.jpg" autoplay="true" */>}}
{{</* music music url="/music/sky.mp3" name="天空之城" artist="宫崎骏" cover="/music/gongqijun.jpg" autoplay="true" */>}}
```
{{< music url="https://ri-sycdn.kuwo.cn/ea345253b94e7ad564e6fb0cdf37fee6/677b6574/resource/n1/87/56/4272600974.mp3" name="天空之城" artist="宫崎骏" cover="http://img4.kuwo.cn/star/starheads/500/27/66/2532818318.jpg" autoplay="true" >}}
{{< music url="/music/sky.mp3" name="天空之城" artist="宫崎骏" cover="/music/gongqijun.jpg" autoplay="true" >}}