主题的一些设置

2022-11-24 约 357 字预计阅读 1 分钟

部署Example

1
2
3
4


hugo #部署prod环境
hugo -D #部署dev环境
hugo server #prod环境本地预览 localhost:1313
hugo server -D #dev环境本地预览 localhost:1313

横幅使用

注意

一个注意横幅

摘要

一个摘要横幅

信息

一个信息横幅

技巧

一个技巧横幅

成功

一个成功横幅

问题

一个问题横幅

警告

一个警告横幅

失败

一个失败横幅

危险

一个危险横幅

Bug

一个 Bug 横幅

示例

一个示例横幅

引用

一个引用横幅

嵌入Bilibili

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19


<style>
    .meta-media {
      position: relative;
      margin-bottom: 30px;
      float: left;
      width: 100%;
      height: 0;
      padding-bottom: 75%;
    }
    .video {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }
</style>

<div class="meta-media"><iframe src="//player.bilibili.com/player.html?aid=887265786&bvid=BV16K4y1T79N&cid=314257093&page=1" frameborder="no" scrolling="yes" allowfullscreen="allowfullscreen" high_quality="1" framespacing="1" class="video" > </iframe></div>

Metting JS

1
2
3
4
5
6
7
8
9


\{\{< music auto="https://music.163.com/#/playlist?id=60198" >}}
或者
\{\{< music "https://music.163.com/#/playlist?id=7311031783" >}}
\{\{< music server="netease" type="song" id="1868553" >}}
或者
\{\{< music netease song 1868553 >}}

使用时: 去除\
see：https://hugoloveit.com/zh-cn/theme-documentation-music-shortcode/#custom-music-url