<?xml version="1.0"?>
<rss version="2.0">
    <channel>
        <title>Hello！Borling</title>
        <link>https://borling.daydayupup.com</link>
        <description></description>
        <language>zh-CN</language>
        <pubDate>Mon, 26 Oct 2026 21:30:00 +0800</pubDate>
        <lastBuildDate>Mon, 26 Oct 2026 21:30:00 +0800</lastBuildDate>
        <category>Tag Plugins</category>
        <category>Hexo</category>
        <category>小米18Pro</category>
        <category>背屏</category>
        <category>记录</category>
        <category>手机</category>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/56549/</guid>
            <title>背屏、像素小人和三次换机</title>
            <link>https://borling.daydayupup.com/posts/56549/</link>
            <category>小米18Pro</category>
            <category>背屏</category>
            <category>记录</category>
            <category>手机</category>
            <pubDate>Mon, 26 Oct 2026 21:30:00 +0800</pubDate>
            <description><![CDATA[ &lt;p&gt;换机的理由其实挺朴素的：手上那台Xiaomi 17 标准版用得好好的，但我妈的Redmi K50 已经扛了四年，卡得她自己都开始抱怨了。&lt;br&gt;于是就有了这么个方案——我换Xiaomi 18 Pro，17 给她。&lt;br&gt;更巧的是 17 还在「只换不修」的权益期里，走了趟售后，最后拿到的是台全新机。等于我妈直接从四年前的红米，换到了一台崭新的Xiaomi 17。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/001.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/002.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p&gt;而我，十月一号晚上，拿到了自己的Xiaomi 18 Pro。&lt;/p&gt;
&lt;span id=&#34;more&#34;&gt;&lt;/span&gt;
&lt;h2 id=&#34;三次换机&#34;&gt;&lt;a href=&#34;#三次换机&#34; class=&#34;headerlink&#34; title=&#34;三次换机&#34;&gt;&lt;/a&gt;三次换机&lt;/h2&gt;&lt;p&gt;把时间往前拨一点。&lt;br&gt;2023 年 12 月，我自费买了第一台Xiaomi 13。&lt;br&gt;那是我第一次完全用自己的钱买手机。家里的条件并不算好，从小到大用的都是「能用就行」的机器——屏幕碎了贴张膜继续用，卡了就清个后台再撑一年。那天晚上在京东前，我印象很深的不是手机本身，而是那种很具体的感觉：这是我自己挣的。&lt;br&gt;2025 年 9 月 30 日，挥霍一下换成了Xiaomi 17。&lt;br&gt;2026 年 9 月 30 日，又是同一天，支付了全款，次日晚上Xiaomi 18 Pro 到手。&lt;br&gt;三年不到，三台手机。&lt;br&gt;写到这里我停下来问了自己一句：&lt;strong&gt;我到底在追求什么？&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&#34;那些钱，花得有点急&#34;&gt;&lt;a href=&#34;#那些钱，花得有点急&#34; class=&#34;headerlink&#34; title=&#34;那些钱，花得有点急&#34;&gt;&lt;/a&gt;那些钱，花得有点急&lt;/h2&gt;&lt;p&gt;说实话，一开始是有点补偿心理的。&lt;br&gt;小时候不太敢开口要东西，长大了就特别想一次性补回来。学生时期手头稍微宽裕一点，就开始有点挥霍——不是那种大富大贵的挥霍，是「终于可以不太看价签」的那种。买的时候很爽，买完过一阵子又觉得空。&lt;br&gt;买Xiaomi 17 的时候，这种心态还在。新机到手，新鲜三天，然后就开始等下一代。&lt;br&gt;但这次换Xiaomi 18 Pro，感觉不太一样了。&lt;br&gt;前两次更像是在证明「我终于买得起了」，这一次我更关心的是「我能拿它做点什么」。&lt;/p&gt;
&lt;h2 id=&#34;背屏：从消费到创造&#34;&gt;&lt;a href=&#34;#背屏：从消费到创造&#34; class=&#34;headerlink&#34; title=&#34;背屏：从消费到创造&#34;&gt;&lt;/a&gt;背屏：从消费到创造&lt;/h2&gt;&lt;p&gt;拆开第一件事不是开机，是把手机翻过来看背面。&lt;br&gt;这几年手机正面都长得差不多：一块直板、一块高刷屏，各家卷到最后都是「更大的屏、更窄的边」。但背面不一样，它是这台机器上唯一还有想象空间的地方。&lt;br&gt;刚开始我也就是用它看看时间、看看通知。直到我想：能不能让它显示点我真正关心的东西。&lt;br&gt;我平时戴 Amazfit 手表，步数、睡眠、心率这些数据都在 Zepp 里。那为什么不搬到背屏上？&lt;br&gt;一开始想得很简单——把界面投上去不就行了。试过才发现完全不是那么回事：投屏只是把桌面镜像过去，那么小一块屏，字都看不清，也没有任何意义。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/004.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p&gt;真正该做的是「背屏应用」，专门为那一小块屏幕设计的卡片。&lt;br&gt;于是开始折腾：查官方怎么开发、翻资料、试模板。中间踩了个很典型的坑——按教程做完，运行起来一切正常，唯独背屏上什么都没有，应用跑到主屏上去了。折腾了半天才明白，背屏应用的入口和普通应用根本不是一回事。&lt;br&gt;最后跑通的时候，背屏上是这样的东西：今天的步数、走的距离、昨晚的睡眠、当前心率。&lt;br&gt;抬腕看手表能看到的东西，现在翻过手机也能看到。&lt;br&gt;这功能谈不上多实用，但那种「这块屏是我自己定义的」的感觉，很难得。&lt;/p&gt;
&lt;h2 id=&#34;它也在一些小事上帮了忙&#34;&gt;&lt;a href=&#34;#它也在一些小事上帮了忙&#34; class=&#34;headerlink&#34; title=&#34;它也在一些小事上帮了忙&#34;&gt;&lt;/a&gt;它也在一些小事上帮了忙&lt;/h2&gt;&lt;p&gt;不过背屏不是只有折腾才有意思，日常用起来也有些很顺手的瞬间。&lt;br&gt;印象最深的是坐高铁那次。买完票之后，行程直接就出现在了背屏上——车次、检票口、座位号，翻过手机一眼就能看到。进站的时候别人在人群里掏手机、解锁、翻 12306 找车次，我只要把手机翻过来。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/007.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/008.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p&gt;不是什么大功能，但那一刻确实觉得：这块屏算是长在点子上了。&lt;br&gt;壁纸也换了不知道多少张。官方的、社区的、自己拼的，隔几天就想换一个，像小时候给课本包书皮一样，明明没必要，但就是会手痒。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/010.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;h2 id=&#34;再往前一步：让屏幕上住着谁，由我决定&#34;&gt;&lt;a href=&#34;#再往前一步：让屏幕上住着谁，由我决定&#34; class=&#34;headerlink&#34; title=&#34;再往前一步：让屏幕上住着谁，由我决定&#34;&gt;&lt;/a&gt;再往前一步：让屏幕上住着谁，由我决定&lt;/h2&gt;&lt;p&gt;背屏还能装一些小应用，其中有个宝可梦养成类的小游戏——一只杰尼龟住在屏幕里，喂它、给它洗澡、看它升级。&lt;br&gt;我盯着那只杰尼龟看了很久，然后冒出一个想法：能不能把里面的人物换成我自己画的像素小人？&lt;br&gt;于是就有了后来的事：把资源包解出来，一帧一帧地把角色重画成像素画，走路、吃饭、洗澡、生病、升级，每种动作都重做一遍，再打包塞回去。&lt;br&gt;现在那只小龟不见了，屏幕里住着的是个粉色头发、头顶一根呆毛的小人。&lt;br&gt;从「买一台手机」，到「决定这台手机里住着谁」，中间隔着的其实就是几个晚上的折腾。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/005.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/006.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;h2 id=&#34;最后一步：把自己也搬了进去&#34;&gt;&lt;a href=&#34;#最后一步：把自己也搬了进去&#34; class=&#34;headerlink&#34; title=&#34;最后一步：把自己也搬了进去&#34;&gt;&lt;/a&gt;最后一步：把自己也搬了进去&lt;/h2&gt;&lt;p&gt;背屏上还有一种卡片，是 AI 智能体。&lt;br&gt;既然屏幕里已经能住一个像素小人，那不如让它干脆会说话。&lt;br&gt;于是我把自己的形象和呆呆酱的形象都做了进去，做成两个能在背屏上对话的智能体。翻过手机点一下就能聊两句——问点小事、让它讲个笑话，或者只是随口吐槽一句今天有多累。&lt;/p&gt;
&lt;div class=&#34;videos&#34; col=&#39;2&#39;&gt;&lt;div class=&#34;video&#34;&gt;&lt;video controls preload&gt;&lt;source src=&#39;https://oss.borling.daydayupup.com/post/2026/10.26/011.mp4&#39; type=&#39;video/mp4&#39;&gt;Your browser does not support the video tag.&lt;/video&gt;&lt;/div&gt;
&lt;div class=&#34;video&#34;&gt;&lt;video controls preload&gt;&lt;source src=&#39;https://oss.borling.daydayupup.com/post/2026/10.26/012.mp4&#39; type=&#39;video/mp4&#39;&gt;Your browser does not support the video tag.&lt;/video&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;这次不装了，第一次对着背屏说话的时候，确实觉得有点厉害。&lt;br&gt;技术上没什么好吹的，无非是把形象、语音和对话能力拼在一起。但每次走在路上，把手机翻过来，看见自己的小人在那块小屏上等着回应，还是会有一种不太真实的感觉——&lt;br&gt;几年前我还在为一块碎屏贴膜凑合，现在我在给一块自己定义的屏幕做角色，还让它开口说话。&lt;br&gt;厉害的可能不是功能本身，而是我终于有余力去做这些「没什么用」的事了。&lt;/p&gt;
&lt;h2 id=&#34;一些日常&#34;&gt;&lt;a href=&#34;#一些日常&#34; class=&#34;headerlink&#34; title=&#34;一些日常&#34;&gt;&lt;/a&gt;一些日常&lt;/h2&gt;&lt;p&gt;手机壳我换得比较随意。这次买的是淘壳那款雅格皮纹磁吸支架壳，黑色，二十几块钱。皮纹的手感比光面舒服，磁吸支架在桌上看视频也方便——这个价位没什么可挑的。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/003.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p&gt;至于性能、影像这些，网上评测已经够多了，我就不重复了。&lt;br&gt;倒是最近大家都在说存储混用的事——同一款手机，闪存颗粒可能来自不同供应商，买到哪一批全看运气，社区里干脆叫它「抽奖」。&lt;br&gt;我这台查出来是双海力士，按大家的说法算是一等奖。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2026/10.26/009.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p&gt;运气确实不错，不过我也没太在意这件事。毕竟手机买来是用的，不是用来对着参数表比大小的——真要计较，前两台早就该睡不着觉了。&lt;/p&gt;
&lt;h2 id=&#34;写在最后&#34;&gt;&lt;a href=&#34;#写在最后&#34; class=&#34;headerlink&#34; title=&#34;写在最后&#34;&gt;&lt;/a&gt;写在最后&lt;/h2&gt;&lt;p&gt;回头看这三次换机：&lt;br&gt;第一次，我买的是「我终于可以自己决定」。&lt;br&gt;第二次，我买的是「我跟得上」。&lt;br&gt;第三次，我想买的是「我能做出点什么」。&lt;br&gt;家庭条件不太好这件事，曾经让我对「买东西」有一种很复杂的情绪——既渴望，又觉得不该渴望。后来自己赚了点钱，那种紧绷感才慢慢松开。松到最后，反而没那么想买了。&lt;br&gt;手机用久了都会腻。参数会过时，跑分会落后，下一代永远更好。&lt;br&gt;但自己改过的东西，会一直有点不一样。&lt;br&gt;我大概不是在追求一台更好的手机，而是在确认一件事：&lt;strong&gt;我有能力决定自己的生活，哪怕只是决定屏幕上住着谁。&lt;/strong&gt;&lt;/p&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/20251231/</guid>
            <title>我的2025年总结</title>
            <link>https://borling.daydayupup.com/posts/20251231/</link>
            <pubDate>Wed, 31 Dec 2025 19:30:00 +0800</pubDate>
            <description><![CDATA[ &lt;h1 id=&#34;2025年度个人年报&#34;&gt;&lt;a href=&#34;#2025年度个人年报&#34; class=&#34;headerlink&#34; title=&#34;2025年度个人年报&#34;&gt;&lt;/a&gt;2025年度个人年报&lt;/h1&gt;&lt;p&gt;2025年于我而言，是步履不停、满载收获的一年，是跨越阶段、实现成长的一年。这一年里，我走过山川湖海，闯过赛场难关，完成学业进阶，坚定信仰初心，每一个脚印都清晰且有力量，现将全年历程总结如下：&lt;/p&gt;
&lt;h2 id=&#34;一、-步履不停，在旅途里见天地见烟火&#34;&gt;&lt;a href=&#34;#一、-步履不停，在旅途里见天地见烟火&#34; class=&#34;headerlink&#34; title=&#34;一、 步履不停，在旅途里见天地见烟火&#34;&gt;&lt;/a&gt;一、 步履不停，在旅途里见天地见烟火&lt;/h2&gt;&lt;p&gt;这一年，我带着热忱奔赴多地，在行走中感受不同地域的风土人情，解锁诸多人生第一次。春节期间，开启东南沿海及港澳之旅，依次打卡福州、泉州、厦门、汕头、澳门，这也是我首次踏出大陆的旅程。在福州沉浸式观看传统民俗游神，感受非遗文化的热烈鲜活；在泉州体验特色簪花，定格独属于闽南的浪漫；在厦门漫步鼓浪屿、打卡集美学村，沉醉于海滨城市的文艺与清新；在汕头酣畅淋漓地享用当地火锅，品味舌尖上的烟火气；在澳门解锁全新地域风光，圆满了首次出境的旅途心愿。&lt;br&gt;6月，奔赴贵州开启山水之旅，打卡黔灵山公园，饱览荔波小七孔的灵动山水，夜宿西江千户苗寨，身着当地特色服饰沉浸式体验苗寨风情，还亲眼见证了黄果树瀑布的磅礴壮阔，在青山绿水中舒展身心。&lt;br&gt;9月，步入新阶段的我打卡楼观台，探寻老子炼丹炉的历史底蕴，在人文古迹中感悟传统文化魅力。旅途的意义，不仅是看过的风景，更是拓宽眼界后的从容与豁达。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;h2 id=&#34;二、-突破自我，在挑战中攀高峰创佳绩&#34;&gt;&lt;a href=&#34;#二、-突破自我，在挑战中攀高峰创佳绩&#34; class=&#34;headerlink&#34; title=&#34;二、 突破自我，在挑战中攀高峰创佳绩&#34;&gt;&lt;/a&gt;二、 突破自我，在挑战中攀高峰创佳绩&lt;/h2&gt;&lt;p&gt;这一年，我始终保持奋进姿态，在不同赛道迎难而上，斩获诸多意义非凡的成果。5月，是充满热血与突破的一月。&lt;br&gt;5月7日打卡西安冰晶顶，体验了一场“飞檐走壁”式的硬核爬山，在极限挑战中锤炼坚韧意志；&lt;br&gt;5月12日，在全校30名学生的激烈竞争中脱颖而出，成为我校唯一一名入选陕西省全省高校大学生党员示范培训班的学员，这份荣誉是认可更是责任，为我的党员成长之路添上浓墨重彩的一笔。&lt;br&gt;6月3日，靠自身努力全款拿下大疆Pocket 3设备，用镜头定格往后的每一段精彩。&lt;br&gt;6月20日，重返陕西机电职业技术学院，全力备战中国国际大学生创新大赛（2025）陕西赛区，延续过往的拼搏劲头；&lt;br&gt;7月16日赛事收官，成功斩获金奖，实现连续两年荣获该赛事陕西赛区金奖的佳绩，且连续两年成为我校该赛事的唯一金奖获得者，用实力为母校争光。&lt;br&gt;整个暑假，我始终保持着学习与探索的热情。我爱上了骑行运动，在风驰电掣中感受自由与活力，也锻炼了身体；同时，我开始钻研前端知识，致力于为自己的博客升级全新UI风格，在代码的世界里不断探索，提升自己的技能。&lt;br&gt;12月，历经悉心培养与自身坚守，顺利转为中共正式党员，自此以更坚定的初心践行党员使命，以更严格的标准要求自我。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/9.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;h2 id=&#34;三、-温暖相伴，在日常中拾美好赴新程&#34;&gt;&lt;a href=&#34;#三、-温暖相伴，在日常中拾美好赴新程&#34; class=&#34;headerlink&#34; title=&#34;三、 温暖相伴，在日常中拾美好赴新程&#34;&gt;&lt;/a&gt;三、 温暖相伴，在日常中拾美好赴新程&lt;/h2&gt;&lt;p&gt;这一年，既有拼搏的热血，也有日常的温暖，更有人生阶段的重要跨越。&lt;br&gt;4月8日，收到朋友赠送的鲜花，自此开启养花之旅，在悉心照料中感受生命成长的美好，为生活增添一抹温柔色彩。&lt;br&gt;7月，迎来人生重要节点，5日度过21岁生日，在岁月沉淀中愈发成熟稳重；10日顺利毕业，告别熟悉的校园，为专科阶段的学习生活画上圆满句号。&lt;br&gt;9月5日，怀揣憧憬踏入西安建筑科技大学华清学院，以新生身份开启本科新阶段，迎来全新的学习与生活旅程，开启人生的崭新篇章。&lt;br&gt;9月30日，凭借自己的积攒，购入Xiaomi 17手机，用努力为自己的生活赋能，每一份收获都源于日复一日的付出。&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/9.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;h2 id=&#34;四、-年度总结与展望&#34;&gt;&lt;a href=&#34;#四、-年度总结与展望&#34; class=&#34;headerlink&#34; title=&#34;四、 年度总结与展望&#34;&gt;&lt;/a&gt;四、 年度总结与展望&lt;/h2&gt;&lt;p&gt;回首2025，是收获满满、不负韶华的一年。我在旅途里拓宽眼界，在赛场中证明自我，在学业上完成进阶，在信仰上坚定初心，从预备党员到正式党员，从独自爬山到赛场夺金，每一份成长都离不开自身的拼搏与身边人的支持。过往的荣誉与经历，皆是前行路上的底气。&lt;/p&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/10959/</guid>
            <title>amazfit Helio Ring</title>
            <link>https://borling.daydayupup.com/posts/10959/</link>
            <pubDate>Tue, 18 Nov 2025 20:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/11.18/MVIMG_20251118_200804.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/11.18/MVIMG_20251118_201026.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/11.18/MVIMG_20251118_201214.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p&gt;官宣！我被“套牢”了💍 &lt;/p&gt;
&lt;p&gt;（狗头保命）其实是被amazfit新出的Helio Ring狠狠“套牢”～ 智能戒指也能这么懂仪式感，颜值和黑科技双在线，谁能拒绝这种“惊喜”！#amazfit #HelioRing #智能戒指&lt;/p&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/41416/</guid>
            <title>西安市待打卡美食（持续更新）</title>
            <link>https://borling.daydayupup.com/posts/41416/</link>
            <pubDate>Thu, 04 Sep 2025 00:17:09 +0800</pubDate>
            <description><![CDATA[ &lt;details class=&#34;folding-tag&#34; &gt;&lt;summary&gt; 莲湖区 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;p&gt;1.金桥牛羊肉泡馍小炒 （教场门4号）&lt;/p&gt;&lt;div class=&#34;gallery&#34;&gt;  &lt;div class=&#34;fj-gallery page_img_lazyload lazyload btn_album_detail_lazyload data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;2&#34;&gt;    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896b15759c.jpg&#34;,&#34;alt&#34;:&#34;孜然夹馍&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896cabde59.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896eb0f3ea.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647890012b1ec.webp&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;  &lt;span&gt;加载更多&lt;/span&gt;  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;  &lt;/button&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/details&gt;

&lt;details class=&#34;folding-tag&#34; &gt;&lt;summary&gt; 长安区 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;p&gt;1.金桥牛羊肉泡馍小炒 （教场门4号）&lt;/p&gt;&lt;div class=&#34;gallery&#34;&gt;  &lt;div class=&#34;fj-gallery page_img_lazyload lazyload btn_album_detail_lazyload data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;2&#34;&gt;    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896b15759c.jpg&#34;,&#34;alt&#34;:&#34;孜然夹馍&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896cabde59.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896eb0f3ea.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647890012b1ec.webp&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;  &lt;span&gt;加载更多&lt;/span&gt;  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;  &lt;/button&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/details&gt;

&lt;details class=&#34;folding-tag&#34; &gt;&lt;summary&gt; 高陵区 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;p&gt;1.金桥牛羊肉泡馍小炒 （教场门4号）&lt;/p&gt;&lt;div class=&#34;gallery&#34;&gt;  &lt;div class=&#34;fj-gallery page_img_lazyload lazyload btn_album_detail_lazyload data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;2&#34;&gt;    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896b15759c.jpg&#34;,&#34;alt&#34;:&#34;孜然夹馍&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896cabde59.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647896eb0f3ea.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://bu.dusays.com/2023/06/01/647890012b1ec.webp&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;  &lt;span&gt;加载更多&lt;/span&gt;  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;  &lt;/button&gt;&lt;/div&gt;
              &lt;/div&gt;
            &lt;/details&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/34201/</guid>
            <title>公告：博客临时维护通知</title>
            <link>https://borling.daydayupup.com/posts/34201/</link>
            <pubDate>Sun, 31 Aug 2025 00:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;h1 id=&#34;博客网站维护公告&#34;&gt;&lt;a href=&#34;#博客网站维护公告&#34; class=&#34;headerlink&#34; title=&#34;博客网站维护公告&#34;&gt;&lt;/a&gt;博客网站维护公告&lt;/h1&gt;&lt;p&gt;您好，访客。&lt;/p&gt;
&lt;p&gt;由于我的个人博客网站正在经历一些技术问题，部分图片资源暂时无法正常显示。我们正在尽快处理此问题，预计不久后将恢复正常。&lt;/p&gt;
&lt;p&gt;感谢您的理解与耐心。在此期间，如果您遇到任何加载问题，建议您稍后再访问本博客。&lt;/p&gt;
&lt;p&gt;祝您有个美好的一天！&lt;/p&gt;
&lt;div style=&#34;text-align: right;&#34;&gt;2025年08月31日&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/49266/</guid>
            <title>ChatGPT巧思：打造个性博客Logo</title>
            <link>https://borling.daydayupup.com/posts/49266/</link>
            <pubDate>Thu, 28 Aug 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;div class=&#34;hbe hbe-container&#34; id=&#34;hexo-blog-encrypt&#34; data-wpm=&#34;抱歉, 这个密码看着不太对, 请再试试.&#34; data-whm=&#34;抱歉, 这个文章不能被校验, 不过您还是能看看解密后的内容.&#34;&gt;
  &lt;script id=&#34;hbeData&#34; type=&#34;hbeData&#34; data-hmacdigest=&#34;4dd50708e1cbe7293330555a2ddf7323465545976995f5c2daeaab957a17ecb1&#34;&gt;c2439fcbc2bd0f1856f4b7f4c1c48da5bd76b95f76e49b674d384c55e2ea55a5b5fe3b663d8d1b39f69e288c5f58a51be036d66402e77b195039d0b5ee069d46b18245a98a0a92c79781cee725bc3a9d3ddf05390a5e1139b8a87ceb8084c45bb6c22f3f429c0e8917aab53ae4b1010566d32936ffd05571369e48c48444123b60d27a927eaea26f26adf65efb3721ce158007e5aaaaea812895b1d6a3107f8b6b6c877684555507c5162a8174e0e94069015a006006647cf6a261ce3aead200c8cff0cf45dc7332a3999f558ef69f450e03fbbb4e7c2ab8145bdeaa215f65cd6cb923ab9b210b6b16a0f1ecc3d9f7b47992a2ad30ce9aba80d4b2f12d99b650220dd221aebfe36774ef741050e8d8f5f16c481f4d438bdfab13df8d4b8517778874da55c706902eaa5a5cf85cc5a645dd5b4d3f0010dee94a76c4d75b675fe4459d530ac98880acd64e114c6f807dc3a77fb6a8d602b53a131cd1d95b70103625ccba3862043ede06ff957f71157b4fa2d217cb906eae8a7eac7ac2fa345ebfa7fdf53e28b67c9c5df8b00028a35f7c2db78b852c742c4dce8ba08cf84abb0df11016d9bd520fc3802441b82fe05e71c1739da37aed31f7552f32f3b9274b826444e8e251c05d03ddd45772262529fa19908bc76049df442cb5108dc067effcaead02ddaddac0e6c1af817f90c27814c9624a4d579a7197c06869041ffbff2787871d8809b1201b207b61f77d406880d115ce482ef1ebe73ae50f0dc83b5ae624cc7250e2b0d3bbfd02637fb66dce57ebbcca655b61d4ceac68b5a8144721358da46308c8b43a53cf35f2897db19d9ed7ba9d060027799ca1884155b7662085a68ae0aaa583b7ab212b6df1340e5099b396fba3a81e9a8c14591f9ef4485c657a4ccae5e91ab03ea9f371df2c2b86416f01fa507f97800e4e26ab9f888f09efabb4e8ee320cea85195619338aa799ffbb1225a5b365e71d68e57defed7f62f86379625cf6787983c915b03064e985738b57b07370203d44ea91cf06248a137744d28af4bdc092556fd86b38609e439c9c1fdac2ecc6234ffcdd896fbb8c2d828fd0e9f98d6e1b13f052aa3ea35c0c2cc5a71acb31197e4ebd49e5e430223f8349298b10df6370626fc182bfd7df8816186eeba4eabd28c1f83a3602d769101c0cc58cbbb506beb70ad7ee0cff37289d0a7bb43caf5ce478a7f9c951f1fcff16024b15f46aeba861a7da9212b54a98f46003e61db03cd864b979b11373671876d3237eae7a4ec9909bc95e5fc801aa657a1b9684acc2d015e1e96fd7207f57bcdb277af039bdf9e71d2a70c60a08d60f0c01f4e50baad068984d4ec06c12aef32e1d772ad85ec9bb1a486cff84750e6e19d1a55e1b2dcf10d276ec93b95d657a4490012cac062de5a8c8b306ab0432cca13a0393547a3fc4027244e3f3e35bbcacb2d4d4535b9125896c782f630550117172b970d8208129de882a72480af88dc13357d53a55c1b34ae2a6468d22a771aea7500ad7899e64c0f88d1b9e7f39663a415f2cb0ec0ef5c94ce7cdf0370cfdc3e5fbeff8bacac67d7006127181d19f90fb9ee179e01b0906a3b07ef2bc8f2ea125d7779322f47c5dfb74cb01fb0f8f6c9412622180e6f86fba15d23485d769cd4981f659d8a3c60a0d237868e28c0d89a0eefe06ef3ca07a1f492382f07f13a47210f94cc18144a4e104ca214b1be821dd01b70c49201356f9d3bc99bd8c76c79751d214fdcdbfee5e7d6b61d63cf50b287ced54b61596d4aedbba853b542818971086e9669039676e0655354c0476b62cac5d60594fd2fec53af0af907cd27356c29b286d243d181f20456939638361e591658517c9a8a2a2f65f8af65f1319e319f358cba8562cc66b88912c48c34f6919061030a63ddbac6c698427ef9d6ec140587c9fe5bccc68cff5d254b3533e1050fb452a0a2c0cdcbaa6a7325248341f4c42fb7810839287650a33eb8a7a0dbee17367d873b6572c4326575b84d134122be53f6a25451dbd6e67572a4017c1a3101741037daf1cb4c8958b836d8e3131c6ad97b0efce6132fed983af6731a5b2889a114aee6f8c9582070253516f49fa998daad1082eaeb039dd6d20661ecd4882df49b55b1f756244f8eb69584befdb237a4381ca2b4c19d625f31c7fa3cf66e14b499b0a33fb1e33df47fbcec08e065a3bc0e4242a2f2f06cb050ed71f032c3aaf73cef9d517be341506bafae6717adcd70ae126a933bfb5892ffcd225d86518dfaebf3fe3304d736ddeb14741ccf59354bc450141c86c50c28d298eea72b2018e1bbee0c94222d19a945f973243d2d4197ac17b37b7db24f8c8859d91d8f7abbfb3c8eac7523dc61f788516fd9e7e6051c7124fa417edd0483962a6666318017976bdac09fd666eaa1bd2dd23541d233d083420153654978db1f8f0de41a217ea07648abdd65f378a9df1b1f9081dea998a0dd2fabaff4492b5bd4d1aca55eb6f2f556e2dfed04f894cf27bd905c84e7b81fa3075cd7a5b8a20f1f1c1ea4a1aea5a6eda4b9f642d5d7dea0c13a2ed067ab13926698d431c151cd44a959e6fc3055b83fa6bbb9e030f46615176959858f8754f41800c1541046614d1e124da9e5935478ab5da96d4c124baa9df7601e9218085779f0237689a96c90a4cc740019b385ccb085b1ac7d73c3d9d4336c1c3c4342176797bcfd8c5aab08de50e3c1f9a937b531bae71f317f0092ab553b59e0bc29d1091c9d93092e77b665686c5927de0a56b01040c4e99bb01522cbb395f3801d01be080fad542fa3e733570e625a149bcbf450a920cf169f16e483f4ccf93679aeab92ed577127c039e05e382eaca382c72e1b7d2b1a075583d0fdd2879d971abf8f29309fb8063c5b863d5f62e384ef31e29acf5b1b09cb72bd3e8753d0331d49767fbf9840abbea5eb881d097d9e093d4a9678479a0ee16f7ef07cc44e90d2cdc81c0089b004fa29b8fa5ae4d03fc0c2efbb9bbb853465871032298902a90f3779a497c1f8bdb2f63ffd0ee43f9a365d1a90cf3e66de7b2a786361517b9bf968b82e079230fb12c34f80dac7cda5759c692f03f0a38a19671eda3a900cda93d776f5726771e25170259492dc53c1132ae97724fb66ea5306f04ee575e6bc231e16e25cfc2fe6fcdc6c76b4cf641c93c1af7f72eacd7cf18ebe89d076337d96665559938bdb0a73ceb228cbd582cf9f5a05e9b62a15f12ac72e3215c0f97695d1dbc91f4ce39b2d4df313b5a839811fa16a187ea37aabe581db43719addbd82d506d0d21103addffd49635d691f75d462a5e2cca369cd7dd0476efc2cd74598292b5cf8fc3fb7e1f995a5e00f1e3799d55251e8276d61535df1ee1f2f93e2868a3189a63a182d82c0edb11ec1b31bcc0fe3e65693fb307cef17e5bd49d77e28ba7fc86e0fb847c66ddfc938f5f59c74e214a2c88ce43bb7dbe1d03139e0cfc01f5756a957594670eba5b05011e7310708da900a1dc6070ad24c6fa1c01b94b4d9b8c560dcd4ae32a2b3660ddde7a6ce348e50b83511aa7ccaf8b9368f3ed4f7fa43c1b2fc26fca9c625ae2cdcc99858d76f0069993065668e545944f58076a0eb0060a315b328c32eb059e26bb18ce6b1db14f36ad26413458d66fa26ae312dae5899c3a21a83c84f441601b966e5ee536011dd054579d0bf1614927c1f5c7d7a32df9ecb2514169e99910a89f795bba14af1eceab40b97bef7f30e6855daceec741b5763bb165357bf6ccc994fe872542a3ba3eacbf0dbf7449d8ed1b89b821c0ff941d5c32c3f3216e27455d4ba046e36ee18c256a2c9c33d796cb1df3cbf2eb5bc6444b91893d8f4d0dba596ec3e9cfbcdae3be303ef518a2167e7f8b4f9e7aa6a15b81a60d16365c0125f1f2d68a0a17d5c012d43f62e16eadf476c7703bb37f11b540590d6232eceea8af35115d8fc2b0ef92b04c9e74dd4e2df6b5e4fe8678cb23a49db30935e368b9bf90de1c5e873dc05037fa57ee514ef8f1eb278e03f0146b469e0fcdd38a2f5f87621c1af52df191c93d682a9a47e3be4509a8fbe95bc048c3793ec2fa484e11cdab26f15dfc5bf97d99ca905d69883b24e2fa63501f504f7584027a5e02e48129c7c7ada423150dfcab28214f9ec3d88c3b4165f1e1baadb25d8ded3fb82894b447be48a3be1850e075efdd699d4b10635c4ef12647de4107c22e082b8573bd74232914395d30f01c74360c2a6a74af02ddba3378a407b64fd3abd5e268b50a15ad71babe23a1a7b031f03d14296863343f10493e9f7bf2276bea1685eef81a2e6655341608136cd934a7c1c3030a038bc0528ca31593deb0daeb4d4a134af831ce6669a080129576fbe1d7b4ec114820fd2f9d9187f9a1fd7f2f540711042f7de06e13ce82e32b1389346a95d249aa8561a9e2bc93f6105636436becf5ca74015dc2693f80aefe227223d7e20449287b33d7a5e7cb557625567cae15b23781a286db3d6c7b3b8d7611593bb215ce8e5a2fd0c3c4d74a2db3fdf595a9b8e695d374caf7c2bcf0412d38660f237e372d6a16f977413a218fa61d1438469ef124510aa95f4a7c34d1a637a255cf893b76927f316406039e049bf6d57cdd61ab31ff84cbab1997c82bed33c09bf62c9f3b3398abf7a0fec626f960018d099e3ad5a604d7986e57bc7626397d19f225eb62eda670d4b37ea1148b3f96b69dfa550a8268dcaef1686a151cd89b5244359f980bd37891bc9a3aa211f3402609e6ed4b9ccc9671d35a22bcdeda3ae923154febe0109b0922e2ac8e4e678c84bf53a8568bc9759941a0e35f947d1ef0f2379e7663b1e105d22c86671c3154b939cc851cf66526b529ac2ccb7e8545488ac0c4d1fadd63ffeaf045c04ec03ac22b892825e400716da9f35c400fc7087751aa5eb544e6aa6b8ffa698a98956cfc6d55241805dd03452f6c8345c1ecda6e2e39dc30b16bcbf68483b176b9815b152935df71273010a668db1bf19a77c2430c58aaf206b29cf3073f4fd52b471e1de4f2af004f3e4a832937b5739bfb00f2e0c8afa531d2e874458b2fc8e151e9702addb315c6109b0cb11af74be12f0d057fa5de5c6ace4cb1e6eb61d0e6c984923d662e65b8aad54d94f7c7eb0207479f8b7d338d1af20fc35e6a5bc82f42a2db6175a28cd67655e7a62aaca9973c8c7e8a90a51613d139f899a16c7b88eea7a7c114ca1f1231f0c1eb11af218c1056ded19ef975d6fae82f8a27a7b79019d5607f22685bd9d73a535cb45612bb9182a4b942d858c9c417f324f974a2b753daedc65eca75fb2760e3e1d47099136e9d99acdb36d64b02f67089f37cf8a2be7c269b18cea452c0e7c245044332c2db6f68a19bceb2121227da4a5b78a1db2b20f96e77c6e6fff64eb874d78c5bc8483e18e4ff3c62f8b2a543dbf82d223c0ee5386f5c3bf55dc1f61bba594192fbb240e7d60df0b717729bb7792779f41fe1290052b7cbfd092f7058624cb523eca7cecfd83ae97d453690bf59d0afd545a4526d791074c96042b507baefe3c3a6b15acd2295cbfd1b9c3f3726db69fff24170697c1500a821fa0f72d806cafe971fdafc881994178d425361e19332f415d52539515ad93a00f68cec683b3eb592ac96c8f0eaad3707c96221e3fdd2e1a1e3dfc2bff73875afeed10e100d3701c4d881744adf2ff68022a942dfb5eec6f20bc5111809bdc579bfb1083792394e4445ca7f7dab&lt;/script&gt;
  &lt;div class=&#34;hbe hbe-content&#34;&gt;
    &lt;div class=&#34;hbe hbe-input hbe-input-default&#34;&gt;
      &lt;input class=&#34;hbe hbe-input-field hbe-input-field-default&#34; type=&#34;password&#34; id=&#34;hbePass&#34;&gt;
      &lt;label class=&#34;hbe hbe-input-label hbe-input-label-default&#34; for=&#34;hbePass&#34;&gt;
        &lt;span class=&#34;hbe hbe-input-label-content hbe-input-label-content-default&#34;&gt;您好, 这里需要密码.&lt;/span&gt;
      &lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;script data-pjax src=&#34;/lib/hbe.js&#34;&gt;&lt;/script&gt;&lt;link href=&#34;/css/hbe.style.css&#34; rel=&#34;stylesheet&#34; type=&#34;text/css&#34;&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/17216/</guid>
            <title>Zepp 用户指南：安装自定义表盘的步骤</title>
            <link>https://borling.daydayupup.com/posts/17216/</link>
            <pubDate>Fri, 01 Aug 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;h1 id=&#34;如何在-Zepp-上安装第三方表盘&#34;&gt;&lt;a href=&#34;#如何在-Zepp-上安装第三方表盘&#34; class=&#34;headerlink&#34; title=&#34;如何在 Zepp 上安装第三方表盘&#34;&gt;&lt;/a&gt;如何在 Zepp 上安装第三方表盘&lt;/h1&gt;&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/Zepp.jpg&#34; style=&#34;width:400px;&#34;/&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;想要为您的 Zepp 智能手表增添一些个性化元素吗？安装第三方表盘是一个简单快捷的方法。以下是详细的步骤，指导您如何操作。&lt;/p&gt;
&lt;h2 id=&#34;前提条件&#34;&gt;&lt;a href=&#34;#前提条件&#34; class=&#34;headerlink&#34; title=&#34;前提条件&#34;&gt;&lt;/a&gt;前提条件&lt;/h2&gt;&lt;p&gt;确保您的 Zepp 应用是最新版本，并且您的设备支持第三方表盘的安装。&lt;/p&gt;
&lt;h2 id=&#34;步骤&#34;&gt;&lt;a href=&#34;#步骤&#34; class=&#34;headerlink&#34; title=&#34;步骤&#34;&gt;&lt;/a&gt;步骤&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;test4&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;test4-1&#34;&gt;&lt;i class=&#34;fas watch-smart&#34;&gt;&lt;/i&gt;第一步&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;test4-2&#34;&gt;第二步&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;test4-3&#34;&gt;第三步&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;test4-4&#34;&gt;第四步&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;test4-5&#34;&gt;第五步&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;test4-6&#34;&gt;第六步&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;test4-7&#34;&gt;第七步&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;test4-8&#34;&gt;第八步&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;test4-1&#34;&gt;&lt;p&gt;&lt;strong&gt;进入右上角个人中心&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/1.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;test4-2&#34;&gt;&lt;p&gt;&lt;strong&gt;进入设置&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/2.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;test4-3&#34;&gt;&lt;p&gt;&lt;strong&gt;进入“关于”&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/3.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;test4-4&#34;&gt;&lt;p&gt;&lt;strong&gt;多次连击Zepp logo&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/4.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;test4-5&#34;&gt;&lt;p&gt;&lt;strong&gt;打开开发者模式&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/5.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;test4-6&#34;&gt;&lt;p&gt;&lt;strong&gt;进入需要安装表盘的设备页，点击“通用”&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/6.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;test4-7&#34;&gt;&lt;p&gt;&lt;strong&gt;进入开发者模式&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/7.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;test4-8&#34;&gt;&lt;p&gt;&lt;strong&gt;点击右上角+，点击扫一扫进行安装&lt;/strong&gt;&lt;br&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/08.01/8.jpg&#34; alt=&#34;Zepp Smartwatch&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;注意事项&#34;&gt;&lt;a href=&#34;#注意事项&#34; class=&#34;headerlink&#34; title=&#34;注意事项&#34;&gt;&lt;/a&gt;注意事项&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;确保您从可信的来源获取第三方表盘，以避免安全风险。&lt;/li&gt;
&lt;li&gt;安装过程中如遇到问题，请检查网络连接或尝试重新启动应用。&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;结语&#34;&gt;&lt;a href=&#34;#结语&#34; class=&#34;headerlink&#34; title=&#34;结语&#34;&gt;&lt;/a&gt;结语&lt;/h2&gt;&lt;p&gt;现在您已经知道如何在 Zepp 上安装第三方表盘了。不妨试试几个不同的表盘，找到最适合您的风格。如果在安装过程中遇到任何问题，欢迎在下方留言，我会尽力帮助您解决。&lt;/p&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/d50a/</guid>
            <title>Tag Plugins 外挂标签样式</title>
            <link>https://borling.daydayupup.com/posts/d50a/</link>
            <category>Tag Plugins</category>
            <category>Hexo</category>
            <pubDate>Fri, 01 Aug 2025 00:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn simple&#34;&gt;&lt;p&gt;&lt;code&gt;AnZhiYu主题&lt;/code&gt;中大部分标签移植于&lt;a href=&#34;https://akilar.top/&#34;&gt;店长&lt;/a&gt;的&lt;a href=&#34;https://www.npmjs.com/package/hexo-butterfly-tag-plugins-plus&#34;&gt;hexo-butterfly-tag-plugins-plus&lt;/a&gt;，转载请注明来自&lt;a href=&#34;https://blog.anheyu.com/posts/d50a.html&#34;&gt;安知鱼&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;h2 id=&#34;段落文本-p&#34;&gt;&lt;a href=&#34;#段落文本-p&#34; class=&#34;headerlink&#34; title=&#34;段落文本 p&#34;&gt;&lt;/a&gt;段落文本 p&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;p&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;p-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;p-2&#34;&gt;配置参数&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;p-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;p-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;p-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% p 样式参数(参数以空格划分), 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;p-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;字体: logo, code&lt;/li&gt;
&lt;li&gt;颜色: &lt;span class=&#39;p red&#39;&gt;red&lt;/span&gt;,&lt;span class=&#39;p yellow&#39;&gt;yellow&lt;/span&gt;,&lt;span class=&#39;p green&#39;&gt;green&lt;/span&gt;,&lt;span class=&#39;p cyan&#39;&gt;cyan&lt;/span&gt;,&lt;span class=&#39;p blue&#39;&gt;blue&lt;/span&gt;,&lt;span class=&#39;p gray&#39;&gt;gray&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;大小: small, h4, h3, h2, h1, large, huge, ultra&lt;/li&gt;
&lt;li&gt;对齐方向: left, center, right&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;p-3&#34;&gt;&lt;ul&gt;
&lt;li&gt;彩色文字&lt;br&gt;在一段话中方便插入各种颜色的标签，包括：&lt;p class=&#39;p red&#39;&gt;红色&lt;/p&gt;、&lt;p class=&#39;p yellow&#39;&gt;黄色&lt;/p&gt;、&lt;p class=&#39;p green&#39;&gt;绿色&lt;/p&gt;、&lt;p class=&#39;p cyan&#39;&gt;青色&lt;/p&gt;、&lt;p class=&#39;p blue&#39;&gt;蓝色&lt;/p&gt;、&lt;p class=&#39;p gray&#39;&gt;灰色&lt;/p&gt;。&lt;/li&gt;
&lt;li&gt;超大号文字&lt;br&gt;文档「开始」页面中的标题部分就是超大号文字。&lt;p class=&#39;p center logo large&#39;&gt;Volantis&lt;/p&gt;
&lt;p class=&#39;p center small&#39;&gt;A Wonderful Theme for Hexo&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;p-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;-&lt;/span&gt; 彩色文字&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  在一段话中方便插入各种颜色的标签，包括：&amp;#123;% p red, 红色 %&amp;#125;、&amp;#123;% p yellow, 黄色 %&amp;#125;、&amp;#123;% p green, 绿色 %&amp;#125;、&amp;#123;% p cyan, 青色 %&amp;#125;、&amp;#123;% p blue, 蓝色 %&amp;#125;、&amp;#123;% p gray, 灰色 %&amp;#125;。&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;-&lt;/span&gt; 超大号文字&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  文档「开始」页面中的标题部分就是超大号文字。&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &amp;#123;% p center logo large, Volantis %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &amp;#123;% p center small, A Wonderful Theme for Hexo %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;行内文本-span&#34;&gt;&lt;a href=&#34;#行内文本-span&#34; class=&#34;headerlink&#34; title=&#34;行内文本 span&#34;&gt;&lt;/a&gt;行内文本 span&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;span&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;span-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;span-2&#34;&gt;配置参数&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;span-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;span-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;span-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% span 样式参数(参数以空格划分), 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;span-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;字体: logo, code&lt;/li&gt;
&lt;li&gt;颜色: &lt;span class=&#39;p red&#39;&gt;red&lt;/span&gt;,&lt;span class=&#39;p yellow&#39;&gt;yellow&lt;/span&gt;,&lt;span class=&#39;p green&#39;&gt;green&lt;/span&gt;,&lt;span class=&#39;p cyan&#39;&gt;cyan&lt;/span&gt;,&lt;span class=&#39;p blue&#39;&gt;blue&lt;/span&gt;,&lt;span class=&#39;p gray&#39;&gt;gray&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;大小: small, h4, h3, h2, h1, large, huge, ultra&lt;/li&gt;
&lt;li&gt;对齐方向: left, center, right&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;span-3&#34;&gt;&lt;ul&gt;
&lt;li&gt;彩色文字&lt;br&gt;在一段话中方便插入各种颜色的标签，包括：&lt;span class=&#39;p red&#39;&gt;红色&lt;/span&gt;、&lt;span class=&#39;p yellow&#39;&gt;黄色&lt;/span&gt;、&lt;span class=&#39;p green&#39;&gt;绿色&lt;/span&gt;、&lt;span class=&#39;p cyan&#39;&gt;青色&lt;/span&gt;、&lt;span class=&#39;p blue&#39;&gt;蓝色&lt;/span&gt;、&lt;span class=&#39;p gray&#39;&gt;灰色&lt;/span&gt;。&lt;/li&gt;
&lt;li&gt;超大号文字&lt;br&gt;文档「开始」页面中的标题部分就是超大号文字。&lt;br&gt;&lt;span class=&#39;p center logo large&#39;&gt;Volantis&lt;/span&gt;&lt;br&gt;&lt;span class=&#39;p center small&#39;&gt;A Wonderful Theme for Hexo&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;span-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;-&lt;/span&gt; 彩色文字&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  在一段话中方便插入各种颜色的标签，包括：&amp;#123;% span red, 红色 %&amp;#125;、&amp;#123;% span yellow, 黄色 %&amp;#125;、&amp;#123;% span green, 绿色 %&amp;#125;、&amp;#123;% span cyan, 青色 %&amp;#125;、&amp;#123;% span blue, 蓝色 %&amp;#125;、&amp;#123;% span gray, 灰色 %&amp;#125;。&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;-&lt;/span&gt; 超大号文字&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  文档「开始」页面中的标题部分就是超大号文字。&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &amp;#123;% span center logo large, Volantis %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &amp;#123;% span center small, A Wonderful Theme for Hexo %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;行内文本样式-text&#34;&gt;&lt;a href=&#34;#行内文本样式-text&#34; class=&#34;headerlink&#34; title=&#34;行内文本样式 text&#34;&gt;&lt;/a&gt;行内文本样式 text&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;text&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;text-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;text-2&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;text-3&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;text-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% u 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% emp 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% wavy 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% del 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% kbd 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% psw 文本内容 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;text-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;带 &lt;u&gt;下划线&lt;/u&gt; 的文本&lt;/li&gt;
&lt;li&gt;带 &lt;emp&gt;着重号&lt;/emp&gt; 的文本&lt;/li&gt;
&lt;li&gt;带 &lt;wavy&gt;波浪线&lt;/wavy&gt; 的文本&lt;/li&gt;
&lt;li&gt;带 &lt;del&gt;删除线&lt;/del&gt; 的文本&lt;/li&gt;
&lt;li&gt;键盘样式的文本 &lt;kbd&gt;command&lt;/kbd&gt; + &lt;kbd&gt;D&lt;/kbd&gt;&lt;/li&gt;
&lt;li&gt;密码样式的文本：&lt;psw&gt;这里没有验证码&lt;/psw&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;text-3&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;1.&lt;/span&gt; 带 &amp;#123;% u 下划线 %&amp;#125; 的文本&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;2.&lt;/span&gt; 带 &amp;#123;% emp 着重号 %&amp;#125; 的文本&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;3.&lt;/span&gt; 带 &amp;#123;% wavy 波浪线 %&amp;#125; 的文本&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;4.&lt;/span&gt; 带 &amp;#123;% del 删除线 %&amp;#125; 的文本&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;5.&lt;/span&gt; 键盘样式的文本 &amp;#123;% kbd command %&amp;#125; + &amp;#123;% kbd D %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;6.&lt;/span&gt; 密码样式的文本：&amp;#123;% psw 这里没有验证码 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;分栏-tab&#34;&gt;&lt;a href=&#34;#分栏-tab&#34; class=&#34;headerlink&#34; title=&#34;分栏 tab&#34;&gt;&lt;/a&gt;分栏 tab&lt;/h2&gt;&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn simple&#34;&gt;&lt;p&gt;分栏支持内置阿里图标，如果开启了 &lt;code&gt;fontawesome&lt;/code&gt;可以使用 fontawesome 的图标，否则只能使用默内置阿里图标&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&#34;tabs&#34; id=&#34;folding&#34;&gt;&lt;ul class=&#34;nav-tabs no-default&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;folding-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;folding-2&#34;&gt;配置参数&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;folding-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tabs Unique name, [index] %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- tab [Tab caption] [@icon] --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;Any content (support inline tags too).&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtab --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtabs %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;folding-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;Unique name :&lt;ul&gt;
&lt;li&gt;选项卡块标签的唯一名称，不带逗号。&lt;/li&gt;
&lt;li&gt;将在#id 中用作每个标签及其索引号的前缀。&lt;/li&gt;
&lt;li&gt;如果名称中包含空格，则对于生成#id，所有空格将由破折号代替。&lt;/li&gt;
&lt;li&gt;仅当前帖子&amp;#x2F;页面的 URL 必须是唯一的！&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;[index]:&lt;ul&gt;
&lt;li&gt;活动选项卡的索引号。&lt;/li&gt;
&lt;li&gt;如果未指定，将选择第一个标签（1）。&lt;/li&gt;
&lt;li&gt;如果 index 为-1，则不会选择任何选项卡。&lt;/li&gt;
&lt;li&gt;可选参数。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;[Tab caption]:&lt;ul&gt;
&lt;li&gt;当前选项卡的标题。&lt;/li&gt;
&lt;li&gt;如果未指定标题，则带有制表符索引后缀的唯一名称将用作制表符的标题。&lt;/li&gt;
&lt;li&gt;如果未指定标题，但指定了图标，则标题将为空。&lt;/li&gt;
&lt;li&gt;可选参数。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;[@icon]: - FontAwesome 图标名称（全名，看起来像“ fas fa-font”） - 可以指定带空格或不带空格； - 例如’Tab caption @icon’ 和 ‘Tab caption@icon’. - 可选参数。&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;按钮-btns&#34;&gt;&lt;a href=&#34;#按钮-btns&#34; class=&#34;headerlink&#34; title=&#34;按钮 btns&#34;&gt;&lt;/a&gt;按钮 btns&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;btns&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btns-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btns-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;btns-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btns-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btns-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btns 样式参数 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell 标题, 链接, 图片或者图标 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell 标题, 链接, 图片或者图标 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endbtns %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btns-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;圆角样式：rounded, circle&lt;/li&gt;
&lt;li&gt;增加文字样式：可以在容器内增加 &lt;code&gt;&amp;lt;b&amp;gt;标题&amp;lt;/b&amp;gt; &lt;/code&gt;和&lt;code&gt; &amp;lt;p&amp;gt;描述文字&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;布局方式：&lt;br&gt;默认为自动宽度，适合视野内只有一两个的情况。&lt;/li&gt;
&lt;/ol&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;含义&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;wide&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;宽一点的按钮&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;fill&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;填充布局，自动铺满至少一行，多了会换行&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;center&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;居中，按钮之间是固定间距&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;around&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;居中分散&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;grid2&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;等宽最多 2 列，屏幕变窄会适当减少列数&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;grid3&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;等宽最多 3 列，屏幕变窄会适当减少列数&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;grid4&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;等宽最多 4 列，屏幕变窄会适当减少列数&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;grid5&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;等宽最多 5 列，屏幕变窄会适当减少列数&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;btns-3&#34;&gt;&lt;ol&gt;
&lt;li&gt;如果需要显示类似「团队成员」之类的一组含有头像的链接：&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;btns circle grid5&#34;&gt;
            &lt;a class=&#34;button no-text-decoration&#34; href=&#39;https://xaoxuu.com&#39; title=&#39;xaoxuu&#39;&gt;&lt;img src=&#39;https://bu.dusays.com/2023/06/01/64787e6a5816d.png&#39;&gt;xaoxuu&lt;/a&gt;
&lt;a class=&#34;button no-text-decoration&#34; href=&#39;https://xaoxuu.com&#39; title=&#39;xaoxuu&#39;&gt;&lt;img src=&#39;https://bu.dusays.com/2023/06/01/64787e6a5816d.png&#39;&gt;xaoxuu&lt;/a&gt;
&lt;a class=&#34;button no-text-decoration&#34; href=&#39;https://xaoxuu.com&#39; title=&#39;xaoxuu&#39;&gt;&lt;img src=&#39;https://bu.dusays.com/2023/06/01/64787e6a5816d.png&#39;&gt;xaoxuu&lt;/a&gt;
&lt;a class=&#34;button no-text-decoration&#34; href=&#39;https://xaoxuu.com&#39; title=&#39;xaoxuu&#39;&gt;&lt;img src=&#39;https://bu.dusays.com/2023/06/01/64787e6a5816d.png&#39;&gt;xaoxuu&lt;/a&gt;
&lt;a class=&#34;button no-text-decoration&#34; href=&#39;https://xaoxuu.com&#39; title=&#39;xaoxuu&#39;&gt;&lt;img src=&#39;https://bu.dusays.com/2023/06/01/64787e6a5816d.png&#39;&gt;xaoxuu&lt;/a&gt;
          &lt;/div&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;或者含有图标的按钮：&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;btns rounded grid5&#34;&gt;
            &lt;a class=&#34;button no-text-decoration&#34; href=&#39;/&#39; title=&#39;下载源码&#39;&gt;&lt;i class=&#39;anzhiyufont anzhiyu-icon-bolt&#39;&gt;&lt;/i&gt;下载源码&lt;/a&gt;
&lt;a class=&#34;button no-text-decoration&#34; href=&#39;/&#39; title=&#39;查看文档&#39;&gt;&lt;i class=&#39;anzhiyufont anzhiyu-icon-book&#39;&gt;&lt;/i&gt;查看文档&lt;/a&gt;
          &lt;/div&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;圆形图标 + 标题 + 描述 + 图片 + 网格 5 列 + 居中&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;btns circle center grid5&#34;&gt;
            &lt;a href=&#39;https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1&#39; class=&#34;no-text-decoration&#34;&gt;
&lt;i class=&#39;anzhiyufont anzhiyu-icon-heartbeat&#39;&gt;&lt;/i&gt;
&lt;b&gt;心率管家&lt;/b&gt;
&lt;p class=&#39;p red&#39;&gt;专业版&lt;/p&gt;
&lt;img src=&#39;https://cdn1.tianli0.top/gh/xaoxuu/cdn-assets/qrcode/heartmate_pro.png&#39;&gt;
&lt;/a&gt;
&lt;a href=&#39;https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1&#39; class=&#34;no-text-decoration&#34;&gt;
&lt;i class=&#39;anzhiyufont anzhiyu-icon-heartbeat&#39;&gt;&lt;/i&gt;
&lt;b&gt;心率管家&lt;/b&gt;
&lt;p class=&#39;p green&#39;&gt;免费版&lt;/p&gt;
&lt;img src=&#39;https://cdn1.tianli0.top/gh/xaoxuu/cdn-assets/qrcode/heartmate_lite.png&#39;&gt;
&lt;/a&gt;
          &lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btns-4&#34;&gt;&lt;ol&gt;
&lt;li&gt;如果需要显示类似「团队成员」之类的一组含有头像的链接：&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btns circle grid5 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell xaoxuu, https://xaoxuu.com, https://bu.dusays.com/2023/06/01/64787e6a5816d.png %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endbtns %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;或者含有图标的按钮：&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btns rounded grid5 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell 下载源码, /, anzhiyufont anzhiyu-icon-bolt %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% cell 查看文档, /, anzhiyufont anzhiyu-icon-book %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endbtns %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;圆形图标 + 标题 + 描述 + 图片 + 网格 5 列 + 居中&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btns circle center grid5 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;a&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;href&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1&amp;#x27;&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;class&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;quot;no-text-decoration&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;i&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;class&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;anzhiyufont anzhiyu-icon-heartbeat&amp;#x27;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;i&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;b&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;心率管家&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;b&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% p red, 专业版 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;img&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;https://bu.dusays.com/2023/06/01/64787e2a1347c.png&amp;#x27;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;a&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;a&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;href&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1&amp;#x27;&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;class&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;quot;no-text-decoration&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;i&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;class&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;anzhiyufont anzhiyu-icon-heartbeat&amp;#x27;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;i&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;b&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;心率管家&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;b&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% p green, 免费版 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;img&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;https://bu.dusays.com/2023/06/01/64787e515e261.png&amp;#x27;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;a&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endbtns %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;按钮-btn&#34;&gt;&lt;a href=&#34;#按钮-btn&#34; class=&#34;headerlink&#34; title=&#34;按钮 btn&#34;&gt;&lt;/a&gt;按钮 btn&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;btn&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btn-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btn-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;btn-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btn-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btn-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[url] : 链接&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[text] : 按钮文字&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[icon] : [可选] 图标&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[color] : [可选] 按钮背景顔色(默认 style 时）&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;按钮字体和边框顔色(outline 时)&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;default/blue/pink/red/purple/orange/green&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[style] : [可选] 按钮样式 默认实心&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;outline/留空&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[layout] : [可选] 按钮佈局 默认为 line&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;block/留空&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[position] : [可选] 按钮位置 前提是设置了 layout 为 block 默认为左边&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;center/right/留空&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[size] : [可选] 按钮大小&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;larger/留空&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btn-2&#34;&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;含义&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;url&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;链接&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;text&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;按钮文字&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;icon&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;[可选] 图标，如果开启了 &lt;code&gt;fontawesome&lt;/code&gt;可以使用 fontawesome 的图标，否则只能使用默内置图标&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;color&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;[可选] 按钮背景顔色(默认 style 时）按钮字体和边框顔色(outline 时)default&amp;#x2F;blue&amp;#x2F;pink&amp;#x2F;red&amp;#x2F;purple&amp;#x2F;orange&amp;#x2F;green&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;style&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;[可选] 按钮样式 默认实心数，outline&amp;#x2F;留空&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;layout&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;[可选] 按钮佈局 默认为 line block&amp;#x2F;留空&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;position&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;[可选] 按钮位置 前提是设置了 layout 为 block 默认为左边 center&amp;#x2F;right&amp;#x2F;留空数&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;size&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;[可选] 按钮大小 larger&amp;#x2F;留空&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;btn-3&#34;&gt;&lt;ol&gt;
&lt;li&gt;一组按钮&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;This is my website, click the button &lt;a class=&#34;btn-anzhiyu &#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;br&gt;This is my website, click the button &lt;a class=&#34;btn-anzhiyu &#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;br&gt;This is my website, click the button &lt;a class=&#34;btn-anzhiyu outline&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;br&gt;This is my website, click the button &lt;a class=&#34;btn-anzhiyu outline&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;br&gt;This is my website, click the button &lt;a class=&#34;btn-anzhiyu larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;调整位置&amp;#x2F;大小&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;a class=&#34;btn-anzhiyu block&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;a class=&#34;btn-anzhiyu block center larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;a class=&#34;btn-anzhiyu block right outline larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;more than one button in center&lt;/li&gt;
&lt;/ol&gt;
&lt;span&gt;
&lt;a class=&#34;btn-anzhiyu larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu blue larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu pink larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu red larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu purple larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu orange larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu green larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;/span&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;居中按钮&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;btn-center&#34;&gt;
&lt;a class=&#34;btn-anzhiyu outline larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu outline blue larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu outline pink larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu outline red larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu outline purple larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu outline orange larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;a class=&#34;btn-anzhiyu outline green larger&#34; href=&#34;https://anheyu.com/&#34; 
  title=&#34;AnZhiYu&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-circle-arrow-right&#34;&gt;&lt;/i&gt;&lt;span&gt;AnZhiYu&lt;/span&gt;&lt;/a&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btn-4&#34;&gt;&lt;ol&gt;
&lt;li&gt;一组按钮&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;This is my website, click the button &amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;This is my website, click the button &amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;This is my website, click the button &amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,,outline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;This is my website, click the button &amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;This is my website, click the button &amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;调整位置&amp;#x2F;大小&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,block %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,block center larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,block right outline larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;more than one button in center&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;span&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,blue larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,pink larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,red larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,purple larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,orange larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,green larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;span&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;居中按钮&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;div&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;class&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;quot;btn-center&amp;quot;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline blue larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline pink larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline red larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline purple larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline orange larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% btn &amp;#x27;https://anheyu.com/&amp;#x27;,AnZhiYu,anzhiyufont anzhiyu-icon-circle-arrow-right,outline green larger %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;div&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;网站卡片-sites&#34;&gt;&lt;a href=&#34;#网站卡片-sites&#34; class=&#34;headerlink&#34; title=&#34;网站卡片 sites&#34;&gt;&lt;/a&gt;网站卡片 sites&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;site&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;site-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;site-2&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;site-3&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;site-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% sitegroup %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endsitegroup %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;site-2&#34;&gt;&lt;div class=&#34;site-card-group&#34;&gt;&lt;a class=&#34;site-card&#34; href=&#34;https://xaoxuu.com&#34; data-title=简约风格&gt;&lt;div class=&#34;wrapper cover&#34;&gt;&lt;img class=&#34;cover fadeIn&#34; src=&#34;https://bu.dusays.com/2023/06/01/6478965ce6557.webp&#34;/&gt;&lt;/div&gt;&lt;div class=&#34;info&#34;&gt;&lt;img class=&#34;flink-avatar&#34; src=&#34;https://cdn1.tianli0.top/gh/xaoxuu/cdn-assets/avatar/avatar.png&#34;/&gt;&lt;span class=&#34;site-title&#34;&gt;xaoxuu&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;a class=&#34;site-card&#34; href=&#34;https://colsrch.top&#34; data-title=这是一段关于这个网站的描述文字&gt;&lt;div class=&#34;wrapper cover&#34;&gt;&lt;img class=&#34;cover fadeIn&#34; src=&#34;https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png&#34;/&gt;&lt;/div&gt;&lt;div class=&#34;info&#34;&gt;&lt;img class=&#34;flink-avatar&#34; src=&#34;https://cdn1.tianli0.top/gh/Colsrch/images/Colsrch/avatar.jpg&#34;/&gt;&lt;span class=&#34;site-title&#34;&gt;Colsrch&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;a class=&#34;site-card&#34; href=&#34;https://linhk1606.github.io&#34; data-title=这是一段关于这个网站的描述文字&gt;&lt;div class=&#34;wrapper cover&#34;&gt;&lt;img class=&#34;cover fadeIn&#34; src=&#34;https://bu.dusays.com/2023/06/01/6478963584621.png&#34;/&gt;&lt;/div&gt;&lt;div class=&#34;info&#34;&gt;&lt;img class=&#34;flink-avatar&#34; src=&#34;https://bu.dusays.com/2023/06/01/6478968743368.png&#34;/&gt;&lt;span class=&#34;site-title&#34;&gt;Linhk1606&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;site-3&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% sitegroup %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% site xaoxuu, url=https://xaoxuu.com, screenshot=https://bu.dusays.com/2023/06/01/6478965ce6557.webp, avatar=https://cdn1.tianli0.top/gh/xaoxuu/cdn-assets/avatar/avatar.png, description=简约风格 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% site Colsrch, url=https://colsrch.top, screenshot=https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png, avatar=https://cdn1.tianli0.top/gh/Colsrch/images/Colsrch/avatar.jpg, description=这是一段关于这个网站的描述文字 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% site Linhk1606, url=https://linhk1606.github.io, screenshot=https://bu.dusays.com/2023/06/01/6478963584621.png, avatar=https://bu.dusays.com/2023/06/01/6478968743368.png, description=这是一段关于这个网站的描述文字 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endsitegroup %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;单张图片-image&#34;&gt;&lt;a href=&#34;#单张图片-image&#34; class=&#34;headerlink&#34; title=&#34;单张图片 image&#34;&gt;&lt;/a&gt;单张图片 image&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;image&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;image-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;image-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;image-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;image-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;image-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% image 链接, width=宽度（可选）, height=高度（可选）, alt=描述（可选）, bg=占位颜色（可选） %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;image-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;图片宽度高度：width&amp;#x3D;300px, height&amp;#x3D;32px&lt;/li&gt;
&lt;li&gt;图片描述：alt&amp;#x3D;图片描述（butterfly 需要在主题配置文件中开启图片描述）&lt;/li&gt;
&lt;li&gt;占位背景色：bg&amp;#x3D;#f2f2f2&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;image-3&#34;&gt;&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;添加描述：&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://bu.dusays.com/2023/06/01/6478937d7de6f.webp&#34; alt=&#34;每天下课回宿舍的路，没有什么故事。&#34;/&gt;&lt;/div&gt;&lt;span class=&#34;image-caption&#34;&gt;每天下课回宿舍的路，没有什么故事。&lt;/span&gt;&lt;/div&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;指定宽度：&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://bu.dusays.com/2023/06/01/6478937d7de6f.webp&#34; style=&#34;width:400px;&#34;/&gt;&lt;/div&gt;&lt;/div&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;指定宽度并添加描述：&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://bu.dusays.com/2023/06/01/6478937d7de6f.webp&#34; alt=&#34;每天下课回宿舍的路，没有什么故事。&#34; style=&#34;width:400px;&#34;/&gt;&lt;/div&gt;&lt;span class=&#34;image-caption&#34;&gt;每天下课回宿舍的路，没有什么故事。&lt;/span&gt;&lt;/div&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;设置占位背景色：&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34; style=&#34;background:#1D0C04&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://bu.dusays.com/2023/06/01/6478937d7de6f.webp&#34; alt=&#34;优化不同宽度浏览的观感&#34; style=&#34;width:400px;&#34;/&gt;&lt;/div&gt;&lt;span class=&#34;image-caption&#34;&gt;优化不同宽度浏览的观感&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;image-4&#34;&gt;&lt;ol&gt;
&lt;li&gt;添加描述：&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, alt=每天下课回宿舍的路，没有什么故事。 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;指定宽度：&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, width=400px %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;指定宽度并添加描述：&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, width=400px, alt=每天下课回宿舍的路，没有什么故事。 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;设置占位背景色：&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% image https://bu.dusays.com/2023/06/01/6478937d7de6f.webp, width=400px, bg=#1D0C04, alt=优化不同宽度浏览的观感 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;inlineImg-行内图片&#34;&gt;&lt;a href=&#34;#inlineImg-行内图片&#34; class=&#34;headerlink&#34; title=&#34;inlineImg 行内图片&#34;&gt;&lt;/a&gt;inlineImg 行内图片&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;inlineimg&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;inlineimg-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;inlineimg-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;inlineimg-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;inlineimg-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;inlineimg-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% inlineImg [src] [height] %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[src] : 图片链接&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;[height] ： 图片高度限制【可选】&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;inlineimg-2&#34;&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;含义&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;src&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;图片链接&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;height&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;图片高度限制【可选】&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;inlineimg-3&#34;&gt;&lt;p&gt;你看我长得漂亮不&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/64787ded2ca1c.webp&#34;&gt;&lt;/p&gt;
&lt;p&gt;我觉得很漂亮 &lt;img class=&#34;inline-img&#34; src=&#34;https://bu.dusays.com/2023/06/01/64787da5251b3.png&#34; style=&#34;height:150px&#34;/&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;inlineimg-4&#34;&gt;&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;你看我长得漂亮不&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;![](https://i.loli.net/2021/03/19/2P6ivUGsdaEXSFI.png)&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;我觉得很漂亮 &amp;#123;% inlineImg https://i.loli.net/2021/03/19/5M4jUB3ynq7ePgw.png 150px %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;行内图片-inlineimage&#34;&gt;&lt;a href=&#34;#行内图片-inlineimage&#34; class=&#34;headerlink&#34; title=&#34;行内图片 inlineimage&#34;&gt;&lt;/a&gt;行内图片 inlineimage&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;inlineimage&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;inlineimage-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;inlineimage-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;inlineimage-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;inlineimage-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;inlineimage-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% inlineimage 图片链接, height=高度（可选） %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;inlineimage-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;高度：height&amp;#x3D;20px&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;inlineimage-3&#34;&gt;&lt;p&gt;这是 &lt;img no-lazy class=&#34;inline&#34; src=&#34;https://bu.dusays.com/2023/06/01/647895232e5d5.webp&#34; style=&#34;height:1.5em&#34;/&gt; 一段话。&lt;/p&gt;
&lt;p&gt;这又是 &lt;img no-lazy class=&#34;inline&#34; src=&#34;https://bu.dusays.com/2022/05/19/6285328a83ca7.gif&#34; style=&#34;height:40px;&#34;/&gt; 一段话。&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;inlineimage-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;这是 &amp;#123;% inlineimage https://bu.dusays.com/2023/06/01/647895232e5d5.webp %&amp;#125; 一段话。&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这又是 &amp;#123;% inlineimage https://bu.dusays.com/2022/05/19/6285328a83ca7.gif, height=40px %&amp;#125; 一段话。&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;label-标签&#34;&gt;&lt;a href=&#34;#label-标签&#34; class=&#34;headerlink&#34; title=&#34;label 标签&#34;&gt;&lt;/a&gt;label 标签&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;label&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;label-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;label-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;label-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;label-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;label-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% label text color %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;label-2&#34;&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;含义&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;text&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;文字&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;color&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】背景颜色，默认为 default，default&amp;#x2F;blue&amp;#x2F;pink&amp;#x2F;red&amp;#x2F;purple&amp;#x2F;orange&amp;#x2F;green&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;label-3&#34;&gt;&lt;p&gt;臣亮言：&lt;mark class=&#34;hl-label default&#34;&gt;先帝&lt;/mark&gt; 创业未半，而&lt;mark class=&#34;hl-label blue&#34;&gt;中道崩殂&lt;/mark&gt; 。今天下三分，&lt;mark class=&#34;hl-label pink&#34;&gt;益州疲敝&lt;/mark&gt; ，此诚&lt;mark class=&#34;hl-label red&#34;&gt;危急存亡之秋&lt;/mark&gt; 也！然侍衞之臣，不懈于内；&lt;mark class=&#34;hl-label purple&#34;&gt;忠志之士&lt;/mark&gt; ，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气；不宜妄自菲薄，引喻失义，以塞忠谏之路也。&lt;br&gt;宫中、府中，俱为一体；陟罚臧否，不宜异同。若有&lt;mark class=&#34;hl-label orange&#34;&gt;作奸&lt;/mark&gt; 、&lt;mark class=&#34;hl-label green&#34;&gt;犯科&lt;/mark&gt; ，及为忠善者，宜付有司，论其刑赏，以昭陛下平明之治；不宜偏私，使内外异法也。&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;label-4&#34;&gt;&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;臣亮言：&amp;#123;% label 先帝 %&amp;#125;创业未半，而&amp;#123;% label 中道崩殂 blue %&amp;#125;。今天下三分，&amp;#123;% label 益州疲敝 pink %&amp;#125;，此诚&amp;#123;% label 危急存亡之秋 red %&amp;#125;也！然侍衞之臣，不懈于内；&amp;#123;% label 忠志之士 purple %&amp;#125;，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气；不宜妄自菲薄，引喻失义，以塞忠谏之路也。&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;宫中、府中，俱为一体；陟罚臧否，不宜异同。若有&amp;#123;% label 作奸 orange %&amp;#125;、&amp;#123;% label 犯科 green %&amp;#125;，及为忠善者，宜付有司，论其刑赏，以昭陛下平明之治；不宜偏私，使内外异法也。&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;timeline&#34;&gt;&lt;a href=&#34;#timeline&#34; class=&#34;headerlink&#34; title=&#34;timeline&#34;&gt;&lt;/a&gt;timeline&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;timeline&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;timeline-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;timeline-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;timeline-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;timeline-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;timeline-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline title,color %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline title --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;xxxxx&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline title --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;xxxxx&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;timeline-2&#34;&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;含义&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;title&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;标题&amp;#x2F;时间线&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;color&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;timeline 颜色，default(留空) &amp;#x2F; blue &amp;#x2F; pink &amp;#x2F; red &amp;#x2F; purple &amp;#x2F; orange &amp;#x2F; green&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;timeline-3&#34;&gt;&lt;ol&gt;
&lt;li&gt;&lt;p&gt;默认颜色&lt;/p&gt;
&lt;div class=&#34;timeline undefined&#34;&gt;&lt;div class=&#39;timeline-item headline&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;2022&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;01-02&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item-content&#39;&gt;&lt;p&gt;这是测试页面&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;blue&lt;/p&gt;
&lt;div class=&#34;timeline blue&#34;&gt;&lt;div class=&#39;timeline-item headline&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;2022&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;01-02&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item-content&#39;&gt;&lt;p&gt;这是测试页面&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;pink&lt;/p&gt;
&lt;div class=&#34;timeline pink&#34;&gt;&lt;div class=&#39;timeline-item headline&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;2022&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;01-02&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item-content&#39;&gt;&lt;p&gt;这是测试页面&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;red&lt;/p&gt;
&lt;div class=&#34;timeline red&#34;&gt;&lt;div class=&#39;timeline-item headline&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;2022&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;01-02&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item-content&#39;&gt;&lt;p&gt;这是测试页面&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;purple&lt;/p&gt;
&lt;div class=&#34;timeline purple&#34;&gt;&lt;div class=&#39;timeline-item headline&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;2022&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;01-02&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item-content&#39;&gt;&lt;p&gt;这是测试页面&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;orange&lt;/p&gt;
&lt;div class=&#34;timeline orange&#34;&gt;&lt;div class=&#39;timeline-item headline&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;2022&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;01-02&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item-content&#39;&gt;&lt;p&gt;这是测试页面&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;green&lt;/p&gt;
&lt;div class=&#34;timeline green&#34;&gt;&lt;div class=&#39;timeline-item headline&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;2022&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item&#39;&gt;&lt;div class=&#39;timeline-item-title&#39;&gt;&lt;div class=&#39;item-circle&#39;&gt;&lt;p&gt;01-02&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#39;timeline-item-content&#39;&gt;&lt;p&gt;这是测试页面&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;timeline-4&#34;&gt;&lt;ol&gt;
&lt;li&gt;默认颜色&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline 2022 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline 01-02 --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是测试页面&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;blue&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline 2022,blue %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline 01-02 --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是测试页面&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;pink&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline 2022,pink %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline 01-02 --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是测试页面&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;red&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline 2022,red %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline 01-02 --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是测试页面&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;5&#34;&gt;
&lt;li&gt;purple&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline 2022,purple %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline 01-02 --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是测试页面&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;6&#34;&gt;
&lt;li&gt;orange&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline 2022,orange %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline 01-02 --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是测试页面&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;7&#34;&gt;
&lt;li&gt;green&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% timeline 2022,green %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- timeline 01-02 --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是测试页面&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;lt;!-- endtimeline --&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endtimeline %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;flink-友链标签&#34;&gt;&lt;a href=&#34;#flink-友链标签&#34; class=&#34;headerlink&#34; title=&#34;flink 友链标签&#34;&gt;&lt;/a&gt;flink 友链标签&lt;/h2&gt;&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn simple&#34;&gt;&lt;p&gt;可在任何界面插入类似&lt;code&gt;友情链接&lt;/code&gt;列表效果，内容格式与友情链接界面一样，支持 &lt;code&gt;yml 格式&lt;/code&gt;,注意&lt;code&gt;yml数据&lt;/code&gt;具有格式要求，请注意格式对齐，防止被编辑器格式化导致格式错误从而报错。&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&#34;tabs&#34; id=&#34;btn&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btn-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btn-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;btn-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;btn-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btn-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% flink %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;xxxxxx&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endflink %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btn-2&#34;&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;含义&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;class_name&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;h2标题&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;flink_style&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】友链样式，默认为 flexcard，flexcard&amp;#x2F;anzhiyu&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;link_list&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】友链样式，默认为 flexcard，flexcard&amp;#x2F;anzhiyu&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;btn-3&#34;&gt;&lt;div class=&#34;flink&#34;&gt;&lt;div class=&#34;flink-name&#34;&gt;推荐博客&lt;/div&gt; &lt;div class=&#34;flink-list&#34;&gt;&lt;div class=&#34;flexcard-flink-list&#34;&gt;
              &lt;a href=&#34;https://anheyu.com/&#34; title=&#34;安知鱼&#34; target=&#34;_blank&#34; class=&#34;flink-list-card cf-friends-link&#34;&gt;
                &lt;div class=&#34;wrapper cover&#34;&gt;
                    &lt;img class=&#34;no-lightbox cover fadeIn&#34; src=&#34;https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/anheyu.com.jpg&#34; onerror=&#39;this.onerror=null;this.src=&#34;/img/friend_404.gif&#34;&#39; alt=&#34;安知鱼&#34; /&gt;
                &lt;/div&gt;
                &lt;div class=&#34;info&#34;&gt;
                  &lt;img class=&#34;no-lightbox cf-friends-avatar flink-avatar&#34; src=&#34;https://img02.anheyu.com/adminuploads/1/2022/09/15/63232b7d91d22.jpg&#34; onerror=&#39;this.onerror=null;this.src=&#34;/img/friend_404.gif&#34;&#39; alt=&#34;安知鱼&#34;/&gt;
                  &lt;span class=&#34;flink-sitename cf-friends-name&#34;&gt;安知鱼&lt;/span&gt;
                &lt;/div&gt;
              &lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;flink-name&#34;&gt;网站&lt;/div&gt;&lt;div class=&#34;flink-desc&#34;&gt;值得推荐的网站&lt;/div&gt; &lt;div class=&#34;flink-list&#34;&gt;&lt;div class=&#34;anzhiyu-flink-list&#34;&gt;
            &lt;div class=&#34;flink-list-item&#34;&gt;
              &lt;a href=&#34;https://www.youtube.com/&#34; title=&#34;Youtube&#34; class=&#34;cf-friends-link&#34; target=&#34;_blank&#34;&gt;
                &lt;div class=&#34;flink-item-icon&#34;&gt;
                  &lt;img class=&#34;no-lightbox cf-friends-avatar&#34; src=&#34;https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png&#34; onerror=&#39;this.onerror=null;this.src=&#34;/img/friend_404.gif&#34;&#39; alt=&#34;Youtube&#34; /&gt;
                &lt;/div&gt;
                &lt;div class=&#34;flink-item-info&#34;&gt;
                  &lt;div class=&#34;flink-item-name&#34;&gt;Youtube&lt;/div&gt;
                  &lt;div class=&#34;flink-item-desc&#34; title=&#34;视频网站&#34;&gt;视频网站&lt;/div&gt;
                &lt;/div&gt;
              &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&#34;flink-list-item&#34;&gt;
              &lt;a href=&#34;https://www.weibo.com/&#34; title=&#34;Weibo&#34; class=&#34;cf-friends-link&#34; target=&#34;_blank&#34;&gt;
                &lt;div class=&#34;flink-item-icon&#34;&gt;
                  &lt;img class=&#34;no-lightbox cf-friends-avatar&#34; src=&#34;https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png&#34; onerror=&#39;this.onerror=null;this.src=&#34;/img/friend_404.gif&#34;&#39; alt=&#34;Weibo&#34; /&gt;
                &lt;/div&gt;
                &lt;div class=&#34;flink-item-info&#34;&gt;
                  &lt;div class=&#34;flink-item-name&#34;&gt;Weibo&lt;/div&gt;
                  &lt;div class=&#34;flink-item-desc&#34; title=&#34;中国最大社交分享平台&#34;&gt;中国最大社交分享平台&lt;/div&gt;
                &lt;/div&gt;
              &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&#34;flink-list-item&#34;&gt;
              &lt;a href=&#34;https://twitter.com/&#34; title=&#34;Twitter&#34; class=&#34;cf-friends-link&#34; target=&#34;_blank&#34;&gt;
                &lt;div class=&#34;flink-item-icon&#34;&gt;
                  &lt;img class=&#34;no-lightbox cf-friends-avatar&#34; src=&#34;https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png&#34; onerror=&#39;this.onerror=null;this.src=&#34;/img/friend_404.gif&#34;&#39; alt=&#34;Twitter&#34; /&gt;
                &lt;/div&gt;
                &lt;div class=&#34;flink-item-info&#34;&gt;
                  &lt;div class=&#34;flink-item-name&#34;&gt;Twitter&lt;/div&gt;
                  &lt;div class=&#34;flink-item-desc&#34; title=&#34;社交分享平台&#34;&gt;社交分享平台&lt;/div&gt;
                &lt;/div&gt;
              &lt;/a&gt;
            &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;btn-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;26&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;27&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;28&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% flink %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;-&lt;/span&gt; class&lt;span class=&#34;emphasis&#34;&gt;_name: 推荐博客&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;  flink_&lt;/span&gt;style: flexcard&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  link&lt;span class=&#34;emphasis&#34;&gt;_list:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;    - name: 安知鱼&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      link: https://anheyu.com/&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      avatar: https://img02.anheyu.com/adminuploads/1/2022/09/15/63232b7d91d22.jpg&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      descr: 生活明朗，万物可爱&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      siteshot: https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/anheyu.com.jpg&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;- class_&lt;/span&gt;name: 网站&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  class&lt;span class=&#34;emphasis&#34;&gt;_desc: 值得推荐的网站&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;  flink_&lt;/span&gt;style: anzhiyu&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  link&lt;span class=&#34;emphasis&#34;&gt;_list:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;    - name: Youtube&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      link: https://www.youtube.com/&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      avatar: https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      descr: 视频网站&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;    - name: Weibo&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      link: https://www.weibo.com/&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      avatar: https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      descr: 中国最大社交分享平台&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;    - name: Twitter&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      link: https://twitter.com/&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;      descr: 社交分享平台&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&amp;#123;% endflink %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;mermaid-图&#34;&gt;&lt;a href=&#34;#mermaid-图&#34; class=&#34;headerlink&#34; title=&#34;mermaid 图&#34;&gt;&lt;/a&gt;mermaid 图&lt;/h2&gt;&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn simple&#34;&gt;&lt;p&gt;使用&lt;code&gt;mermaid标签&lt;/code&gt;可以绘制Flowchart（流程图）、Sequence diagram（时序图 ）、Class Diagram（类别图）、State Diagram（状态图）、Gantt（甘特图）和Pie Chart（圆形图），具体可以查看&lt;a href=&#34;https://mermaid.js.org/#/&#34;&gt;mermaid文档&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;


&lt;p&gt;修改 &lt;code&gt;主题配置文件&lt;/code&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight yml&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;comment&#34;&gt;# mermaid&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;comment&#34;&gt;# see https://github.com/mermaid-js/mermaid&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;attr&#34;&gt;mermaid:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;attr&#34;&gt;enable:&lt;/span&gt; &lt;span class=&#34;literal&#34;&gt;true&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;# built-in themes: default/forest/dark/neutral&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;attr&#34;&gt;theme:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;    &lt;span class=&#34;attr&#34;&gt;light:&lt;/span&gt; &lt;span class=&#34;string&#34;&gt;default&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;    &lt;span class=&#34;attr&#34;&gt;dark:&lt;/span&gt; &lt;span class=&#34;string&#34;&gt;dark&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;div class=&#34;tabs&#34; id=&#34;mermaid&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;mermaid-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;mermaid-2&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;mermaid-3&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;mermaid-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% mermaid %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;内容&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endmermaid %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;mermaid-2&#34;&gt;&lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/647889d3a16f8.png&#34; alt=&#34;mermaid&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;mermaid-3&#34;&gt;&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% mermaid %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;pie&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;    title Key elements in Product X&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;    &amp;quot;Calcium&amp;quot; : 42.96&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;    &amp;quot;Potassium&amp;quot; : 50.05&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;    &amp;quot;Magnesium&amp;quot; : 10.01&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;    &amp;quot;Iron&amp;quot; :  5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endmermaid %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;复选列表-checkbox&#34;&gt;&lt;a href=&#34;#复选列表-checkbox&#34; class=&#34;headerlink&#34; title=&#34;复选列表 checkbox&#34;&gt;&lt;/a&gt;复选列表 checkbox&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;checkbox&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;checkbox-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;checkbox-2&#34;&gt;配置参数&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;checkbox-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;checkbox-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;checkbox-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox 样式参数（可选）, 文本（支持简单md） %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;checkbox-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;样式: plus, minus, times&lt;/li&gt;
&lt;li&gt;颜色: &lt;span class=&#39;p red&#39;&gt;red&lt;/span&gt;,&lt;span class=&#39;p yellow&#39;&gt;yellow&lt;/span&gt;,&lt;span class=&#39;p green&#39;&gt;green&lt;/span&gt;,&lt;span class=&#39;p cyan&#39;&gt;cyan&lt;/span&gt;,&lt;span class=&#39;p blue&#39;&gt;blue&lt;/span&gt;,&lt;span class=&#39;p gray&#39;&gt;gray&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;选中状态: checked&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;checkbox-3&#34;&gt;&lt;div class=&#39;checkbox&#39;&gt;&lt;input type=&#34;checkbox&#34; /&gt;
            &lt;p&gt;纯文本测试&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;支持简单的 &lt;a href=&#34;https://guides.github.com/features/mastering-markdown/&#34;&gt;markdown&lt;/a&gt; 语法&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox red&#39;&gt;&lt;input type=&#34;checkbox&#34; /&gt;
            &lt;p&gt;支持自定义颜色&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox green checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;绿色 + 默认选中&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox yellow checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;黄色 + 默认选中&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox cyan checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;青色 + 默认选中&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox blue checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;蓝色 + 默认选中&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox plus green checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;增加&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox minus yellow checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;减少&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox times red checked&#39;&gt;&lt;input type=&#34;checkbox&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;叉&lt;/p&gt;
            &lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;checkbox-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox 纯文本测试 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox checked, 支持简单的 [&lt;span class=&#34;string&#34;&gt;markdown&lt;/span&gt;](&lt;span class=&#34;link&#34;&gt;https://guides.github.com/features/mastering-markdown/&lt;/span&gt;) 语法 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox red, 支持自定义颜色 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox green checked, 绿色 + 默认选中 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox yellow checked, 黄色 + 默认选中 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox cyan checked, 青色 + 默认选中 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox blue checked, 蓝色 + 默认选中 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox plus green checked, 增加 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox minus yellow checked, 减少 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% checkbox times red checked, 叉 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;dogeplayer-多吉云播放器&#34;&gt;&lt;a href=&#34;#dogeplayer-多吉云播放器&#34; class=&#34;headerlink&#34; title=&#34;dogeplayer 多吉云播放器&#34;&gt;&lt;/a&gt;dogeplayer 多吉云播放器&lt;/h2&gt;&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn simple&#34;&gt;&lt;p&gt;快捷引入&lt;a href=&#34;https://console.dogecloud.com/vod/overview&#34;&gt;多吉云视频&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&#34;tabs&#34; id=&#34;label&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;label-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;label-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;label-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;label-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;label-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% dogeplayer 4945 ebb742fd1f0b5a7b %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;label-2&#34;&gt;&lt;p&gt;获取&lt;code&gt;userId&lt;/code&gt;与&lt;code&gt;vcode&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/64788b5bad729.webp&#34;&gt;&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;含义&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;userId&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;多吉云userId&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;vcode&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;视频vcode&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;label-3&#34;&gt;&lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/64788c12883b8.webp&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;label-4&#34;&gt;&lt;figure class=&#34;highlight plaintext&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% dogeplayer 4945 ebb742fd1f0b5a7b %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;折叠框-folding&#34;&gt;&lt;a href=&#34;#折叠框-folding&#34; class=&#34;headerlink&#34; title=&#34;折叠框 folding&#34;&gt;&lt;/a&gt;折叠框 folding&lt;/h2&gt;&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn disabled&#34;&gt;&lt;p&gt;折叠框folding&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&#34;tabs&#34; id=&#34;folding&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;folding-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;folding-2&#34;&gt;配置参数&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;folding-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;folding-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;folding-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding 参数（可选）, 标题 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;![](&lt;span class=&#34;link&#34;&gt;https://bu.dusays.com/2023/06/01/64788d71c832d.webp&lt;/span&gt;)&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;folding-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;颜色：blue, cyan, green, yellow, red&lt;/li&gt;
&lt;li&gt;状态：状态填写 open 代表默认打开。&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;folding-3&#34;&gt;&lt;details class=&#34;folding-tag&#34; &gt;&lt;summary&gt; 查看图片测试 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/64788d71c832d.webp&#34;&gt;&lt;/p&gt;
              &lt;/div&gt;
            &lt;/details&gt;

&lt;details class=&#34;folding-tag&#34; cyan open&gt;&lt;summary&gt; 查看默认打开的折叠框 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;p&gt;这是一个默认打开的折叠框。&lt;/p&gt;
              &lt;/div&gt;
            &lt;/details&gt;

&lt;details class=&#34;folding-tag&#34; green&gt;&lt;summary&gt; 查看代码测试 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;![](&lt;span class=&#34;link&#34;&gt;https://bu.dusays.com/2023/06/01/64788d71c832d.webp&lt;/span&gt;)&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
              &lt;/div&gt;
            &lt;/details&gt;

&lt;details class=&#34;folding-tag&#34; yellow&gt;&lt;summary&gt; 查看列表测试 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;ul&gt;&lt;li&gt;haha&lt;/li&gt;&lt;li&gt;hehe&lt;/li&gt;&lt;/ul&gt;
              &lt;/div&gt;
            &lt;/details&gt;

&lt;details class=&#34;folding-tag&#34; red&gt;&lt;summary&gt; 查看嵌套测试 &lt;/summary&gt;
              &lt;div class=&#39;content&#39;&gt;
              &lt;details class=&#34;folding-tag&#34; blue&gt;&lt;summary&gt; 查看嵌套测试2 &lt;/summary&gt;              &lt;div class=&#39;content&#39;&gt;              &lt;details class=&#34;folding-tag&#34; &gt;&lt;summary&gt; 查看嵌套测试3 &lt;/summary&gt;              &lt;div class=&#39;content&#39;&gt;              &lt;p&gt;hahaha &lt;span&gt;&lt;img src=&#39;https://bu.dusays.com/2023/06/01/64788cd5a356b.png&#39; style=&#39;height:24px&#39;&gt;&lt;/span&gt;&lt;/p&gt;              &lt;/div&gt;            &lt;/details&gt;              &lt;/div&gt;            &lt;/details&gt;
              &lt;/div&gt;
            &lt;/details&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;folding-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;14&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;15&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;16&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;17&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;18&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;19&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;20&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;21&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;22&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;23&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;24&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;25&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;26&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;27&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;28&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;29&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;30&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;31&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;32&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;33&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;34&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;35&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;36&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding 查看图片测试 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;![](&lt;span class=&#34;link&#34;&gt;https://bu.dusays.com/2023/06/01/64788d71c832d.webp&lt;/span&gt;)&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding cyan open, 查看默认打开的折叠框 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;这是一个默认打开的折叠框。&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding green, 查看代码测试 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;假装这里有代码块（代码块没法嵌套代码块）&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding yellow, 查看列表测试 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;-&lt;/span&gt; haha&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;bullet&#34;&gt;-&lt;/span&gt; hehe&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding red, 查看嵌套测试 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding blue, 查看嵌套测试2 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% folding 查看嵌套测试3 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;hahaha &lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;span&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;&lt;span class=&#34;name&#34;&gt;img&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;src&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;https://bu.dusays.com/2023/06/01/64788cd5a356b.png&amp;#x27;&lt;/span&gt; &lt;span class=&#34;attr&#34;&gt;style&lt;/span&gt;=&lt;span class=&#34;string&#34;&gt;&amp;#x27;height:24px&amp;#x27;&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;language-xml&#34;&gt;&lt;span class=&#34;tag&#34;&gt;&amp;lt;/&lt;span class=&#34;name&#34;&gt;span&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endfolding %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;Gallery-相册图库&#34;&gt;&lt;a href=&#34;#Gallery-相册图库&#34; class=&#34;headerlink&#34; title=&#34;Gallery 相册图库&#34;&gt;&lt;/a&gt;Gallery 相册图库&lt;/h2&gt;&lt;p&gt;一个图库集合。&lt;/p&gt;
&lt;div class=&#34;tabs&#34; id=&#34;gallery&#34;&gt;&lt;ul class=&#34;nav-tabs no-default&#34;&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;tag-hide&#34;&gt;&lt;a href=&#34;#tag-hide&#34; class=&#34;headerlink&#34; title=&#34;tag-hide&#34;&gt;&lt;/a&gt;tag-hide&lt;/h2&gt;&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn flat&#34;&gt;&lt;p&gt;如果你想把一些文字、内容隐藏起来，并提供按钮让用户点击显示。可以使用这个标签外挂。&lt;br&gt;请注意，tag-hide内的标签外挂content内都不建议有h1 - h6 等标题。因为Toc会把隐藏内容标题也显示出来，而且当滚动屏幕时，如果隐藏内容没有显示出来，会导致Toc的滚动出现异常。&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&#34;tabs&#34; id=&#34;tag-hide&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;tag-hide-1&#34;&gt;inline&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;tag-hide-2&#34;&gt;Block&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;tag-hide-3&#34;&gt;Toggle&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;tag-hide-1&#34;&gt;&lt;p&gt;&lt;code&gt;inline&lt;/code&gt; 在文本里面添加按钮隐藏内容，只限文字&lt;/p&gt;
&lt;p&gt;( content不能包含英文逗号，可用&lt;code&gt;&amp;amp;sbquo;&lt;/code&gt;)&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% hideInline content,display,bg,color %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;&lt;p&gt;content: 文本内容&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;display: 按钮显示的文字(可选)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;bg: 按钮的背景颜色(可选)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;color: 按钮文字的颜色(可选)&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Demo&lt;/p&gt;
&lt;/blockquote&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;哪个英文字母最酷？ &amp;#123;% hideInline 因为西装裤(C装酷),查看答案,#FF7242,#fff %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;门里站着一个人? &amp;#123;% hideInline 闪 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;哪个英文字母最酷？ &lt;span class=&#34;hide-inline&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;hide-button&#34; style=&#34;background-color: #FF7242;color: #fff&#34;&gt;查看答案&lt;br&gt;  &lt;/button&gt;&lt;span class=&#34;hide-content&#34;&gt;因为西装裤(C装酷)&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;门里站着一个人? &lt;span class=&#34;hide-inline&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;hide-button&#34; style=&#34;&#34;&gt;Click&lt;br&gt;  &lt;/button&gt;&lt;span class=&#34;hide-content&#34;&gt;闪&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;tag-hide-2&#34;&gt;&lt;p&gt;&lt;code&gt;block&lt;/code&gt;独立的block隐藏内容，可以隐藏很多内容，包括图片，代码块等等&lt;/p&gt;
&lt;p&gt;( display 不能包含英文逗号，可用&lt;code&gt;&amp;amp;sbquo;&lt;/code&gt;)&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% hideBlock display,bg,color %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;content&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endhideBlock %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;content: 文本内容&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;display: 按钮显示的文字(可选)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;bg: 按钮的背景颜色(可选)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;color: 按钮文字的颜色(可选)&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;Demo&lt;/p&gt;
&lt;/blockquote&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;查看答案&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% hideBlock 查看答案 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;傻子，怎么可能有答案&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endhideBlock %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;查看答案&lt;/p&gt;
&lt;div class=&#34;hide-block&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;hide-button&#34; style=&#34;&#34;&gt;查看答案
    &lt;/button&gt;&lt;div class=&#34;hide-content&#34;&gt;&lt;p&gt;傻子，怎么可能有答案&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;tag-hide-3&#34;&gt;&lt;p&gt;如果你需要展示的内容太多，可以把它隐藏在收缩框里，需要时再把它展开。&lt;/p&gt;
&lt;p&gt;( display 不能包含英文逗号，可用&lt;code&gt;&amp;amp;sbquo;&lt;/code&gt;)&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% hideToggle display,bg,color %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;content&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endhideToggle %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;blockquote&gt;
&lt;p&gt;Demo&lt;/p&gt;
&lt;/blockquote&gt;
&lt;details class=&#34;toggle&#34; &gt;&lt;summary class=&#34;toggle-button&#34; style=&#34;&#34;&gt;AnZhiYu主题安装方法&lt;/summary&gt;&lt;div class=&#34;toggle-content&#34;&gt;&lt;p&gt;在你的博客根目录里&lt;/p&gt;
&lt;p&gt;git clone -b master &lt;a href=&#34;https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git&#34;&gt;https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git&lt;/a&gt; themes&amp;#x2F;anzhiyu&lt;/p&gt;
&lt;p&gt;如果想要安装比较新的dev分支，可以&lt;/p&gt;
&lt;p&gt;git clone -b dev &lt;a href=&#34;https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git&#34;&gt;https://github.com/anzhiyu-c/hexo-theme-anzhiyu.git&lt;/a&gt; themes&amp;#x2F;anzhiyu&lt;/p&gt;
&lt;/div&gt;&lt;/details&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;


&lt;h2 id=&#34;链接卡片-link&#34;&gt;&lt;a href=&#34;#链接卡片-link&#34; class=&#34;headerlink&#34; title=&#34;链接卡片 link&#34;&gt;&lt;/a&gt;链接卡片 link&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;link&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;link-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;link-2&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;link-3&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;link-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% link 标题, 站点描述, 链接, 图片链接（可选） %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;link-2&#34;&gt;&lt;div calss=&#39;anzhiyu-tag-link&#39;&gt;&lt;a class=&#34;tag-Link&#34; target=&#34;_blank&#34; href=&#34;https://github.com/owen0o0/getFavicon&#34;&gt;
    &lt;div class=&#34;tag-link-tips&#34;&gt;引用站外地址&lt;/div&gt;
    &lt;div class=&#34;tag-link-bottom&#34;&gt;
        &lt;div class=&#34;tag-link-left&#34; style=&#34;&#34;&gt;
          &lt;i class=&#34;anzhiyufont anzhiyu-icon-link&#34; style=&#34;&#34;&gt;&lt;/i&gt;
        &lt;/div&gt;
        &lt;div class=&#34;tag-link-right&#34;&gt;
            &lt;div class=&#34;tag-link-title&#34;&gt;获取网站的Favicon图标并显示在你的网页上&lt;/div&gt;
            &lt;div class=&#34;tag-link-sitename&#34;&gt;owen0o0&lt;/div&gt;
        &lt;/div&gt;
        &lt;i class=&#34;anzhiyufont anzhiyu-icon-angle-right&#34;&gt;&lt;/i&gt;
    &lt;/div&gt;
    &lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;link-3&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% link 获取网站的Favicon图标并显示在你的网页上,owen0o0,https://github.com/owen0o0/getFavicon %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;单选列表-radio&#34;&gt;&lt;a href=&#34;#单选列表-radio&#34; class=&#34;headerlink&#34; title=&#34;单选列表 radio&#34;&gt;&lt;/a&gt;单选列表 radio&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;radio&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;radio-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;radio-2&#34;&gt;配置参数&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;radio-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;radio-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;radio-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio 样式参数（可选）, 文本（支持简单md） %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;radio-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;颜色: &lt;span class=&#39;p red&#39;&gt;red&lt;/span&gt;,&lt;span class=&#39;p yellow&#39;&gt;yellow&lt;/span&gt;,&lt;span class=&#39;p green&#39;&gt;green&lt;/span&gt;,&lt;span class=&#39;p cyan&#39;&gt;cyan&lt;/span&gt;,&lt;span class=&#39;p blue&#39;&gt;blue&lt;/span&gt;,&lt;span class=&#39;p gray&#39;&gt;gray&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;选中状态: checked&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;radio-3&#34;&gt;&lt;div class=&#39;checkbox&#39;&gt;&lt;input type=&#34;radio&#34; /&gt;
            &lt;p&gt;纯文本测试&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox checked&#39;&gt;&lt;input type=&#34;radio&#34; checked=&#34;checked&#34;/&gt;
            &lt;p&gt;支持简单的 &lt;a href=&#34;https://guides.github.com/features/mastering-markdown/&#34;&gt;markdown&lt;/a&gt; 语法&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox red&#39;&gt;&lt;input type=&#34;radio&#34; /&gt;
            &lt;p&gt;支持自定义颜色&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox green&#39;&gt;&lt;input type=&#34;radio&#34; /&gt;
            &lt;p&gt;绿色&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox yellow&#39;&gt;&lt;input type=&#34;radio&#34; /&gt;
            &lt;p&gt;黄色&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox cyan&#39;&gt;&lt;input type=&#34;radio&#34; /&gt;
            &lt;p&gt;青色&lt;/p&gt;
            &lt;/div&gt;
   &lt;div class=&#39;checkbox blue&#39;&gt;&lt;input type=&#34;radio&#34; /&gt;
            &lt;p&gt;蓝色&lt;/p&gt;
            &lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;radio-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio 纯文本测试 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio checked, 支持简单的 [&lt;span class=&#34;string&#34;&gt;markdown&lt;/span&gt;](&lt;span class=&#34;link&#34;&gt;https://guides.github.com/features/mastering-markdown/&lt;/span&gt;) 语法 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio red, 支持自定义颜色 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio green, 绿色 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio yellow, 黄色 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio cyan, 青色 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% radio blue, 蓝色 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;上标标签-tip&#34;&gt;&lt;a href=&#34;#上标标签-tip&#34; class=&#34;headerlink&#34; title=&#34;上标标签 tip&#34;&gt;&lt;/a&gt;上标标签 tip&lt;/h2&gt;&lt;div class=&#34;tip cogs&#34;&gt;&lt;p&gt;主要样式参考自&lt;a href=&#34;https://www.antmoe.com/posts/3b43914f/&#34;&gt;小康的 butterfly 渐变背景标签&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;

&lt;div class=&#34;tabs&#34; id=&#34;tip&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;tip-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;tip-2&#34;&gt;配置参数&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;tip-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;tip-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;tip-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip [参数，可选] %&amp;#125;文本内容&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;tip-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;样式: success,error,warning,bolt,ban,home,sync,cogs,key,bell&lt;/li&gt;
&lt;li&gt;自定义图标: 支持 fontawesome。&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;tip-3&#34;&gt;&lt;div class=&#34;tip &#34;&gt;&lt;p&gt;default&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip info&#34;&gt;&lt;p&gt;info&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip success&#34;&gt;&lt;p&gt;success&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip error&#34;&gt;&lt;p&gt;error&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip warning&#34;&gt;&lt;p&gt;warning&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip bolt&#34;&gt;&lt;p&gt;bolt&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip ban&#34;&gt;&lt;p&gt;ban&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip home&#34;&gt;&lt;p&gt;home&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip sync&#34;&gt;&lt;p&gt;sync&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip cogs&#34;&gt;&lt;p&gt;cogs&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip key&#34;&gt;&lt;p&gt;key&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip bell&#34;&gt;&lt;p&gt;bell&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;tip fa-atom&#34;&gt;&lt;p&gt;自定义 font awesome 图标&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;tip-4&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;13&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip %&amp;#125;default&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip info %&amp;#125;info&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip success %&amp;#125;success&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip error %&amp;#125;error&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip warning %&amp;#125;warning&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip bolt %&amp;#125;bolt&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip ban %&amp;#125;ban&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip home %&amp;#125;home&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip sync %&amp;#125;sync&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip cogs %&amp;#125;cogs&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip key %&amp;#125;key&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip bell %&amp;#125;bell&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% tip fa-atom %&amp;#125;自定义 font awesome 图标&amp;#123;% endtip %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;Note-Bootstrap-Callout&#34;&gt;&lt;a href=&#34;#Note-Bootstrap-Callout&#34; class=&#34;headerlink&#34; title=&#34;Note (Bootstrap Callout)&#34;&gt;&lt;/a&gt;Note (Bootstrap Callout)&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;note&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;note-1&#34;&gt;通用配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;note-2&#34;&gt;语法格式&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;note-3&#34;&gt;配置参数&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;note-4&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;note-5&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;note-1&#34;&gt;&lt;p&gt;修改主题配置文件&lt;/p&gt;
&lt;figure class=&#34;highlight yml&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;11&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;12&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;attr&#34;&gt;note:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;# Note tag style values:&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;#  - simple    bs-callout old alert style. Default.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;#  - modern    bs-callout new (v2-v3) alert style.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;#  - flat      flat callout style with background, like on Mozilla or StackOverflow.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;#  - disabled  disable all CSS styles import of note tag.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;attr&#34;&gt;style:&lt;/span&gt; &lt;span class=&#34;string&#34;&gt;simple&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;attr&#34;&gt;icons:&lt;/span&gt; &lt;span class=&#34;literal&#34;&gt;false&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;attr&#34;&gt;border_radius:&lt;/span&gt; &lt;span class=&#34;number&#34;&gt;3&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;# Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;comment&#34;&gt;# Offset also applied to label tag variables. This option can work with disabled note tag.&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;  &lt;span class=&#34;attr&#34;&gt;light_bg_offset:&lt;/span&gt; &lt;span class=&#34;number&#34;&gt;0&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;&lt;code&gt;Note&lt;/code&gt;标签外挂有两种用法。&lt;code&gt;icons&lt;/code&gt;和&lt;code&gt;light_bg_offset&lt;/code&gt;只对方法一生效。&lt;/p&gt;
&lt;p&gt;&lt;code&gt;fontawesome&lt;/code&gt;图标需开启主题配置文件中&lt;code&gt;icons.fontawesome&lt;/code&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;note-2&#34;&gt;&lt;p&gt;&lt;code&gt;方法一&lt;/code&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note [class] [no-icon] [style] %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;Any content (support inline tags too.io).&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;&lt;code&gt;方法二&lt;/code&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note [color] [icon] [style] %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;Any content (support inline tags too.io).&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;note-3&#34;&gt;&lt;p&gt;&lt;code&gt;方法一&lt;/code&gt;&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;用法&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;class&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】标识，不同的标识有不同的配色&lt;br&gt;（ default &amp;#x2F; primary &amp;#x2F; success &amp;#x2F; info &amp;#x2F; warning &amp;#x2F; danger ）&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;no-icon&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】不显示 icon&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;style&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】可以覆盖配置中的 style&lt;br&gt;（simple&amp;#x2F;modern&amp;#x2F;flat&amp;#x2F;disabled）&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;p&gt;&lt;code&gt;方法二&lt;/code&gt;&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th align=&#34;left&#34;&gt;参数&lt;/th&gt;
&lt;th align=&#34;left&#34;&gt;用法&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;class&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】标识，不同的标识有不同的配色&lt;br&gt;（ default &amp;#x2F; blue &amp;#x2F; pink &amp;#x2F; red &amp;#x2F; purple &amp;#x2F; orange &amp;#x2F; green ）&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;no-icon&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】可配置自定义 icon (支持 fontawesome 图标和主题内置的阿里图标,&lt;code&gt;fontawesome&lt;/code&gt;图标需开启主题配置文件中&lt;code&gt;icons.fontawesome&lt;/code&gt;, 也可以配置 no-icon )&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align=&#34;left&#34;&gt;style&lt;/td&gt;
&lt;td align=&#34;left&#34;&gt;【可选】可以覆盖配置中的 style&lt;br&gt;（simple&amp;#x2F;modern&amp;#x2F;flat&amp;#x2F;disabled）&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;note-4&#34;&gt;&lt;p&gt;&lt;code&gt;方法一&lt;/code&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;simple&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;note simple&#34;&gt;&lt;p&gt;默认 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note default simple&#34;&gt;&lt;p&gt;default 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note primary simple&#34;&gt;&lt;p&gt;primary 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note success simple&#34;&gt;&lt;p&gt;success 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note info simple&#34;&gt;&lt;p&gt;info 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note warning simple&#34;&gt;&lt;p&gt;warning 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note danger simple&#34;&gt;&lt;p&gt;danger 提示块标签&lt;/p&gt;
&lt;/div&gt;


&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;&lt;code&gt;modern&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;note modern&#34;&gt;&lt;p&gt;默认 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note default modern&#34;&gt;&lt;p&gt;default 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note primary modern&#34;&gt;&lt;p&gt;primary 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note success modern&#34;&gt;&lt;p&gt;success 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note info modern&#34;&gt;&lt;p&gt;info 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note warning modern&#34;&gt;&lt;p&gt;warning 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note danger modern&#34;&gt;&lt;p&gt;danger 提示块标签&lt;/p&gt;
&lt;/div&gt;


&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;&lt;code&gt;flat&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;note flat&#34;&gt;&lt;p&gt;默认 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note default flat&#34;&gt;&lt;p&gt;default 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note primary flat&#34;&gt;&lt;p&gt;primary 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note success flat&#34;&gt;&lt;p&gt;success 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note info flat&#34;&gt;&lt;p&gt;info 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note warning flat&#34;&gt;&lt;p&gt;warning 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note danger flat&#34;&gt;&lt;p&gt;danger 提示块标签&lt;/p&gt;
&lt;/div&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;&lt;code&gt;disabled&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;note disabled&#34;&gt;&lt;p&gt;默认 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note default disabled&#34;&gt;&lt;p&gt;default 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note primary disabled&#34;&gt;&lt;p&gt;primary 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note success disabled&#34;&gt;&lt;p&gt;success 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note info disabled&#34;&gt;&lt;p&gt;info 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note warning disabled&#34;&gt;&lt;p&gt;warning 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note danger disabled&#34;&gt;&lt;p&gt;danger 提示块标签&lt;/p&gt;
&lt;/div&gt;

&lt;ol start=&#34;5&#34;&gt;
&lt;li&gt;&lt;code&gt;no-icon&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;note no-icon flat&#34;&gt;&lt;p&gt;默认 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note default no-icon flat&#34;&gt;&lt;p&gt;default 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note primary no-icon flat&#34;&gt;&lt;p&gt;primary 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note success no-icon flat&#34;&gt;&lt;p&gt;success 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note info no-icon flat&#34;&gt;&lt;p&gt;info 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note warning no-icon flat&#34;&gt;&lt;p&gt;warning 提示块标签&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note danger no-icon flat&#34;&gt;&lt;p&gt;danger 提示块标签&lt;/p&gt;
&lt;/div&gt;

&lt;p&gt;&lt;code&gt;方法二&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;图标支持 &lt;code&gt;fontawesome&lt;/code&gt; 和 &lt;code&gt;主题内置的阿里图标&lt;/code&gt;，使用方法为加上对应的类名，&lt;code&gt;fontawesome&lt;/code&gt;图标需开启主题配置文件中&lt;code&gt;icons.fontawesome&lt;/code&gt;，默认未开启 fontawesome&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;simple 样式&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;div class=&#34;note anzhiyufont anzhiyu-icon-rocket simple&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn simple&#34;&gt;&lt;p&gt;2022 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink anzhiyufont anzhiyu-icon-instagram simple&#34;&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red anzhiyufont anzhiyu-icon-fan simple&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange anzhiyufont anzhiyu-icon-dengpao simple&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple anzhiyufont anzhiyu-icon-sanmingzhi simple&#34;&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green anzhiyufont anzhiyu-icon-ic_train simple&#34;&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;
&lt;div class=&#34;note icon-padding simple&#34;&gt;&lt;i class=&#34;note-icon fab fa-cc-visa&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue icon-padding simple&#34;&gt;&lt;i class=&#34;note-icon fas fa-bullhorn&#34;&gt;&lt;/i&gt;&lt;p&gt;2022 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink icon-padding simple&#34;&gt;&lt;i class=&#34;note-icon fas fa-car-crash&#34;&gt;&lt;/i&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red icon-fan simple&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange icon-padding simple&#34;&gt;&lt;i class=&#34;note-icon fas fa-battery-half&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple icon-padding simple&#34;&gt;&lt;i class=&#34;note-icon far fa-hand-scissors&#34;&gt;&lt;/i&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green icon-padding simple&#34;&gt;&lt;i class=&#34;note-icon fab fa-internet-explorer&#34;&gt;&lt;/i&gt;&lt;p&gt;前端最讨厌的浏器&lt;/p&gt;
&lt;/div&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;modern 样式&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;div class=&#34;note anzhiyufont anzhiyu-icon-rocket modern&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn modern&#34;&gt;&lt;p&gt;2022 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink anzhiyufont anzhiyu-icon-instagram modern&#34;&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red anzhiyufont anzhiyu-icon-fan modern&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange anzhiyufont anzhiyu-icon-dengpao modern&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple anzhiyufont anzhiyu-icon-sanmingzhi modern&#34;&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green anzhiyufont anzhiyu-icon-ic_train modern&#34;&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;

&lt;div class=&#34;note icon-padding modern&#34;&gt;&lt;i class=&#34;note-icon fab fa-cc-visa&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue icon-padding modern&#34;&gt;&lt;i class=&#34;note-icon fas fa-bullhorn&#34;&gt;&lt;/i&gt;&lt;p&gt;2021 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink icon-padding modern&#34;&gt;&lt;i class=&#34;note-icon fas fa-car-crash&#34;&gt;&lt;/i&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red icon-fan modern&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange icon-padding modern&#34;&gt;&lt;i class=&#34;note-icon fas fa-battery-half&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple icon-padding modern&#34;&gt;&lt;i class=&#34;note-icon far fa-hand-scissors&#34;&gt;&lt;/i&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green icon-padding modern&#34;&gt;&lt;i class=&#34;note-icon fab fa-internet-explorer&#34;&gt;&lt;/i&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;flat 样式&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;div class=&#34;note anzhiyufont anzhiyu-icon-rocket flat&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn flat&#34;&gt;&lt;p&gt;2022 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink anzhiyufont anzhiyu-icon-instagram flat&#34;&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red anzhiyufont anzhiyu-icon-fan flat&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange anzhiyufont anzhiyu-icon-dengpao flat&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple anzhiyufont anzhiyu-icon-sanmingzhi flat&#34;&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green anzhiyufont anzhiyu-icon-ic_train flat&#34;&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;

&lt;div class=&#34;note icon-padding flat&#34;&gt;&lt;i class=&#34;note-icon fab fa-cc-visa&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue icon-padding flat&#34;&gt;&lt;i class=&#34;note-icon fas fa-bullhorn&#34;&gt;&lt;/i&gt;&lt;p&gt;2021 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink icon-padding flat&#34;&gt;&lt;i class=&#34;note-icon fas fa-car-crash&#34;&gt;&lt;/i&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red icon-fan flat&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange icon-padding flat&#34;&gt;&lt;i class=&#34;note-icon fas fa-battery-half&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple icon-padding flat&#34;&gt;&lt;i class=&#34;note-icon far fa-hand-scissors&#34;&gt;&lt;/i&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green icon-padding flat&#34;&gt;&lt;i class=&#34;note-icon fab fa-internet-explorer&#34;&gt;&lt;/i&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;disabled 样式&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;div class=&#34;note anzhiyufont anzhiyu-icon-rocket disabled&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue anzhiyufont anzhiyu-icon-bullhorn disabled&#34;&gt;&lt;p&gt;2022 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink anzhiyufont anzhiyu-icon-instagram disabled&#34;&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red anzhiyufont anzhiyu-icon-fan disabled&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange anzhiyufont anzhiyu-icon-dengpao disabled&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple anzhiyufont anzhiyu-icon-sanmingzhi disabled&#34;&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green anzhiyufont anzhiyu-icon-ic_train disabled&#34;&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;

&lt;div class=&#34;note icon-padding disabled&#34;&gt;&lt;i class=&#34;note-icon fab fa-cc-visa&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue icon-padding disabled&#34;&gt;&lt;i class=&#34;note-icon fas fa-bullhorn&#34;&gt;&lt;/i&gt;&lt;p&gt;2021 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink icon-padding disabled&#34;&gt;&lt;i class=&#34;note-icon fas fa-car-crash&#34;&gt;&lt;/i&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red icon-fan disabled&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange icon-padding disabled&#34;&gt;&lt;i class=&#34;note-icon fas fa-battery-half&#34;&gt;&lt;/i&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple icon-padding disabled&#34;&gt;&lt;i class=&#34;note-icon far fa-hand-scissors&#34;&gt;&lt;/i&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green icon-padding disabled&#34;&gt;&lt;i class=&#34;note-icon fab fa-internet-explorer&#34;&gt;&lt;/i&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;

&lt;ol start=&#34;5&#34;&gt;
&lt;li&gt;no-icon 样式&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;note no-icon flat&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note blue no-icon flat&#34;&gt;&lt;p&gt;2021 年快到了….&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note pink no-icon flat&#34;&gt;&lt;p&gt;小心开车 安全至上&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note red no-icon flat&#34;&gt;&lt;p&gt;这是三片呢？还是四片？&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note orange no-icon flat&#34;&gt;&lt;p&gt;你是刷 Visa 还是 UnionPay&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note purple no-icon flat&#34;&gt;&lt;p&gt;剪刀石头布&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;note green no-icon flat&#34;&gt;&lt;p&gt;前端最讨厌的浏览器&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;note-5&#34;&gt;&lt;p&gt;&lt;code&gt;方法一&lt;/code&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;simple&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note simple %&amp;#125;默认 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note default simple %&amp;#125;default 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note primary simple %&amp;#125;primary 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note success simple %&amp;#125;success 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note info simple %&amp;#125;info 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note warning simple %&amp;#125;warning 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note danger simple %&amp;#125;danger 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;&lt;code&gt;modern&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note modern %&amp;#125;默认 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note default modern %&amp;#125;default 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note primary modern %&amp;#125;primary 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note success modern %&amp;#125;success 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note info modern %&amp;#125;info 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note warning modern %&amp;#125;warning 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note danger modern %&amp;#125;danger 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;&lt;code&gt;flat&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note flat %&amp;#125;默认 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note default flat %&amp;#125;default 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note primary flat %&amp;#125;primary 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note success flat %&amp;#125;success 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note info flat %&amp;#125;info 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note warning flat %&amp;#125;warning 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note danger flat %&amp;#125;danger 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;4&#34;&gt;
&lt;li&gt;&lt;code&gt;disabled&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note disabled %&amp;#125;默认 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note default disabled %&amp;#125;default 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note primary disabled %&amp;#125;primary 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note success disabled %&amp;#125;success 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note info disabled %&amp;#125;info 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note warning disabled %&amp;#125;warning 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note danger disabled %&amp;#125;danger 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;5&#34;&gt;
&lt;li&gt;&lt;code&gt;no-icon&lt;/code&gt;样式&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note no-icon %&amp;#125;默认 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note default no-icon %&amp;#125;default 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note primary no-icon %&amp;#125;primary 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note success no-icon %&amp;#125;success 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note info no-icon %&amp;#125;info 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note warning no-icon %&amp;#125;warning 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note danger no-icon %&amp;#125;danger 提示块标签&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;&lt;code&gt;方法二&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;图标支持 &lt;code&gt;fontawesome&lt;/code&gt; 和 &lt;code&gt;主题内置的阿里图标&lt;/code&gt;，使用方法为加上对应的类名，&lt;code&gt;fontawesome&lt;/code&gt;图标需开启主题配置文件中&lt;code&gt;icons.fontawesome&lt;/code&gt;，默认未开启 fontawesome&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;p&gt;simple 样式&lt;br&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;anzhiyufont anzhiyu-icon-rocket&amp;#x27; simple %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;anzhiyufont anzhiyu-icon-bullhorn&amp;#x27; simple %&amp;#125;2022 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;anzhiyufont anzhiyu-icon-instagram&amp;#x27; simple %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;anzhiyufont anzhiyu-icon-fan&amp;#x27; simple%&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;anzhiyufont anzhiyu-icon-dengpao&amp;#x27; simple %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;anzhiyufont anzhiyu-icon-sanmingzhi&amp;#x27; simple %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;anzhiyufont anzhiyu-icon-ic&lt;span class=&#34;emphasis&#34;&gt;_train&amp;#x27; simple %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;

&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;fab fa-cc-visa&amp;#x27; simple %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;fas fa-bullhorn&amp;#x27; simple %&amp;#125;2022 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;fas fa-car-crash&amp;#x27; simple %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;icon-fan&amp;#x27; simple%&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;fas fa-battery-half&amp;#x27; simple %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;far fa-hand-scissors&amp;#x27; simple %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;fab fa-internet-explorer&amp;#x27; simple %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;modern 样式&lt;br&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;anzhiyufont anzhiyu-icon-rocket&amp;#x27; modern %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;anzhiyufont anzhiyu-icon-bullhorn&amp;#x27; modern %&amp;#125;2022 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;anzhiyufont anzhiyu-icon-instagram&amp;#x27; modern %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;anzhiyufont anzhiyu-icon-fan&amp;#x27; modern%&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;anzhiyufont anzhiyu-icon-dengpao&amp;#x27; modern %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;anzhiyufont anzhiyu-icon-sanmingzhi&amp;#x27; modern %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;anzhiyufont anzhiyu-icon-ic&lt;span class=&#34;emphasis&#34;&gt;_train&amp;#x27; modern %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;

&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;fab fa-cc-visa&amp;#x27; modern %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;fas fa-bullhorn&amp;#x27; modern %&amp;#125;2021 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;fas fa-car-crash&amp;#x27; modern %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;icon-fan&amp;#x27; modern%&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;fas fa-battery-half&amp;#x27; modern %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;far fa-hand-scissors&amp;#x27; modern %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;fab fa-internet-explorer&amp;#x27; modern %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;flat 样式&lt;br&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;anzhiyufont anzhiyu-icon-rocket&amp;#x27; flat %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;anzhiyufont anzhiyu-icon-bullhorn&amp;#x27; flat %&amp;#125;2022 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;anzhiyufont anzhiyu-icon-instagram&amp;#x27; flat %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;anzhiyufont anzhiyu-icon-fan&amp;#x27; flat%&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;anzhiyufont anzhiyu-icon-dengpao&amp;#x27; flat %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;anzhiyufont anzhiyu-icon-sanmingzhi&amp;#x27; flat %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;anzhiyufont anzhiyu-icon-ic&lt;span class=&#34;emphasis&#34;&gt;_train&amp;#x27; flat %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;

&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;fab fa-cc-visa&amp;#x27; flat %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;fas fa-bullhorn&amp;#x27; flat %&amp;#125;2021 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;fas fa-car-crash&amp;#x27; flat %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;icon-fan&amp;#x27; flat%&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;fas fa-battery-half&amp;#x27; flat %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;far fa-hand-scissors&amp;#x27; flat %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;fab fa-internet-explorer&amp;#x27; flat %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;disabled 样式&lt;br&gt;&lt;code&gt;主题内置阿里图标&lt;/code&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;anzhiyufont anzhiyu-icon-rocket&amp;#x27; disabled %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;anzhiyufont anzhiyu-icon-bullhorn&amp;#x27; disabled %&amp;#125;2022 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;anzhiyufont anzhiyu-icon-instagram&amp;#x27; disabled %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;anzhiyufont anzhiyu-icon-fan&amp;#x27; disabled%&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;anzhiyufont anzhiyu-icon-dengpao&amp;#x27; disabled %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;anzhiyufont anzhiyu-icon-sanmingzhi&amp;#x27; disabled %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;anzhiyufont anzhiyu-icon-ic&lt;span class=&#34;emphasis&#34;&gt;_train&amp;#x27; disabled %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;p&gt;&lt;code&gt;fontawesome 图标&lt;/code&gt;，开启主题配置文件中的&lt;code&gt;icons.fontawesome&lt;/code&gt;为&lt;code&gt;true&lt;/code&gt;后可见&lt;/p&gt;

&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note &amp;#x27;fab fa-cc-visa&amp;#x27; disabled %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue &amp;#x27;fas fa-bullhorn&amp;#x27; disabled %&amp;#125;2021 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink &amp;#x27;fas fa-car-crash&amp;#x27; disabled %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red &amp;#x27;icon-fan&amp;#x27; disabled %&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange &amp;#x27;fas fa-battery-half&amp;#x27; disabled %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple &amp;#x27;far fa-hand-scissors&amp;#x27; disabled %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green &amp;#x27;fab fa-internet-explorer&amp;#x27; disabled %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;no-icon 样式&lt;/p&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note no-icon %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note blue no-icon %&amp;#125;2021 年快到了....&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note pink no-icon %&amp;#125;小心开车 安全至上&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note red no-icon %&amp;#125;这是三片呢？还是四片？&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note orange no-icon %&amp;#125;你是刷 Visa 还是 UnionPay&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note purple no-icon %&amp;#125;剪刀石头布&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% note green no-icon %&amp;#125;前端最讨厌的浏览器&amp;#123;% endnote %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;音频-audio&#34;&gt;&lt;a href=&#34;#音频-audio&#34; class=&#34;headerlink&#34; title=&#34;音频 audio&#34;&gt;&lt;/a&gt;音频 audio&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;audio&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;audio-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;audio-2&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;audio-3&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;audio-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% audio 音频链接 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;audio-2&#34;&gt;&lt;div class=&#34;audio&#34;&gt;&lt;audio controls preload&gt;&lt;source src=&#39;https://npm.elemecdn.com/anzhiyu-music@1.0.4/%E9%9D%92%E8%8A%B1%E7%93%B7/%E9%9D%92%E8%8A%B1%E7%93%B7.mp3&#39; type=&#39;audio/mp3&#39;&gt;Your browser does not support the audio tag.&lt;/audio&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;audio-3&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% audio https://npm.elemecdn.com/anzhiyu-music@1.0.4/%E9%9D%92%E8%8A%B1%E7%93%B7/%E9%9D%92%E8%8A%B1%E7%93%B7.mp3 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&#34;视频-video&#34;&gt;&lt;a href=&#34;#视频-video&#34; class=&#34;headerlink&#34; title=&#34;视频 video&#34;&gt;&lt;/a&gt;视频 video&lt;/h2&gt;&lt;div class=&#34;tabs&#34; id=&#34;video&#34;&gt;&lt;ul class=&#34;nav-tabs&#34;&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;video-1&#34;&gt;标签语法&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;video-2&#34;&gt;参数配置&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab  active&#34; data-href=&#34;video-3&#34;&gt;样式预览&lt;/button&gt;&lt;button type=&#34;button&#34; class=&#34;tab &#34; data-href=&#34;video-4&#34;&gt;示例源码&lt;/button&gt;&lt;/ul&gt;&lt;div class=&#34;tab-contents&#34;&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;video-1&#34;&gt;&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video 视频链接 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;video-2&#34;&gt;&lt;ol&gt;
&lt;li&gt;对其方向：left, center, right&lt;/li&gt;
&lt;li&gt;列数：逗号后面直接写列数，支持 1 ～ 4 列。&lt;/li&gt;
&lt;/ol&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content active&#34; id=&#34;video-3&#34;&gt;&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;100%宽度&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/6478a1eeb1386.png&#34; alt=&#34;100%宽度&#34;&gt;&lt;/p&gt;
&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;50%宽度&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/6478a20a5f242.png&#34; alt=&#34;50%宽度&#34;&gt;&lt;/p&gt;
&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;25%宽度&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;https://bu.dusays.com/2023/06/01/6478a22b26088.png&#34; alt=&#34;25%宽度&#34;&gt;&lt;/p&gt;&lt;/div&gt;&lt;div class=&#34;tab-item-content&#34; id=&#34;video-4&#34;&gt;&lt;ol&gt;
&lt;li&gt;100%宽度&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG&lt;span class=&#34;emphasis&#34;&gt;_0341.mov %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;50%宽度&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% videos, 2 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG&lt;span class=&#34;emphasis&#34;&gt;_0341.mov %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_&lt;/span&gt;0341.mov %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG&lt;span class=&#34;emphasis&#34;&gt;_0341.mov %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_&lt;/span&gt;0341.mov %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endvideos %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;

&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;25%宽度&lt;/li&gt;
&lt;/ol&gt;
&lt;figure class=&#34;highlight markdown&#34;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&#34;gutter&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;3&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;4&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;5&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;6&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;7&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;8&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;9&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;10&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;td class=&#34;code&#34;&gt;&lt;pre&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% videos, 4 %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG&lt;span class=&#34;emphasis&#34;&gt;_0341.mov %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_&lt;/span&gt;0341.mov %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG&lt;span class=&#34;emphasis&#34;&gt;_0341.mov %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_&lt;/span&gt;0341.mov %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG&lt;span class=&#34;emphasis&#34;&gt;_0341.mov %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_&lt;/span&gt;0341.mov %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG&lt;span class=&#34;emphasis&#34;&gt;_0341.mov %&amp;#125;&lt;/span&gt;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;emphasis&#34;&gt;&amp;#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_&lt;/span&gt;0341.mov %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;span class=&#34;line&#34;&gt;&amp;#123;% endvideos %&amp;#125;&lt;/span&gt;&lt;br&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&#34;tab-to-top&#34;&gt;&lt;button type=&#34;button&#34; aria-label=&#34;scroll to top&#34;&gt;&lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-up&#34;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/39293/</guid>
            <title>记录中国国际大学生创新大赛（2025）省级复赛</title>
            <link>https://borling.daydayupup.com/posts/39293/</link>
            <pubDate>Thu, 17 Jul 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;h2 id=&#34;省赛-·-图记&#34;&gt;&lt;a href=&#34;#省赛-·-图记&#34; class=&#34;headerlink&#34; title=&#34;省赛 · 图记&#34;&gt;&lt;/a&gt;省赛 · 图记&lt;/h2&gt;&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/1.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/2.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/3.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/4.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/5.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/6.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/7.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/8.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.17/9.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/23223/</guid>
            <title>毕业纪</title>
            <link>https://borling.daydayupup.com/posts/23223/</link>
            <pubDate>Thu, 10 Jul 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.10/1.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.10/2.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.10/3.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.10/4.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.10/5.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.10/6.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/6890/</guid>
            <title>🎂每一岁都珍贵</title>
            <link>https://borling.daydayupup.com/posts/6890/</link>
            <pubDate>Sat, 05 Jul 2025 10:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;p&gt;今天 21 岁啦！&lt;br&gt;感谢每一岁的成长与陪伴，愿以后的日子继续闪光✨&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.05/1.jpg&#34;,&#34;alt&#34;:&#34;图1&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.05/2.jpg&#34;,&#34;alt&#34;:&#34;图2&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/07.05/3.jpg&#34;,&#34;alt&#34;:&#34;图3&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/55029/</guid>
            <title>停止当牛马，去当苗族少爷🤴</title>
            <link>https://borling.daydayupup.com/posts/55029/</link>
            <pubDate>Sat, 14 Jun 2025 23:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;p&gt;停止当牛马，去当苗族少爷🤴&lt;br&gt;​✨ 银饰晃眼，灯火温柔&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/06.14/1.jpg&#34;,&#34;alt&#34;:&#34;图1&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/06.14/2.jpg&#34;,&#34;alt&#34;:&#34;图2&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/06.14/3.jpg&#34;,&#34;alt&#34;:&#34;图3&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/06.14/4.jpg&#34;,&#34;alt&#34;:&#34;图4&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/06.14/5.jpg&#34;,&#34;alt&#34;:&#34;图5&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/06.14/6.jpg&#34;,&#34;alt&#34;:&#34;图6&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/46874/</guid>
            <title>Hiking！⛰️</title>
            <link>https://borling.daydayupup.com/posts/46874/</link>
            <pubDate>Wed, 07 May 2025 19:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;p&gt;定义新的“爬山”🎉&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/1.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/2.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/3.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/4.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/5.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/6.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/7.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/8.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/05.07/9.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/28013/</guid>
            <title>潮汕旅行流水账</title>
            <link>https://borling.daydayupup.com/posts/28013/</link>
            <pubDate>Tue, 04 Feb 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://oss.borling.daydayupup.com/post/2025/02.04/1.jpg&#34; style=&#34;width:300px;&#34;/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class=&#39;p center small&#39;&gt;龙湖古城，逛了&lt;/p&gt;
&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://oss.borling.daydayupup.com/post/2025/02.04/2.jpg&#34; style=&#34;width:300px;&#34;/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class=&#39;p center small&#39;&gt;英歌舞，看了&lt;/p&gt;
&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://oss.borling.daydayupup.com/post/2025/02.04/6.jpg&#34; style=&#34;width:300px;&#34;/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class=&#39;p center small&#39;&gt;看完英歌舞，潮安区领导班子的题字&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.04/3.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.04/4.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.04/5.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.04/7.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.04/8.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p class=&#39;p center small&#39;&gt;Part of 潮州古城&lt;/p&gt;
&lt;div class=&#34;videos&#34; col=&#39;2&#39;&gt;&lt;div class=&#34;video&#34;&gt;&lt;video controls preload&gt;&lt;source src=&#39;https://oss.borling.daydayupup.com/post/2025/02.04/1.mp4&#39; type=&#39;video/mp4&#39;&gt;Your browser does not support the video tag.&lt;/video&gt;&lt;/div&gt;
&lt;p class=&#39;p center small&#39;&gt;Part of 广济桥拼接过程&lt;/p&gt;&lt;/div&gt;
&lt;div class=&#34;img-wrap&#34;&gt;&lt;div class=&#34;img-bg&#34;&gt;&lt;img class=&#34;img&#34; src=&#34;https://oss.borling.daydayupup.com/post/2025/02.04/9.jpg&#34; style=&#34;width:300px;&#34;/&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p class=&#39;p center small&#39;&gt;潮汕美食吃吃吃~&lt;/p&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/11992/</guid>
            <title>厦门之旅</title>
            <link>https://borling.daydayupup.com/posts/11992/</link>
            <pubDate>Sun, 02 Feb 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;h2 id=&#34;厦门-·-图记&#34;&gt;&lt;a href=&#34;#厦门-·-图记&#34; class=&#34;headerlink&#34; title=&#34;厦门 · 图记&#34;&gt;&lt;/a&gt;厦门 · 图记&lt;/h2&gt;&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/1.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/2.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/3.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/4.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/5.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/6.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/7.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/8.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/9.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/10.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/11.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/12.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/13.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/14.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/15.jpg&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/02.02/16.jpg&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;

&lt;div class=&#34;video&#34;&gt;&lt;video controls preload&gt;&lt;source src=&#39;https://oss.borling.daydayupup.com/post/2025/02.02/1.mp4&#39; type=&#39;video/mp4&#39;&gt;Your browser does not support the video tag.&lt;/video&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/62800/</guid>
            <title>簪花</title>
            <link>https://borling.daydayupup.com/posts/62800/</link>
            <pubDate>Fri, 31 Jan 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;p&gt;“繁花似锦，前程似锦”🌸&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/1-1.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/1-2.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/1-3.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/1-4.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/1-5.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/1-6.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/6000/</guid>
            <title>福州之旅</title>
            <link>https://borling.daydayupup.com/posts/6000/</link>
            <pubDate>Fri, 31 Jan 2025 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;p&gt;🏙️ 𝑭𝒖 𝒁𝒉𝒐𝒖福州🧧&lt;br&gt;“做有福之人，来有福之州”❣️&lt;/p&gt;
&lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-1.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-2.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-3.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-4.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-5.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-6.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-7.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-8.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-9.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-10.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.31/2-11.png&#34;,&#34;alt&#34;:&#34;中转长沙买到的茶颜悦色&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/37410/</guid>
            <title>日常</title>
            <link>https://borling.daydayupup.com/posts/37410/</link>
            <pubDate>Tue, 28 Jan 2025 10:42:00 +0800</pubDate>
            <description><![CDATA[ &lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.28/1.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.28/2.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2025/01.28/3.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt;
&lt;p&gt;大雪和边牧&lt;/p&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/35501/</guid>
            <title>分享</title>
            <link>https://borling.daydayupup.com/posts/35501/</link>
            <pubDate>Sun, 12 Jan 2025 15:30:00 +0800</pubDate>
            <description><![CDATA[ &lt;p&gt;&lt;img src=&#34;https://oss.borling.daydayupup.com/post/2025/01.12/1.png&#34;&gt;&lt;/p&gt;
 ]]></description>
        </item>
        <item>
            <guid isPermalink="true">https://borling.daydayupup.com/posts/61592/</guid>
            <title>明天，将与马拉松吴向东会长共频一个起跑线！</title>
            <link>https://borling.daydayupup.com/posts/61592/</link>
            <pubDate>Fri, 06 Dec 2024 22:00:00 +0800</pubDate>
            <description><![CDATA[ &lt;div class=&#34;gallery&#34;&gt;
  &lt;div class=&#34;fj-gallery page_img_lazyload  data&#34; data-rowHeight=&#34;220&#34; data-limit=&#34;10&#34;&gt;
    &lt;span class=&#34;gallery-data&#34;&gt;[{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/1.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/2.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/3.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/4.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/5.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/6.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/7.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/8.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/9.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/10.png&#34;,&#34;alt&#34;:&#34;&#34;},{&#34;url&#34;:&#34;https://oss.borling.daydayupup.com/post/2024/12.06/11.png&#34;,&#34;alt&#34;:&#34;&#34;}]&lt;/span&gt;
  &lt;/div&gt;&lt;button class=&#34;gallery-load-more&#34; style=&#34;opacity:0&#34;&gt;
  &lt;span&gt;加载更多&lt;/span&gt;
  &lt;i class=&#34;anzhiyufont anzhiyu-icon-arrow-down&#34;&gt;&lt;/i&gt;
  &lt;/button&gt;&lt;/div&gt; ]]></description>
        </item>
    </channel>
</rss>
