Card-style Hugo theme designed for bloggers
Go to file
2021-01-10 17:25:51 +08:00
.github chore: change funding link to Ko-fi 2020-12-23 13:20:53 +01:00
archetypes 🎉 Initial commit 2020-08-22 13:20:08 +02:00
assets fix(colorScheme): dispatch onColorSchemeChange at page load (#118) 2021-01-04 10:52:14 +01:00
exampleSite remark42评论系统,语言配置加入到config中,修正切换theme时评论区跟随主题切换。 2021-01-08 14:30:23 +08:00
i18n fix(i18n/ru): fix typo in 'notFound' (#114) 2021-01-03 22:42:08 +01:00
images doc: add screenshots 2020-09-13 12:24:07 +02:00
layouts - 新增腾讯视频的支持 2021-01-10 16:36:48 +08:00
resources/_gen/assets/scss/scss chore(style): update compiled scss 2020-12-28 10:51:00 +01:00
LICENSE 🎉 Initial commit 2020-08-22 13:20:08 +02:00
netlify.toml ci: upgrade Hugo version to 0.79.0 (#56) 2020-12-04 16:28:42 +01:00
README.md 更新readme 2021-01-10 17:25:51 +08:00
theme.toml Bump required Hugo version to 0.78.0 2020-12-23 19:17:17 +01:00

说明

本主题基于JimmyCai的hugo主题 hugo-theme-stack 进行扩展感谢JimmyCai提供这么好的主题。

演示

颢丰阁演示站点 JimmyCai演示站点

使用说明

基于原主题的说明不再赘述,请自行查阅 jimmycai 提供相关文档。 Documentation | 中文文档

本主题扩展内容

remark42 评论系统

remark42可以通过自行部署详细的部署方式请查阅官方文档 Github 需要注意的是如果采用docker方式部署在开启Github、Google等授权时docker需要能够顺利到访问到Github和Google等相关接口否则授权失败。

本主题中配置方式 在配置文件 config.yaml 中的 comments 节点中配置

    comments:
        enabled: true
        provider: remark42
        remark42:
            host: # 为remark42服务端地址
            site: # siteIDremark42是支持多个站点使用同一个服务端的
            locale: zh # 目前好像就支持 zh中文和 en英文详见remark42官方文档

腾讯视频

腾讯视频采用短代码的方式与原主题中提供的bilibili和youtube的使用方式一致在需要插入视频的文章内容中加入如下代码

{{<tencent vid>}}

其中 vid 请替换为对应的视频的id通过网页版分享等方式可以看到视频播放的地址播放地址参数中可以查看到相关ID 示例: QQ音乐中的MV地址https://y.qq.com/n/yqq/mv/v/s0035brtxrd.html ,其中 s0035brtxrd 即为 vid 。 在腾讯视频网页版中查看视频播放地址:https://v.qq.com/x/cover/mzc00200wn2xav5/b3216awevcw.html , 其中 b3216awevcw 即为 vid

音乐播放器

播放器采用APlayer&MetingJ的方案来实现不用特意开启在需要插入音乐的页面中添加 Front Matter 内容即可开启。

支持参数如下

参数 说明
server
type 播放类型songplaylistalbumsearchartist分别对应单曲、播放列表、专辑、搜索结果、艺术家只有在自己指定播放文件的时候无需填写该参数
id 播放内容的ID如果是单曲即为单曲ID如果是搜索可以直接输入搜索的内容只有在自己指定播放文件的时候无需填写该参数
name 歌曲名称,如果播放自己指定的音频文件,可以定义播放内容的名称
cover 音乐播放的封面默认为站点LOGO如果播放自己指定的音频文件,可以定义播放内容的封面
artist 艺术家,如果播放自己指定的音频文件,可以定义播放内容的艺术家名字
url 播放指定文件的地址
p 播放器显示的位置beforeafterfixed分别表示插入在文章内容最前面、最后面或在整个页面窗口左下方浮动显示如果是放在文章前面可以不用单独定义p参数

示例: 在文章头部插入网易云音乐的单曲《你的答案》在文章的front matter中添加如下代码

audio:
  server: netease
  type: song
  id: 1400256289
  p: before

在整个页面左下方插入一首指定的曲目

audio:
  name: 歌曲名称
  url: https://xxxxxxx.com/xxx.mp3
  p: fixed
  cover: https://xxxxx.com/xxx.jpg # 可以不写
  artist: 艺术家名字 # 可以不写