通过json生成talk-card

关于我页面

v3.0.8+去掉了关于我页面配置，请在md文件里编写，博主关于我页面:

跳转关于我页面

/about

新建关于我页面

hexo new page "about"

写法

---
title: "关于我"
onlyTitle: true
bgImg: https://picx.zhimg.com/80/v2-85c31120acff76826ab53ea8934ef4bb_1440w.webp
---

# 个人介绍
博主: yuang01 | 性别: 男 | 邮箱: xxxx@aa.com

## 我的书籍
{% sitegroup %}
    {% site 木兮, url=http://www.baidu.com, screenshot=https://pic4.zhimg.com/v2-7fcb0d73e1d90788ccf136e22ba7b1bd_r.jpg, avatar=https://pic4.zhimg.com/80/v2-45eb5749949e7f90a5c788f9bc5721ef_1440w.jpg, description=这是描述 %}
    {% site yuang01, url=https://yuang01.gitee.io/, screenshot=https://pic4.zhimg.com/80/v2-f549722dac8f777693c090a92498de0f_1440w.jpg, avatar=https://pic3.zhimg.com/80/v2-8bb491487280587026cd576b224ca91e_1440w.jpg, description=这是描述哦 %}
    {% site 木兮, url=http://www.baidu.com, screenshot=https://pic4.zhimg.com/v2-7fcb0d73e1d90788ccf136e22ba7b1bd_r.jpg, avatar=https://pic4.zhimg.com/80/v2-45eb5749949e7f90a5c788f9bc5721ef_1440w.jpg, description=这是描述 %}
    {% site yuang01, url=https://yuang01.gitee.io/, screenshot=https://pic4.zhimg.com/80/v2-f549722dac8f777693c090a92498de0f_1440w.jpg, avatar=https://pic3.zhimg.com/80/v2-8bb491487280587026cd576b224ca91e_1440w.jpg, description=这是描述哦 %}
    {% site 木兮, url=http://www.baidu.com, screenshot=https://pic4.zhimg.com/v2-7fcb0d73e1d90788ccf136e22ba7b1bd_r.jpg, avatar=https://pic4.zhimg.com/80/v2-45eb5749949e7f90a5c788f9bc5721ef_1440w.jpg, description=这是描述 %}
    {% site yuang01, url=https://yuang01.gitee.io/, screenshot=https://pic4.zhimg.com/80/v2-f549722dac8f777693c090a92498de0f_1440w.jpg, avatar=https://pic3.zhimg.com/80/v2-8bb491487280587026cd576b224ca91e_1440w.jpg, description=这是描述哦 %}
{% endsitegroup %}

## 我的社交账号
<div style="display: flex;">
{% btn center cool-2, Github, https://github.com/yuang01/hexo-theme-bamboo, fa-brands fa-github-alt %}
<span style="width:5px;"></span>
{% btn center cool-2, 知乎, https://github.com/yuang01/hexo-theme-bamboo, fa-brands fa-zhihu %}
<span style="width:5px;"></span>
{% btn center cool-2, 微博, https://github.com/yuang01/hexo-theme-bamboo, fa-brands fa-weibo %}
</div>

## 我的技能
<div style="display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 30px 30px;
  grid-column-gap: 20px">
{% progress 70 danger 进度条测试 %}
{% progress 60 info 进度条测试 %}
{% progress 60 success 进度条测试 %}
{% progress 60 warning 进度条测试 %}
{% progress 60 primary 进度条测试 %}
</div>

## 其他
{% linkgroup %}
    {% link 项目一, http://www.baidu.com, https://pica.zhimg.com/80/v2-970dd5538f106dd6be064c4eafc01c36_1440w.webp %}

    {% link 项目二, http://www.baidu.com, https://pica.zhimg.com/80/v2-970dd5538f106dd6be064c4eafc01c36_1440w.webp %}

    {% link 项目三, http://www.baidu.com, https://pica.zhimg.com/80/v2-970dd5538f106dd6be064c4eafc01c36_1440w.webp %}

    {% link 项目四, http://www.baidu.com, https://pica.zhimg.com/80/v2-970dd5538f106dd6be064c4eafc01c36_1440w.webp %}
{% endlinkgroup %}

## 我的游戏
{% gallery %}
![王者荣耀](https://pic2.zhimg.com/v2-abb2c12e9fbe8dda1993f7cd5d149159_b.jpg)
![和平精英](https://pic2.zhimg.com/80/v2-980e050a09c4157e45bb8fdd419f9847_1440w.webp)
{% endgallery %}

## 我的相册
{% swiper width:fill %}
![我的相册1](https://pic3.zhimg.com/80/v2-7cfc909ebe8d83683909846edd6b5232_1440w.webp)
![我的相册2](https://pic2.zhimg.com/80/v2-e22aaad20d20634f506f57fff0fcbc17_1440w.webp)
![我的相册3](https://pic2.zhimg.com/80/v2-63bbdb5b76b8d349ad35ff4281efbd37_1440w.webp)
![我的相册4](https://pica.zhimg.com/80/v2-61f99f8dcf899f54cad2a1aa28b21e44_1440w.webp)
{% endswiper %}