<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>匣启千年,史鉴人间</title>
  
  <subtitle>云端历史多维互动剧本杀链鉴千年文明</subtitle>
  <link href="https://www.starmiu.top/atom.xml" rel="self"/>
  
  <link href="https://www.starmiu.top/"/>
  <updated>2026-05-12T11:57:08.232Z</updated>
  <id>https://www.starmiu.top/</id>
  
  <author>
    <name>北华大学创新小组</name>
    
  </author>
  
  <generator uri="https://hexo.io/">Hexo</generator>
  
  <entry>
    <title>辛宪英</title>
    <link href="https://www.starmiu.top/posts/21fcc02b.html"/>
    <id>https://www.starmiu.top/posts/21fcc02b.html</id>
    <published>2026-05-12T11:20:29.000Z</published>
    <updated>2026-05-12T11:57:08.232Z</updated>
    
    <content type="html"><![CDATA[<p>&lt;!DOCTYPE html&gt;</p><html lang="zh-CN"><head><meta charset="UTF-8"><title>辛宪英</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.dialogue {    font-family: "SimHei", monospace;    background-color: #fff0d6;    padding: 10px;    border-left: 4px solid #cfa46f;    margin: 8px 0;    white-space: pre-wrap;    word-break: break-word;    min-height: 1.5em;}</style></head><body><h2>辛宪英</h2><div class="section-box"><h3>初启</h3><p>你是辛宪英，颍川阳翟人。</p ><p>你出生在士族名门，这既是荣耀，也是责任。</p ><p>你的父亲辛毗是曹魏名臣，官至卫尉。你家世代士族，家风严谨，诗书传家。你从小聪慧过人，过目成诵。</p ><p>你嫁给羊耽，羊家也是士族大姓。你最著名的，是两次预言曹魏局势的变化。你比常人看得更远、更深、更透。</p ><p>你看出曹爽必败，也知道司马懿必胜。你唯一不确定的，是这场政变会波及多大。你的弟弟辛敞就在高平陵，你必须救他。但不是现在。</p ><p>（未经主持人许可，禁止翻看下一页）</p ></div><h2>第一幕：天眼</h2><div id="script-content"><p class="dialogue" data-text="正月十五，上元佳节。"></p ><p class="dialogue" data-text="洛阳城中，辛府。"></p ><p class="dialogue" data-text="你独自坐在书房中，面前是一盏燃尽的油灯。"></p ><p class="dialogue" data-text="你没有去高平陵。不是不想去，是不能去。你知道今夜洛阳会出大事，所以你必须留在城中，守在风暴中心的边缘，才能掌握第一手消息。"></p ><p class="dialogue" data-text="窗外，上元佳节的烟火照亮夜空，欢呼声隐约可闻。你却没有丝毫过节的心思。"></p ><p class="dialogue" data-text="你的手中，握着两封信。第一封，是曹爽的罪证。第二封，是司马懿的秘密。你握着刀柄，不让任何人知道。"></p ><p class="dialogue" data-text="‘夫人。’侍女在门外低声道，‘府外有人求见。’"></p ><p class="dialogue" data-text="‘谁？’你问。"></p ><p class="dialogue" data-text="‘太傅府的人。’"></p ><p class="dialogue" data-text="你微微一顿，随后起身，跟随黑衣人出府，上马车。马车穿过洛阳城的街市、城门，外面异常寂静。"></p ><p class="dialogue" data-text="马车停在太傅府门前。你被引入府中，走廊上站满持刀甲士，神情冷峻，杀气腾腾。你走进书房，看到一个白发苍苍的老人——司马懿。"></p ><p class="dialogue" data-text="他没有抬头，只淡淡道：‘辛夫人，请坐。’你坐下，静静打量房间。"></p ><p class="dialogue" data-text="他放下笔，抬头看你，目光平静，像一个老人在看晚辈：‘辛夫人，深夜来访，所为何事？’"></p ><p class="dialogue" data-text="你从袖中取出写有七家士族名单的信，放在书案上：‘太傅请看。’"></p ><p class="dialogue" data-text="他看着你，沉默片刻，兴趣显现，像发现棋盘上未察觉的棋子。"></p ><p class="dialogue" data-text="你从袖中取出第二封信——曹爽的罪证，放在他面前。"></p ><p class="dialogue" data-text="你请求保全弟弟辛敞的性命。司马懿沉默许久，然后淡淡笑道，你比曹爽聪明十倍，比幕僚聪明一倍……"></p ><p class="dialogue" data-text="你走出书房，夜风迎面扑来，吹得衣袂猎猎。你抬头看月亮，又圆又亮，照在洛阳城，照在即将血流成河的天下。"></p ><p class="dialogue" data-text="你的弟弟还在高平陵，还在曹爽身边。你必须在宴席结束前赶到那里，告诉她现在走还来得及。"></p ></div><script>// 逐字显示函数function typeText(element, text, speed, callback) {    let index = 0;    let interval = setInterval(() => {        element.textContent += text[index];        index++;        if(index >= text.length){            clearInterval(interval);            if(callback) callback();        }    }, speed);}// 顺序显示所有对话const dialogues = Array.from(document.querySelectorAll('.dialogue'));let currentIndex = 0;function showNextDialogue() {    if(currentIndex >= dialogues.length) return;    const el = dialogues[currentIndex];    const text = el.getAttribute('data-text');    typeText(el, text, 20, () => {        currentIndex++;        showNextDialogue();    });}showNextDialogue();</script></body></html>]]></content>
    
    
    <summary type="html">“从容阴礼，婉娩柔则。载循六行，爰昭四德。操洁风霜，誉流邦国。彤管贻训，清芬靡忒。”——房玄龄</summary>
    
    
    
    <category term="高平陵之变" scheme="https://www.starmiu.top/categories/%E9%AB%98%E5%B9%B3%E9%99%B5%E4%B9%8B%E5%8F%98/"/>
    
    
    <category term="辛宪英" scheme="https://www.starmiu.top/tags/%E8%BE%9B%E5%AE%AA%E8%8B%B1/"/>
    
  </entry>
  
  <entry>
    <title>曹芳</title>
    <link href="https://www.starmiu.top/posts/83865dc2.html"/>
    <id>https://www.starmiu.top/posts/83865dc2.html</id>
    <published>2026-05-12T11:16:19.000Z</published>
    <updated>2026-05-12T11:33:13.306Z</updated>
    
    <content type="html"><![CDATA[<p>&lt;!DOCTYPE html&gt;</p><html lang="zh-CN"><head><meta charset="UTF-8"><title>曹芳</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.dialogue {    font-family: "SimHei", monospace;    background-color: #fff0d6;    padding: 10px;    border-left: 4px solid #cfa46f;    margin: 8px 0;    white-space: pre-wrap;    word-break: break-word;    min-height: 1.5em;}</style></head><body><h2>曹芳</h2><div class="section-box"><h3>初启</h3><p>你是曹芳，年仅八岁，东汉末期皇帝。你是高平陵之变的焦点，手中掌握象征皇权的玉玺，却不理解其中的权谋与危险。</p ></div><h2>第一幕：傀儡</h2><div id="script-content"><p class="dialogue" data-text="你坐在高平陵的行宫中，身穿素衣，玉带松垂。"></p ><p class="dialogue" data-text="你抬头望向周围，父兄已被调离，只剩下随从与几位大臣。"></p ><p class="dialogue" data-text="烛光映照下，殿内安静得可怕，每一声脚步都仿佛在提醒你，危险就在眼前。"></p ><p class="dialogue" data-text="你手中握着玉玺，冰凉刺手，你知道这象征皇权，也象征你无法掌控的命运。"></p ><p class="dialogue" data-text="你听到殿门外有脚步声，侍从低声提醒：‘陛下，该有人前来问安了。’"></p ><p class="dialogue" data-text="你心中有些紧张，但仍努力端坐如常，试图掩饰心底的慌乱。"></p ><p class="dialogue" data-text="殿门推开，大臣步入，他们行礼，低声报告：“陛下，司马懿已控制洛阳城门，军权尽在掌握之中。”"></p ><p class="dialogue" data-text="你紧握玉玺，手指发白，心中却无法完全理解其中的含义。"></p ><p class="dialogue" data-text="大臣们低声议论，声音像远方雷鸣，你只觉得耳中嗡嗡作响，无法分辨真假。"></p ><p class="dialogue" data-text="你抬眼看向殿外，风雪中朦胧的灯火，将士兵与宫人影子拉长，映在殿壁上，如同巨大的幽影。"></p ><p class="dialogue" data-text="有人劝你保重玉玺，避免让它落入他人之手，你只是微微点头，不敢松手。"></p ><p class="dialogue" data-text="玉玺很凉，凉的你掌心发疼。但你不敢松手。"></p ></div><script>// 逐字显示函数function typeText(element, text, speed, callback) {    let index = 0;    let interval = setInterval(() => {        element.textContent += text[index];        index++;        if (index >= text.length) {            clearInterval(interval);            if(callback) callback();        }    }, speed);}// 顺序显示所有对话const dialogues = Array.from(document.querySelectorAll('.dialogue'));let currentIndex = 0;function showNextDialogue() {    if(currentIndex >= dialogues.length) return;    const el = dialogues[currentIndex];    const text = el.getAttribute('data-text');    typeText(el, text, 20, () => { // 每字20ms        currentIndex++;        showNextDialogue();    });}showNextDialogue();</script></body></html>]]></content>
    
    
    <summary type="html">曹芳暗劣，而政在私门，彼之民臣，固有离心。——诸葛恪</summary>
    
    
    
    <category term="高平陵之变" scheme="https://www.starmiu.top/categories/%E9%AB%98%E5%B9%B3%E9%99%B5%E4%B9%8B%E5%8F%98/"/>
    
    
    <category term="曹芳" scheme="https://www.starmiu.top/tags/%E6%9B%B9%E8%8A%B3/"/>
    
  </entry>
  
  <entry>
    <title>曹爽</title>
    <link href="https://www.starmiu.top/posts/5d54557a.html"/>
    <id>https://www.starmiu.top/posts/5d54557a.html</id>
    <published>2026-05-12T11:09:46.000Z</published>
    <updated>2026-05-12T11:33:44.871Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>曹爽</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.dialogue {    font-family: "SimHei", monospace;    background-color: #fff0d6;    padding: 10px;    border-left: 4px solid #cfa46f;    margin: 8px 0;    white-space: pre-wrap;    word-break: break-word;    min-height: 1.5em;}</style></head><body><h2>曹爽</h2><div class="section-box"><h3>初启</h3><p>你是曹爽，字昭伯，沛国谯县人。</p ><p>你出生在曹魏宗亲世家，这既是荣耀，也是枷锁。</p ><p>你的祖父是曹魏开国功臣，你的父亲曹真是曹操养子，官至大司马，战功赫赫。你从小在蜜罐里长大，不需要读书，不需要习武，不需要任何才能——你姓曹，这就够了。</p ><p>魏明帝曹叡在世时，你是散骑常侍，出入宫禁，与皇帝关系极好。曹叡临终，拉着你和司马懿的手，将八岁的曹芳托付给你们二人。</p ><p>那时你还年轻，对司马懿满怀敬意。你逢人便说：“司马公是国家元老，我当以父兄之礼待之。”你是真心的。</p ><p>但你身边的人不是。</p ><p>何晏、邓飏、丁谧、毕轨……这些所谓的“名士”，天天围着你，说你才是宗亲，说是外人夺了你的权力。他们说的话，一遍你不信，十遍你不信，一百遍你就信了。</p ><p>正始元年，你听从何晏的建议，上书曹芳，尊司马懿为太傅。你以为这是抬举他，让他做个清贵之臣，安享晚年。你哪里知道，这一招正合他意——他正好推脱军务，在暗中布下天罗地网。</p ><p>接下来的几年，你大权独揽，任人唯亲。你的三弟曹羲掌禁军，五弟曹训掌羽林军，七弟曹彦侍从皇帝。何晏、邓飏等人把持台省，裁决机要。你扩建府邸，私取宫中宝物，侵占良田，纵容家奴横行洛阳。</p ><p>最过分的是，你将郭太后迁居永宁宫，软禁起来。</p ><p>不是没有人劝你。蒋济、高柔、卢毓……这些老臣多次上书，劝你收敛。你置之不——甚至将他们明升暗降，调离实权岗位。</p ><p>你以为天下尽在掌握。</p ><p>你忘了，你所有的权力，都来自那个被你架空的小皇帝。你更忘了——司马懿还活着。</p ><p>正始五年，你伐蜀大败。正始八年，你看到司马懿装病，以为他命不久矣。你大笑着说：“此老不足虑！”从此不再防备。</p ><p>嘉平元年正月初六，你带着所有兄弟、亲信，陪同曹芳出城祭拜高平陵。</p ><p>桓范跪在城门前，抱着你的马腿，声泪俱下：“大将军，今日若出城，明日必生大祸！”</p ><p>你不耐烦地踢开他的手：“行了行了，你回去吧。”</p ><p>你策马出城，意气风发。</p ><p>你哪里知道，洛阳城门，正在你身后缓缓关闭。</p ><p>（未经主持人许可，禁止翻看下一页）</p ></div><h2>第一幕 盛宴</h2><div id="script-content"><p class="dialogue" data-text="正月十五，上元佳节。高平陵行宫，灯火辉煌。"></p ><p class="dialogue" data-text="你坐在主位，面前是堆积如山的美酒佳肴，身后是数十名持戟甲士。你身着紫袍，头戴金冠，腰佩玉带，通身富贵逼人。四十岁的年纪，体型已开始发福，圆脸上泛着酒后的潮红，一双小眼睛半眯着，嘴角挂着志得意满的笑。"></p ><p class="dialogue" data-text="你举起酒杯，手腕上那串南洋珍珠在烛火下熠熠生辉。"></p ><p class="dialogue" data-text="“诸君，满饮此杯！”"></p ><p class="dialogue" data-text="你的声音洪亮，带着三分醉意、七分自得。百官纷纷举杯，山呼‘大将军千岁’。那声浪一波接一波，震得梁上灰尘簌簌落下。"></p ><p class="dialogue" data-text="你笑了。那笑里没有感恩，没有警惕，只有理所当然——仿佛这天下的荣华富贵，本就该你享用。"></p ><p class="dialogue" data-text="“大将军，这酒是西域进贡的，您尝尝！”‘大将军，臣敬您一杯，祝您福寿绵长！’‘大将军，臣近日得了一匹千里马，特献予大将军！’恭维声如潮水般涌来，你一一含笑应下。"></p ><p class="dialogue" data-text="你扭头看向下首的少年皇帝——曹芳正小心翼翼地吃着糕点，连大气都不敢出。你满意地点点头。这个傀儡很听话，从不给你添麻烦。"></p ><p class="dialogue" data-text="你又转向百官，正要再举杯，一个亲兵匆匆走到你身边，凑近你的耳朵。"></p ><p class="dialogue" data-text="‘大将军……有急报。’"></p ><p class="dialogue" data-text="你眉头微皱：“何事？”"></p ><p class="dialogue" data-text="亲兵的声音压得极低：“洛阳……有人看到司马懿府中有异动。”"></p ><p class="dialogue" data-text="你愣了一下，随即大笑出声：“那老东西还能翻出什么浪花？他连床都下不了，灯亮一夜，八成是尿失禁了，叫人换被褥！”"></p ><p class="dialogue" data-text="周围的大臣听到你的话，也跟着哄堂大笑。"></p ><p class="dialogue" data-text="你的弟弟曹羲凑过来，低声道：“兄长，还是小心为上。桓范之前再三提醒，说司马懿……”"></p ><p class="dialogue" data-text="‘桓范？’你打断他，冷笑一声，“那个寒门出来的书呆子，天天危言耸听。上次他说伐蜀必败，结果呢？我们不是平安回来了？”"></p ><p class="dialogue" data-text="曹羲张了张嘴，想说什么，但看到你的脸色，又咽了回去。"></p ><p class="dialogue" data-text="你又饮了一杯酒，甜辣的酒液入喉，烧得胃中翻涌。你已经记不清喝了多少杯，只觉得眼前的人影开始晃动，那些恭维的话语变得遥远而模糊。"></p ><p class="dialogue" data-text="你恍惚间想起一件事——今早祭陵时，洛阳方向好像传来过喧哗声。但你想不起来是什么了。也许是百姓放烟火吧，你心想。上元佳节嘛，热闹是正常的。"></p ><p class="dialogue" data-text="你正要再举杯，忽然——‘报——’一个浑身尘土的士兵冲进宴席，扑通跪在你面前。"></p ><p class="dialogue" data-text="‘大将军！洛阳……洛阳急报！’"></p ><p class="dialogue" data-text="宴席瞬间安静。你放下酒杯，皱眉看着那个士兵：“说。”"></p ><p class="dialogue" data-text="士兵抬起头，脸色惨白，声音颤抖：“司马懿……闭城门了！”"></p ><p class="dialogue" data-text="酒液从你手中滑落，溅了一身。你猛地站起来，椅子向后翻倒，发出巨响。“你说什么？！”"></p ><p class="dialogue" data-text="“司马懿在洛阳发动兵变！占据武库，封闭城门，包围了您的府邸！”"></p ><p class="dialogue" data-text="你的脸色惨白如纸。你想起桓范的警告，想起蒋济的劝诫，想起司马懿那双永远温和无害的眼睛下，深藏的寒光。你错了。你彻底错了。宴席炸开了锅。有人惊呼，有人瘫坐，有人偷偷往外看。"></p ><p class="dialogue" data-text="你站在那里，浑身发抖。你的兄弟们围过来，七嘴八舌地问：“兄长，怎么办？”“兄长，我们回不去了！”“兄长，快想办法啊！”"></p ><p class="dialogue" data-text="你想说话，却发现自己张不开嘴。你的喉咙像被什么东西掐住一样。周围的空气变得稀薄，你觉得喘不过气来。就在这时，又一个声音从宴席外传来——‘大将军！桓范求见！’"></p ></div><script>// 逐字显示函数function typeText(element, text, speed, callback) {    let index = 0;    let interval = setInterval(() => {        element.textContent += text[index];        index++;        if (index >= text.length) {            clearInterval(interval);            if(callback) callback();        }    }, speed);}// 顺序显示所有对话const dialogues = Array.from(document.querySelectorAll('.dialogue'));let currentIndex = 0;function showNextDialogue() {    if(currentIndex >= dialogues.length) return;    const el = dialogues[currentIndex];    const text = el.getAttribute('data-text');    typeText(el, text, 20, () => { // 每字20ms        currentIndex++;        showNextDialogue();    });}showNextDialogue();</script></body></html>]]></content>
    
    
    <summary type="html">爽德薄位尊，沈溺盈溢，此固大易所著，道家所忌也。——陈寿</summary>
    
    
    
    <category term="高平陵之变" scheme="https://www.starmiu.top/categories/%E9%AB%98%E5%B9%B3%E9%99%B5%E4%B9%8B%E5%8F%98/"/>
    
    
    <category term="曹爽" scheme="https://www.starmiu.top/tags/%E6%9B%B9%E7%88%BD/"/>
    
  </entry>
  
  <entry>
    <title>桓范</title>
    <link href="https://www.starmiu.top/posts/d71b2595.html"/>
    <id>https://www.starmiu.top/posts/d71b2595.html</id>
    <published>2026-05-12T11:06:24.000Z</published>
    <updated>2026-05-12T11:34:04.699Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>桓范</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.dialogue {    font-family: "SimHei", monospace;    background-color: #fff0d6;    padding: 10px;    border-left: 4px solid #cfa46f;    margin: 8px 0;    white-space: pre-wrap;    word-break: break-word;    min-height: 1.5em;}</style></head><body><h2>桓范</h2><div class="section-box"><h3>初启</h3><p>你是桓范，字元则，沛郡人。</p ><p>你出身寒门，这既是你的短板，也是你的动力。</p ><p>你心中明白，高平陵之变当夜，是你人生最关键的一夜，一切行动都需谨慎果决。</p ></div><h2>第一幕</h2><div id="script-content"><p class="dialogue" data-text="你骑上马，夜色沉沉，风雪扑面。"></p ><p class="dialogue" data-text="“老爷！”家仆在身后喊，“您去哪？”"></p ><p class="dialogue" data-text="“高平陵！”你一夹马腹，马如离弦之箭冲了出去。"></p ><p class="dialogue" data-text="你经过大街，经过小巷，经过城门。"></p ><p class="dialogue" data-text="城门口，司马懿的士兵正在盘查。"></p ><p class="dialogue" data-text="你勒住马，心跳如擂鼓。"></p ><p class="dialogue" data-text="你的腰间挂着大司农印信——那是你最大的筹码，也是你最显眼的标志。如果被搜出来，你必死无疑。"></p ><p class="dialogue" data-text="你深吸一口气，策马上前。"></p ><p class="dialogue" data-text="“站住！什么人！”"></p ><p class="dialogue" data-text="“大司农桓范，奉大将军之令出城公干！”你高声喝道，语气不容置疑。"></p ><p class="dialogue" data-text="士兵犹豫了一下，看了看你腰间的印信，退后一步。"></p ><p class="dialogue" data-text="你策马冲出城门，一出城，立刻转上小路，你知道司马懿一定会派人追你，大路不能走。"></p ><p class="dialogue" data-text="你换了三匹马。第一匹跑死在山路上，第二匹掉进了沟里，第三匹驮着你，在夜色中狂奔。"></p ><p class="dialogue" data-text="你的膝盖磕破了，手肘磨破了，官袍上全是泥泞。你不觉得疼，只觉得急。"></p ><p class="dialogue" data-text="你必须赶在天亮前到达高平陵。因为天亮后，一切都晚了。"></p ><p class="dialogue" data-text="你到达高平陵时，已是深夜。"></p ><p class="dialogue" data-text="行宫灯火通明，丝竹之声隐隐传来。"></p ><p class="dialogue" data-text="你冲进行宫，推开拦路的侍卫，直奔宴席。"></p ><p class="dialogue" data-text="“大将军！大将军在哪里！”你大喊。"></p ><p class="dialogue" data-text="宴席的欢庆被你一嗓子打断。所有人都看向你——有人认出你来，惊呼一声“桓大夫”；有人一脸茫然。"></p ><p class="dialogue" data-text="你径直走向曹爽，每一步都带着急切的愤怒。"></p ><p class="dialogue" data-text="曹爽正举着酒杯，醉眼蒙眬地看着你，似乎还没反应过来。"></p ><p class="dialogue" data-text="“大将军，司马懿在洛阳发动兵变！”你的声音沙哑，却洪亮如钟，“关闭城门，占据武库，包围您的府邸！速速决断！”"></p ><p class="dialogue" data-text="宴席炸开了锅。"></p ><p class="dialogue" data-text="你抬头看着天上的月亮，那月亮又圆又亮，照在洛阳城中，照着这即将血流成河的天下。"></p ><p class="dialogue" data-text="你知道，这天下……而你，可能活不过天亮。"></p ><p class="dialogue" data-text="（未经主持人许可，禁止翻看下一页）"></p ></div><script>// 逐字显示函数function typeText(element, text, speed, callback) {    let index = 0;    let interval = setInterval(() => {        element.textContent += text[index];        index++;        if (index >= text.length) {            clearInterval(interval);            if(callback) callback();        }    }, speed);}// 顺序显示所有对话const dialogues = Array.from(document.querySelectorAll('.dialogue'));let currentIndex = 0;function showNextDialogue() {    if(currentIndex >= dialogues.length) return;    const el = dialogues[currentIndex];    const text = el.getAttribute('data-text');    typeText(el, text, 20, () => { // 每字20ms        currentIndex++;        showNextDialogue();    });}showNextDialogue();</script></body></html>]]></content>
    
    
    <summary type="html">“前在台阁，号为晓事，及为司农，又以清省称。——《魏略》</summary>
    
    
    
    <category term="高平陵之变" scheme="https://www.starmiu.top/categories/%E9%AB%98%E5%B9%B3%E9%99%B5%E4%B9%8B%E5%8F%98/"/>
    
    
    <category term="桓范" scheme="https://www.starmiu.top/tags/%E6%A1%93%E8%8C%83/"/>
    
  </entry>
  
  <entry>
    <title>司马懿</title>
    <link href="https://www.starmiu.top/posts/c69b5b28.html"/>
    <id>https://www.starmiu.top/posts/c69b5b28.html</id>
    <published>2026-05-12T10:44:38.000Z</published>
    <updated>2026-05-12T11:34:33.216Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>司马懿</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.dialogue {    font-family: "SimHei", monospace;    background-color: #fff0d6;    padding: 10px;    border-left: 4px solid #cfa46f;    margin: 8px 0;    white-space: pre-wrap;    word-break: break-word;    min-height: 1.5em;}.highlight {    color: red;    cursor: pointer;    font-weight: bold;}.tooltip {    display: none;    position: absolute;    background-color: #fff3e6;    border: 1px solid #d4a373;    padding: 10px;    max-width: 400px;    z-index: 1000;    box-shadow: 0px 2px 8px rgba(0,0,0,0.2);    border-radius: 5px;}</style></head><body><h2>司马懿</h2><div class="section-box"><h3>初启</h3><p>那月亮又圆又亮，照在这宴席上，照着这即将血流成河的天下。</p ><p>你知道，今夜之后，这天下，将姓司马。</p ><p>而你自己，可能活不过天亮。</p ><p>（未经主持人许可，禁止翻看下一页）</p ><p>首次出现的人物：<span class="highlight" onclick="showTooltip(event)">辛宪英</span></p ></div><h2>第一幕：雨夜</h2><div id="script-content"><p class="dialogue" data-text="这个时候来见你，是来投诚？还是来谈判？"></p ><p class="dialogue" data-text="“让她进来。”"></p ><p class="dialogue" data-text="片刻后，一个身着青绿色襦裙的女子走进书房。四十岁的年纪，眼角已有细纹，但那双眼睛依然明亮——不是年轻女子的明亮，是洞察世事的、如秋水般的明亮。"></p ><p class="dialogue" data-text="“太傅。”她微微欠身，不卑不亢。"></p ><p class="dialogue" data-text="“辛夫人。”你示意她坐下，“深夜来访，所为何事？”"></p ><p class="dialogue" data-text="她没有坐，而是从袖中取出一封信，放在你的书案上。"></p ><p class="dialogue" data-text="“太傅请看。”"></p ><p class="dialogue" data-text="你拿起信，展开。"></p ><p class="dialogue" data-text="只看了一眼，你的瞳孔骤然紧缩。"></p ><p class="dialogue" data-text="那是一份名单——七家士族大姓，联名支持曹爽的证据。其中三家，昨夜还派人来向你表忠。"></p ><p class="dialogue" data-text="你的脸色变了。"></p ><p class="dialogue" data-text="辛宪英静静看着你，嘴角噙着一丝若有若无的笑意。"></p ><p class="dialogue" data-text="“太傅，您以为曹爽身边，只有您的卧底吗？”"></p ><p class="dialogue" data-text="你抬起头，与她对视。"></p ><p class="dialogue" data-text="书房中，烛火摇曳。两个人的影子投在墙上，像两棵纠缠的老树。"></p ><p class="dialogue" data-text="你知道，今夜，这个女子不是来投诚的。她是来告诉你——这场棋局，不止你在落子。"></p ><p class="dialogue" data-text="“你想要什么？”你问。"></p ><p class="dialogue" data-text="辛宪英的回答，让你怔住。"></p ><p class="dialogue" data-text="（未经主持人许可，禁止翻看下一页）"></p ></div><div id="tooltip" class="tooltip">辛毗之女，羊耽之妻。名门才女，素以智谋著称。你与她从未深交，却在暗中关注她多年——因为你知道，这个女人不简单。她看透了曹爽必败，早早为家族铺好了退路。</div><script>// 逐字显示函数function typeText(element, text, speed, callback) {    let index = 0;    let interval = setInterval(() => {        element.textContent += text[index];        index++;        if (index >= text.length) {            clearInterval(interval);            if(callback) callback();        }    }, speed);}// 顺序显示所有对话const dialogues = Array.from(document.querySelectorAll('.dialogue'));let currentIndex = 0;function showNextDialogue() {    if(currentIndex >= dialogues.length) return;    const el = dialogues[currentIndex];    const text = el.getAttribute('data-text');    typeText(el, text, 20, () => { // 每字20ms，快于人眼        currentIndex++;        showNextDialogue();    });}showNextDialogue();// 点击显示注释function showTooltip(event) {    const tooltip = document.getElementById('tooltip');    tooltip.style.display = 'block';    tooltip.style.left = event.pageX + 10 + 'px';    tooltip.style.top = event.pageY + 10 + 'px';}document.addEventListener('click', function(e) {    const tooltip = document.getElementById('tooltip');    if (!e.target.classList.contains('highlight')) {        tooltip.style.display = 'none';    }});</script></body></html>]]></content>
    
    
    <summary type="html">司马懿非人臣也，必预汝家事。——曹操</summary>
    
    
    
    <category term="高平陵之变" scheme="https://www.starmiu.top/categories/%E9%AB%98%E5%B9%B3%E9%99%B5%E4%B9%8B%E5%8F%98/"/>
    
    
    <category term="司马懿" scheme="https://www.starmiu.top/tags/%E5%8F%B8%E9%A9%AC%E6%87%BF/"/>
    
  </entry>
  
  <entry>
    <title>赵德芳</title>
    <link href="https://www.starmiu.top/posts/d692d611.html"/>
    <id>https://www.starmiu.top/posts/d692d611.html</id>
    <published>2026-05-12T10:15:38.000Z</published>
    <updated>2026-05-12T11:58:52.956Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>秦王赵德芳</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.choice-btn {    display: inline-block;    margin: 5px 10px;    padding: 8px 15px;    background-color: #cfa46f;    color: #fff;    border-radius: 5px;    cursor: pointer;}.choice-text {    display: none;    margin-top: 10px;    padding: 10px;    background-color: #fff0d6;    border-left: 4px solid #cfa46f;}</style></head><body><h2>秦王·赵德芳</h2><div class="section-box"><h3>身份与背景</h3><p>秦王赵德芳，宋太祖第四子，十八岁，封贵州防御使。年少温和，深得宋皇后疼爱，是皇后心中的皇位继承人。太祖暴毙后，未接到入宫传召，错失继位先机，最终只能接受赵光义继位的结果。</p ></div><div class="section-box"><h3>核心动机</h3><p>身为皇子，有皇位继承权，对叔叔赵光义抢先继位心存不满；怀疑父亲死因蹊跷，欲查明真相，为父报仇。此前已暗中掌握部分外围线索，但势单力薄，不敢轻易与赵光义对抗。</p ><p>剧本杀定位：悲情皇子，正义阵营，拥有皇位继承权，与赵光义有直接仇恨，可带动玩家梳理皇位争夺线、挖掘死因真相。</p ></div><h2>第一幕：寒庭悲声（秦王赵德芳篇）</h2><p>漫天大雪将秦王府的庭院覆得一片雪白，寒风穿过廊下，卷起碎雪，冷得人指尖发僵。你年仅十八岁，身为太祖皇帝第四子，虽封秦王、领贵州防御使，却因年少无实权，在这暗流涌动的皇宫朝堂里，始终如履薄冰。你性情温和纯善，自幼深得孝章宋皇后疼爱，与皇后亲近无间，也深知自己身为皇子，身负太祖血脉，本是皇位的合法继承人之一。</p ><p>入夜后，宫中传来的消息越发诡异，先是听闻父皇身体抱恙，却突然在大雪夜召晋王赵光义独自入宫，万岁殿内外尽数屏退宫人内侍，严禁任何人靠近。你坐在府中书房，心绪难平，案上的书卷一字也看不进去，心底的不安愈发浓烈。</p ><p>这些年，你看得分明，晋王叔父执掌京城军政大权，朝野上下党羽众多，野心早已昭然，而父皇对皇位传承之事始终摇摆不定，一边顾念金匮之盟，一边怜惜你与兄长德昭，这份犹豫，让朝中局势愈发紧张。</p ><p>你深知，若晋王叔父继位，你与兄长的处境定然凶险，而宋皇后也将失去倚靠。你虽年少，却也懂宫廷权谋的残酷，只是素来无势力支撑，只能隐忍。今夜父皇反常的举动，让你再也坐不住，悄悄换上素色便服，带着一名心腹亲信，趁着夜色大雪，隐秘赶往皇宫，只想探知父皇的安危。</p ><p>行至万岁殿外远处的宫巷，你不敢靠近，只能躲在积雪的宫墙之后，远远望着紧闭的殿门。殿内烛火摇曳，映出模糊的人影，殿外只有内侍都知王继恩独自值守，神色异样，时不时凑近窗棂偷听，全然不似平日的恭敬模样。你屏息观察，竟看到王继恩暗中遣身边小宦，趁着风雪往晋王府的方向疾驰，显然是在传递密信。</p ><p>一股寒意从心底蔓延开来，你越发觉得今夜之事蹊跷。殿内寂静无声，偶尔传来模糊的响动，却听不真切，你想上前质问，却深知自己势单力薄，贸然上前只会打草惊蛇，非但救不了父皇，反而引火烧身。你只能攥紧拳头，指甲深深嵌进掌心，强压着心底的慌乱与愤懑，眼睁睁看着殿外的一切，默默记下王继恩的反常举动，以及这深宫雪夜里，所有不对劲的蛛丝马迹。</p ><p>一股寒凉蔓延，你隐隐预感父皇今夜恐遭不测，这大宋的皇位，即将迎来一场翻天覆地的变故。你躲在宫墙之后，静静等候，满心都是对父皇安危的担忧，以及对晋王叔父、王继恩等人的疑虑，暗下决心，若有变故，定要查明真相，守护好宋皇后，守护住父皇留下的江山。</p ><h3>本章核心提示</h3><button class="choice-btn" onclick="toggleChoice('hint5')">点击查看本章核心提示</button><div id="hint5" class="choice-text">1. 你是宫外关键目击者，掌握王继恩暗中传信、晋王亲信往来的外围核心线索，开局可适度透露观察到的异动，逐步深挖真相。<br>2. 你势单力薄的处境、对宋皇后的亲近、对父皇死因的疑虑，是核心立场，全程站在正义阵营，与赵光义、王继恩形成对立。<br>3. 你身为皇子的继承权，是皇位争夺线的关键，切勿因年少怯懦隐藏自身诉求，可联合宋皇后梳理线索，推动推理进程。</div></body><script>function toggleChoice(id) {    const el = document.getElementById(id);    el.style.display = el.style.display === 'block' ? 'none' : 'block';}</script></html>]]></content>
    
    
    <summary type="html">秦康惠王德芳，开宝九年出阁，授贵州防御使。——《宋史》</summary>
    
    
    
    <category term="烛影斧声" scheme="https://www.starmiu.top/categories/%E7%83%9B%E5%BD%B1%E6%96%A7%E5%A3%B0/"/>
    
    
    <category term="赵德芳" scheme="https://www.starmiu.top/tags/%E8%B5%B5%E5%BE%B7%E8%8A%B3/"/>
    
  </entry>
  
  <entry>
    <title>王继恩</title>
    <link href="https://www.starmiu.top/posts/e8e9fcbb.html"/>
    <id>https://www.starmiu.top/posts/e8e9fcbb.html</id>
    <published>2026-05-12T10:15:23.000Z</published>
    <updated>2026-05-12T11:58:31.774Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>内侍都知王继恩</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.choice-btn {    display: inline-block;    margin: 5px 10px;    padding: 8px 15px;    background-color: #cfa46f;    color: #fff;    border-radius: 5px;    cursor: pointer;}.choice-text {    display: none;    margin-top: 10px;    padding: 10px;    background-color: #fff0d6;    border-left: 4px solid #cfa46f;}</style></head><body><h2>内侍都知·王继恩</h2><div class="section-box"><h3>身份与背景</h3><p>内侍都知王继恩，四十五岁，宋太祖贴身大宦官，宫中内侍总管。侍奉太祖多年，深谙宫廷权谋，看似忠心耿耿，实则暗中依附晋王赵光义。太祖驾崩后，违背宋皇后旨意，助力赵光义抢先入宫继位。</p ></div><div class="section-box"><h3>核心动机</h3><p>趋炎附势，早已投靠赵光义，妄图凭借拥立之功获得权势封赏；担心太祖传位皇子后，自己失去宫中权位。掌握宫中值守、宫门启闭的关键线索，是赵光义掌控局势的枢纽。暗中偷听殿内争执，为晋王传递消息，并协助掩盖太祖死因。</p ><p>剧本杀定位：关键帮凶嫌疑人，线索枢纽，连接赵光义与宋皇后，随时可能反水。</p ></div><h2>第一幕：宦影藏锋（王继恩篇）</h2><p>暴雪封宫，汴京城的夜色冷得刺骨，你身着深蓝色内侍官服，弓着身子守在万岁殿外的廊下，寒风灌进衣领，却丝毫不减你眼底的精明与谨慎。四十五岁的你，侍奉宋太祖赵匡胤已有二十余年，从底层小宦一步步爬到内侍都知的位置，执掌宫中内侍诸事，深谙宫廷生存的权谋之道，看似对陛下忠心不二，实则早已暗中站队，成为晋王赵光义安插在宫中的眼线。</p ><p>陛下今夜传下严旨，召晋王入宫密谈，命所有宫人、内侍尽数退离万岁殿百步之外，不许任何人靠近窥探，唯独留你在殿外近处值守，传应一应事务。你心中了然，陛下素来信任你，可这份信任，在你眼中远不及权势与前程重要。</p ><p>这些年，你亲眼看着晋王赵光义权势日盛，开封府尹兼晋王的身份，本就是朝野默认的储君，而陛下晚年对皇位传承摇摆不定，若是他日陛下改立皇子赵德昭、赵德芳，你这依附晋王的内侍，定然会落得身死权灭的下场。</p ><p>赌一把，拥立新君，才能换来泼天的富贵与权位，这是你早已打定的主意。此刻殿门紧闭，烛影摇红，将殿内兄弟二人的身影映在窗纸上，你屏气凝神，蹑手蹑脚地凑近窗棂，竖起耳朵偷听殿内的动静。起初只有杯盏相碰的轻响，兄弟二人的交谈声低沉模糊，听不真切，可没过片刻，语调陡然拔高，夹杂着压抑的怒斥与争辩，显然是起了激烈争执。你心头一紧，知道定是皇位传承之事谈崩了，陛下怕是要变卦，不愿传位给晋王。</p ><p>紧接着，你听见一阵沉闷的“笃笃”声，像是有人拿着柱斧戳击地面，随后便是陛下模糊的呼喊，那声音带着怒意与疲惫，听得你心惊肉跳。你不敢再凑近，连忙退回廊下，装作若无其事地拢了拢衣袖，眼底却飞速盘算着：殿内已然生变，陛下与晋王彻底撕破脸，今夜必定会有大事发生。</p ><p>你深知自己是宫中消息的关键枢纽，晋王能否掌控局势，全看你的动作。你不动声色地留意四周，确认没有其他宫人值守，暗中将殿内的异动记在心里，同时盘算着后续的退路：若是陛下安然无恙，你便依旧做忠心内侍；若是陛下有何不测，你必须第一时间奔赴晋王府报信，助晋王抢先入宫继位，绝不能给宋皇后召皇子入宫的机会。</p ><p>雪越下越大，落在你的肩头，积起薄薄一层白霜，你依旧垂首立在廊下，面色平静，唯有用袖口遮掩的指尖，微微颤抖。你清楚，这一夜是你人生最大的赌局，一步错，便是万劫不复，而你早已将所有筹码，压在晋王赵光义身上，只等殿内最终的结果，伺机而动。</p ><h3>本章核心提示</h3><button class="choice-btn" onclick="toggleChoice('hint4')">点击查看本章核心提示</button><div id="hint4" class="choice-text">1. 你是全程偷听殿内动静的核心知情人，掌握烛影斧声最完整的现场线索，开局切勿全盘托出，可选择性透露部分信息，拿捏各方筹码。<br>2. 你暗中投靠晋王、违背皇后旨意的秘密是致命把柄，需时刻隐藏，同时可利用手中线索要挟他人。<br>3. 你掌管宫中值守、宫门启闭的权力，是后续剧情中传递消息、控制动线的关键，牢记自己趋炎附势、谋求权位的核心动机。</div></body><script>function toggleChoice(id) {    const el = document.getElementById(id);    el.style.display = el.style.display === 'block' ? 'none' : 'block';}</script></html>]]></content>
    
    
    <summary type="html">继恩有大功，非此任无足以为赏典。——《宋史》</summary>
    
    
    
    <category term="烛影斧声" scheme="https://www.starmiu.top/categories/%E7%83%9B%E5%BD%B1%E6%96%A7%E5%A3%B0/"/>
    
    
    <category term="王继恩" scheme="https://www.starmiu.top/tags/%E7%8E%8B%E7%BB%A7%E6%81%A9/"/>
    
  </entry>
  
  <entry>
    <title>宋皇后</title>
    <link href="https://www.starmiu.top/posts/976f37c3.html"/>
    <id>https://www.starmiu.top/posts/976f37c3.html</id>
    <published>2026-05-12T10:14:55.000Z</published>
    <updated>2026-05-12T11:58:13.779Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>孝章宋皇后</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.highlight {    color: red;    cursor: pointer;    font-weight: bold;}.tooltip {    display: none;    position: absolute;    background-color: #fff3e6;    border: 1px solid #d4a373;    padding: 10px;    max-width: 400px;    z-index: 1000;    box-shadow: 0px 2px 8px rgba(0,0,0,0.2);    border-radius: 5px;}.choice-btn {    display: inline-block;    margin: 5px 10px;    padding: 8px 15px;    background-color: #cfa46f;    color: #fff;    border-radius: 5px;    cursor: pointer;}.choice-text {    display: none;    margin-top: 10px;    padding: 10px;    background-color: #fff0d6;    border-left: 4px solid #cfa46f;}</style></head><body><h2>孝章宋皇后</h2><div class="section-box"><h3>身份与背景</h3><p>孝章宋皇后，宋太祖正宫皇后，年龄二十四岁，出身名门，性情温婉，深谙宫廷生存之道。十七岁入宫册封为后，虽贵为大宋开国皇后，却无亲生子嗣，素来与太祖幼子秦王赵德芳亲近，将满心期许都寄托在这位温和纯善的皇子身上。</p ></div><div class="section-box"><h3>核心动机</h3><p>维护自身后宫地位，希望扶持与自己亲近的赵德芳登基，反对赵光义继位；对太祖暴毙心存疑虑，怀疑赵光义弑君。暗中藏有太祖生前未公开的手谕，内容关乎皇位传承。</p ><p>剧本杀定位：现场目击者、中立偏正义角色，掌握关键现场线索，与赵光义、王继恩形成直接对立。</p ></div><h2>第一幕：深宫雪寒（孝章宋皇后篇）</h2><p>深宫的寒夜被漫天大雪裹得密不透风，你身着素色锦袍，静立在万岁殿外的暖阁之中，指尖紧紧攥着一方丝帕，指节因用力而泛白。年仅二十四岁的你，出身名门望族，十七岁入宫册封为后，性情温婉却深谙宫廷生存之道，虽贵为大宋开国皇后，却无亲生子嗣，素来与太祖幼子秦王赵德芳亲近，将满心期许都寄托在这位温和纯善的皇子身上。</p ><p>殿门紧闭，烛火透过窗棂透出昏黄的光影，将殿内的动静隔得隐隐约约。你早已得知，陛下今夜传召晋王赵光义入宫，屏退了所有内侍宫人，只留兄弟二人在殿内饮酒密谈。望着漫天纷飞的白雪，你心头沉甸甸的，满是不安与忧虑。这些年，你看得分明，晋王赵光义执掌京畿大权，朝野上下党羽众多，野心早已昭然若揭，而陛下对皇位传承始终摇摆不定，一边念着<span class="highlight" onclick="showTooltip(event)">金匮之盟</span>欲传位皇弟，一边又怜惜两位皇子，这般犹豫，终究会酿成大祸。</p ><p>你深知，若赵光义继位，自己这后宫皇后之位定然形同虚设，素来亲近的德芳皇子，也再无出头之日，甚至会落得凶险境地。暖阁外寒风呼啸，你屏退了身边侍奉的宫女，独自守在殿外，不敢有丝毫懈怠。殿内一片寂静，唯有偶尔传来的杯盏碰撞声，可没过多久，那寂静被打破，你隐约听见殿内传来压低的争执声，语气急促，满是紧绷的对峙，心瞬间揪到了嗓子眼。</p ><p>你屏住呼吸，凑近窗棂，又听见一阵沉闷的声响，像是硬物戳击雪地的声音，紧接着，便是陛下模糊的呼喊，断断续续，听不真切，却让你浑身发冷，一股不祥的预感席卷全身。</p ><p>你想要推门而入，却又深知陛下明令禁止外人惊扰，更忌惮殿内赵光义的权势，若是贸然闯入，非但于事无补，反而引火烧身。你只能强压着心底的慌乱与恐惧，死死盯着那扇紧闭的殿门，手心早已被冷汗浸湿。你暗暗打定主意，若今夜陛下有任何不测，你一定要第一时间传召德芳入宫，绝不能让赵光义抢占先机。</p ><p>夜越来越深，雪势丝毫未减，殿内的动静渐渐平息，只剩下死寂。你站在暖阁中，浑身冰凉，脑海中反复回响着方才的争执与异响，你清楚，这一夜，注定要改变这深宫、这大宋的命运，而你，必须在这暗流涌动中，为自己、为德芳搏出一条生路。</p ><h3>本章核心提示</h3><button class="choice-btn" onclick="toggleChoice('hint3')">点击查看本章核心提示</button><div id="hint3" class="choice-text">1. 你是殿外最直接的目击者，切记不可轻易全盘托出听到的争执、柱斧声响等关键线索，需在后续推理中逐步披露。<br>2. 你暗中藏有太祖相关手谕的秘密，是自保与制衡赵光义的核心筹码，切勿过早暴露。<br>3. 你与赵德芳的亲近、对赵光义的戒备，是核心立场，也是后续与王继恩、赵光义产生冲突的关键，始终坚守扶持德芳、查明陛下死因的初衷。</div><div id="tooltip" class="tooltip">金匮之盟指史料所载宋朝杜太后（赵匡胤、赵光义的生母）病重，太祖赵匡胤在旁侍疾，临终时召赵普入宫记录遗言，交代未来的皇位继承问题，劝说太祖赵匡胤死后传位于其弟。这份遗书藏于金匮（匮，通柜）之中，因此名为“金匮之盟”。</div><script>function showTooltip(event) {    const tooltip = document.getElementById('tooltip');    tooltip.style.display = 'block';    tooltip.style.left = event.pageX + 10 + 'px';    tooltip.style.top = event.pageY + 10 + 'px';}document.addEventListener('click', function(e) {    const tooltip = document.getElementById('tooltip');    if (!e.target.classList.contains('highlight')) {        tooltip.style.display = 'none';    }});function toggleChoice(id) {    const el = document.getElementById(id);    el.style.display = el.style.display === 'block' ? 'none' : 'block';}</script></body></html>]]></content>
    
    
    <summary type="html">性柔顺好礼，每帝视朝退，常具冠帔候接，佐御馔。——《宋史》</summary>
    
    
    
    <category term="烛影斧声" scheme="https://www.starmiu.top/categories/%E7%83%9B%E5%BD%B1%E6%96%A7%E5%A3%B0/"/>
    
    
    <category term="宋皇后" scheme="https://www.starmiu.top/tags/%E5%AE%8B%E7%9A%87%E5%90%8E/"/>
    
  </entry>
  
  <entry>
    <title>赵光义</title>
    <link href="https://www.starmiu.top/posts/2bea95f2.html"/>
    <id>https://www.starmiu.top/posts/2bea95f2.html</id>
    <published>2026-05-12T10:14:23.000Z</published>
    <updated>2026-05-12T11:57:48.688Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>晋王赵光义</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.highlight {    color: red;    cursor: pointer;    font-weight: bold;}.tooltip {    display: none;    position: absolute;    background-color: #fff3e6;    border: 1px solid #d4a373;    padding: 10px;    max-width: 400px;    z-index: 1000;    box-shadow: 0px 2px 8px rgba(0,0,0,0.2);    border-radius: 5px;}.choice-btn {    display: inline-block;    margin: 5px 10px;    padding: 8px 15px;    background-color: #cfa46f;    color: #fff;    border-radius: 5px;    cursor: pointer;}.choice-text {    display: none;    margin-top: 10px;    padding: 10px;    background-color: #fff0d6;    border-left: 4px solid #cfa46f;}</style></head><body><h2>晋王·赵光义</h2><div class="section-box"><h3>身份与背景</h3><p>晋王赵光义，太祖同母弟，开封府尹，北宋储君，三十八岁。自陈桥兵变以来长期执掌京城军政大权，羽翼渐丰。昭宪太后临终时的<span class="highlight" onclick="showTooltip(event)">金匮之盟</span>，为你成为继承人提供名义支持，但实际朝野权力斗争复杂，你暗中筹划自己的储君之位，同时警惕太祖摇摆传位与皇子可能的影响。</p ></div><div class="section-box"><h3>核心动机</h3><p>觊觎皇位，担心太祖临时改变传位心意，改立皇子，急于掌控皇权；忌惮太祖皇子成年后分权，欲彻底坐稳皇位。你知晓金匮之盟真伪存疑，暗中勾结宦官王继恩把控宫中消息；当夜与太祖发生激烈争执，并非单纯饮酒叙旧；有动机对太祖下手，且有掩盖现场、伪造遗诏的嫌疑。</p ><p>剧本杀定位：核心嫌疑人，主线C位，背负弑君嫌疑，与其他四人皆有利益冲突。</p ></div><h2>第一幕：雪夜谋权（晋王赵光义篇）</h2><p>寒风裹着暴雪砸在晋王府的朱红门扉上，发出沉闷的声响，你正坐在书房内，指尖摩挲着案上开封府的兵符，眼底翻涌着按捺不住的野心。三十八岁的你，身为太祖同母弟，自陈桥兵变便追随兄长登基，多年来执掌开封府军政大权，亲王兼京尹的身份，早已让你成为朝野默认的储君，这大宋的万里江山，你觊觎已久，也谋划已久。</p ><p>书房内烛火昏暗，心腹宦官王继恩方才派人传来密信，言太祖今夜身体不适，却突然传旨召你即刻入宫。你捏着密信的指尖微微收紧，心中警铃大作。这些年，你借着昭宪太后<span class="highlight" onclick="showTooltip(event)">金匮之盟</span>的由头，步步为营，笼络朝臣、培植亲信，宫中大小事宜皆有王继恩为你传递消息，可你也清楚，兄长赵匡胤并非昏聩之君，他虽念及兄弟情分与太后遗命，却始终对皇子赵德昭、赵德芳心存怜惜，皇位传承之心向来摇摆。</p ><p>近来你察觉，太祖对你的权势扩张日渐忌惮，甚至暗中留意你与后宫花蕊夫人的往来，今夜突如其来的传召，绝不可能是寻常的兄弟叙旧，更像是一场暗藏锋芒的试探，甚至是一场要削夺你权位、改立皇子的鸿门宴。你起身披上玄色锦袍，寒意从衣摆渗入，却抵不过心底的焦灼与狠绝——你绝不能失去唾手可得的皇位，更不能让多年的谋划付诸东流。</p ><p>车马行在积雪覆盖的宫道上，雪花迷眼，你望着远处万岁殿隐约的灯火，心绪翻涌。昭宪太后的<span class="highlight" onclick="showTooltip(event)">金匮之盟</span>，是你最大的依仗，可你也心知，这盟约并无公开凭证，一旦太祖改口，你的储君之位瞬间化为泡影。宋皇后偏心幼子赵德芳，朝中老臣也有不少心系皇子，若今夜太祖定下传位皇子的遗命，你再无翻身可能。</p ><p>行至万岁殿外，传旨宦官早已等候，你按捺住心底的波澜，整理衣袍踏入殿内。殿内暖意融融，却弥漫着一股压抑的气息，太祖屏退了所有宫人内侍，偌大的宫殿里，只有他端坐于案前，烛火摇曳，映得他面色沉郁，案上摆着温好的酒壶与两只酒杯，分明是早已等候多时。</p ><p>你抬眼看向兄长，躬身行礼，姿态恭敬，眼底却藏着不易察觉的戒备与算计。你知道，今夜这殿内只有你与太祖二人，没有君臣，没有兄弟，只有一场关乎皇权归属的博弈。烛影晃动，将你的身影投在殿壁上，你缓步走向案前，心中已然打定主意：无论太祖今夜所言为何，你都要牢牢握住主动权，这大宋的皇位，非你莫属。</p ><p>你在案旁落座，看着太祖端起酒杯，殿外风雪更急，殿内的沉默压得人喘不过气，一场暗藏杀机的对饮，就此拉开序幕。</p ><h3>本章核心提示</h3><button class="choice-btn" onclick="toggleChoice('hint2')">点击查看本章核心提示</button><div id="hint2" class="choice-text">1. 牢记你当夜的核心目的：应对太祖的试探，阻止太祖改立皇子，守住皇位继承权，切勿轻易暴露你勾结王继恩、暗中结党的秘密。<br>2. 你对金匮之盟的底气、对太祖摇摆的忌惮，是核心动机，也是后续与其他人物冲突的关键。<br>3. 你与太祖的对话、席间的异动，将成为本案核心线索，需在后续剧情中谨慎应对他人的质疑。</div><div id="tooltip" class="tooltip">金匮之盟指史料所载宋朝杜太后（赵匡胤、赵光义的生母）病重，太祖赵匡胤在旁侍疾，临终时召赵普入宫记录遗言，交代未来的皇位继承问题，劝说太祖赵匡胤死后传位于其弟。这份遗书藏于金匮（匮，通柜）之中，因此名为“金匮之盟”。</div><script>function showTooltip(event) {    const tooltip = document.getElementById('tooltip');    tooltip.style.display = 'block';    tooltip.style.left = event.pageX + 10 + 'px';    tooltip.style.top = event.pageY + 10 + 'px';}document.addEventListener('click', function(e) {    const tooltip = document.getElementById('tooltip');    if (!e.target.classList.contains('highlight')) {        tooltip.style.display = 'none';    }});function toggleChoice(id) {    const el = document.getElementById(id);    el.style.display = el.style.display === 'block' ? 'none' : 'block';}</script></body></html>]]></content>
    
    
    <summary type="html">太宗以英睿之姿，佐太祖定天下，开子孙帝王万世之业。——王称</summary>
    
    
    
    <category term="烛影斧声" scheme="https://www.starmiu.top/categories/%E7%83%9B%E5%BD%B1%E6%96%A7%E5%A3%B0/"/>
    
    
    <category term="赵光义" scheme="https://www.starmiu.top/tags/%E8%B5%B5%E5%85%89%E4%B9%89/"/>
    
  </entry>
  
  <entry>
    <title>赵匡胤</title>
    <link href="https://www.starmiu.top/posts/2a100b3a.html"/>
    <id>https://www.starmiu.top/posts/2a100b3a.html</id>
    <published>2026-05-12T10:03:25.000Z</published>
    <updated>2026-05-12T14:39:02.923Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><title>宋太祖赵匡胤</title><style>body {    font-family: "SimSun", serif;    background-color: #f5f3f0;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.highlight {    color: red;    cursor: pointer;    font-weight: bold;}.tooltip {    display: none;    position: absolute;    background-color: #fff3e6;    border: 1px solid #d4a373;    padding: 10px;    max-width: 400px;    z-index: 1000;    box-shadow: 0px 2px 8px rgba(0,0,0,0.2);    border-radius: 5px;}.choice-btn {    display: inline-block;    margin: 5px 10px;    padding: 8px 15px;    background-color: #cfa46f;    color: #fff;    border-radius: 5px;    cursor: pointer;}.choice-text {    display: none;    margin-top: 10px;    padding: 10px;    background-color: #fff0d6;    border-left: 4px solid #cfa46f;}</style></head><body><h2>宋太祖·赵匡胤</h2><div class="section-box"><h3>身份与背景</h3><p>宋太祖赵匡胤，北宋开国皇帝，五十岁。陈桥兵变黄袍加身，平定诸国、一统中原，晚年身体抱恙，嗜酒。开宝九年十月二十日夜，天降大雪，召晋王赵光义入宫，屏退左右宦官宫人，仅留二人在万岁殿饮酒密谈。殿外宫人遥见烛影下赵光义数次离席避让，后闻太祖持柱斧戳雪，大呼“好为之，好为之”，当夜就寝后暴毙，死因成谜。</p ></div><div class="section-box"><h3>核心动机</h3><p>晚年纠结皇位传承，既念及<span class="highlight" onclick="showTooltip(event)">金匮之盟</span>欲传位弟弟赵光义，又怜惜皇子赵德昭、赵德芳，内心摇摆；对赵光义权势扩张心存忌惮，当夜欲敲打、定夺后事。</p ><p>你已知晓赵光义暗中培植势力，且察觉其与后宫花蕊夫人往来隐秘，当夜饮酒实为试探，并非单纯传位嘱托；身体暗藏旧疾，却被人暗中下药加重病情。</p ><p>剧本杀定位：死者，全程以线索、回忆形式存在，其言行、遗物是推动推理的核心。</p ></div><h2>第一幕：雪夜宫深（宋太祖赵匡胤篇）</h2><p>你端坐于万岁殿内，殿外寒风卷着鹅毛大雪簌簌落下，将整个汴京城裹进一片死寂的银白之中。殿内烛火摇曳，映得你鬓边白发愈发刺眼，五十载岁月倥偬，从陈桥兵变黄袍加身，到南征北战一统中原，你亲手打下这大宋江山，如今却被缠身的旧疾磨去了大半锐气，唯有眼底深处，仍藏着帝王的沉稳与思虑。</p ><p>今夜雪势骤起，反常的天象让你心中莫名烦闷，殿外宫人早已被你屏退，偌大的宫殿里，只有烛火噼啪作响，和你略显沉重的呼吸声。你抬手揉了揉发胀的太阳穴，酒意涌上几分，你素来嗜酒，可近来身体愈发不济，每饮一次，便觉气力弱上一分，只是今夜，这酒是非饮不可。</p ><p>你望着殿门外漫天飞雪，脑海中反复浮现着昭宪太后临终前的嘱托，那<span class="highlight" onclick="showTooltip(event)">金匮之盟</span>，你记了十余年，传位于弟赵光义，本是你应允的承诺。这些年，你封他为晋王，任开封府尹，依着大宋亲王+京尹为储君的旧例，早已将他摆在了皇位继承人的位置，他在京城执掌军政大权，羽翼渐丰，朝野上下无人不知其权势。可每每看着皇子德昭、德芳稚嫩却清朗的面容，你心中便生出万般纠结，手心手背都是肉，亲手打下的江山，何尝不想传予自己的血脉？</p ><p>你传下口谕，召晋王赵光义即刻入宫，屏退所有宦官宫人，只留你们兄弟二人在这万岁殿内。你看着殿外渐渐走近的身影，指尖轻轻敲击着桌案，桌上的酒壶已温好，酒杯静候一旁，这不是寻常的兄弟叙旧，而是一场关乎大宋江山、关乎皇位归属的试探与敲打。</p ><p>烛火将你的身影拉得很长，你心中清楚，今夜这一席酒，注定不会平静。你要当面问清他的心思，要敲打他收敛野心，要定下最终的后事安排，可你未曾察觉，殿外的风雪里，藏着不易察觉的窥探，而你体内隐隐加重的不适，也并非只是旧疾发作。此刻的你，满心都是江山传承的抉择，尚未料到，这雪夜的烛影之下，即将迎来一场改写大宋历史的变故。</p ><p>此刻，晋王赵光义已踏入殿门，你抬眼看向他，端起桌上的酒杯，开口的声音带着帝王的威严，也藏着兄弟间的复杂心绪，第一幕的故事，便从这对饮的开端，缓缓拉开帷幕。</p ><h3>本章核心提示</h3><button class="choice-btn" onclick="toggleChoice('hint1')">点击查看本章核心提示</button><div id="hint1" class="choice-text">1. 牢记你当晚的核心目的：试探赵光义、敲定皇位传承、敲打其权势扩张，切勿提前泄露你已知晓他暗中结党、与花蕊夫人往来的秘密。<br>2. 身体的旧疾与莫名的不适，是你后续线索的关键伏笔，需在后续剧情中留意相关佐证。<br>3. 你对金匮之盟的摇摆、对皇子的怜惜，是人物核心情感线，也是推动皇位争夺线的关键。</div><div id="tooltip" class="tooltip">金匮之盟指史料所载宋朝杜太后（赵匡胤、赵光义的生母）病重，太祖赵匡胤在旁侍疾，临终时召赵普入宫记录遗言，交代未来的皇位继承问题，劝说太祖赵匡胤死后传位于其弟。这份遗书藏于金匮（匮，通柜）之中，因此名为“金匮之盟”。</div><script>function showTooltip(event) {    const tooltip = document.getElementById('tooltip');    tooltip.style.display = 'block';    tooltip.style.left = event.pageX + 10 + 'px';    tooltip.style.top = event.pageY + 10 + 'px';}document.addEventListener('click', function(e) {    const tooltip = document.getElementById('tooltip');    if (!e.target.classList.contains('highlight')) {        tooltip.style.display = 'none';    }});function toggleChoice(id) {    const el = document.getElementById(id);    el.style.display = el.style.display === 'block' ? 'none' : 'block';}</script></body></html>]]></content>
    
    
    <summary type="html">太祖之有天下，救五代之乱，不戮一人，自古无之，非汉、唐可比。——司马光</summary>
    
    
    
    <category term="烛影斧声" scheme="https://www.starmiu.top/categories/%E7%83%9B%E5%BD%B1%E6%96%A7%E5%A3%B0/"/>
    
    
    <category term="赵匡胤" scheme="https://www.starmiu.top/tags/%E8%B5%B5%E5%8C%A1%E8%83%A4/"/>
    
  </entry>
  
  <entry>
    <title>苏文</title>
    <link href="https://www.starmiu.top/posts/c17188af.html"/>
    <id>https://www.starmiu.top/posts/c17188af.html</id>
    <published>2026-05-12T09:51:44.000Z</published>
    <updated>2026-05-12T12:00:41.054Z</updated>
    
    <content type="html"><![CDATA[<p>一、你是谁<br>你是苏文，汉武帝身边近侍多年的黄门宦官。<br>你身上没有江充那种炙手可热的权势，没有韩说那种高高在上的爵位，也没有耿直谏臣们引以为傲的节操和恩宠。但你是另一种人——你是汉武帝身边最老、最稳、最不起眼却又无处不在的一双眼睛。<br>那一年，武帝巡幸河间，望气者说此地有奇女，是你前去打听，带回赵家姑娘双手紧握成拳、谁也掰不开的消息。武帝亲自出手，轻轻掰开，掌中握着一枚玉钩——便是后来的钩弋夫人。那一年，你还远远算不上什么显赫人物，但至少，你在这个故事的最开端，留下过一笔淡影。<br>这么多年了，你在皇帝面前说过的每一句话都像是无心之言：“太子与皇后久谈不出”“太子面有喜色”“某日胡巫云宫中有蛊气”——看似不偏不倚，实则句句都在关键时刻轻轻拨动皇帝的疑心。那些话从你口中说出来，不像是弹劾，更像是一句随口闲聊。皇帝愿信三分，便伤了太子三分。<br>多少年了，陪伴君主的人心中都明白一个极简的道理：在这个朝堂上，不必做最大的那个坏蛋，但必须选对自己站在哪一侧。太子若登基，江充、韩说必死无疑，而你认为——你也逃不掉。<br>你是汉武帝身边的影子，宦官谈不上功名，也谈不上官位。你的手脚比大臣们灵活，你的隐患也更隐含。从你选择站在江充那一边的那一刻起，你就知道自己再也没有退路了。<br>二、你所知道的事（前言与背景）<br>你的宫廷岁月：<br>你在汉武帝身边行走二十余年，见过帝王最意气风发的开边拓土期，也见过他晚年的多疑与暴虐。你的身份不高——宦官——但你的位置极重要。<br>太子曾说过：“皇上圣明，不会相信邪恶谗言，用不着忧虑。”你听到这句话时冷冷一笑。太子果然还是太过仁厚了，他不知道——帝王威严之所以让人畏惧，正是因为帝王并不会对任何人永远“圣明”。他们的信任，会在某一天那一日、某一句话后瞬间崩塌。<br>关于你的爪牙：<br>你手下有两个得力的眼线，小黄门常融、王弼。你让他们跟在太子身边，暗中寻找太子的过失，然后添枝加叶地向汉武帝报告。你则始终藏在皇帝身侧最安全的位置，从不大声说太子坏话，但总能在关键时让常融在前头试探、让胡巫在朝堂放风。<br>你觉得自己是聪明的，让这群“刀”在外围替你试水。可你心底深处知道，一旦风暴降临，这些替死鬼没一个会替你挡刀。<br>关于你的过往“战绩”：<br>你构陷太子不是今日才开始。<br>汉书记载着一件事：一次，刘据去长乐宫谒见母亲卫子夫，母子俩聊得晚了半晌，你就在武帝面前随口说“太子在长乐宫调戏宫女”。武帝闻言，非但没有大怒，反而赐给太子二百名宫女以“平息议论”。太子事后得知，但宽厚如他，只是冷冷对你怀恨在心。<br>还有一次，武帝身体不适，派常融去召太子。常融回来后回报说：“太子面带喜色。”你面无表情地站在一旁，没有说话，但你知道那是你授意的。武帝听罢，什么都没说。等太子赶来，武帝见他脸上挂着泪痕，仍旧强颜欢笑。武帝疑惑之下，暗中查出常融造假，便赐他一死。可即便如此，你仍是汉武帝身边的老黄门，仍是那个不痛不痒、却离陛下最近的老人。<br>两次风雨都碰了壁，但你并未因此收敛。因为你明白，那只是因为你没有真正拿住太子无可辩驳的把柄。而这一次——<br>巫蛊之祸，是你等待已久的，那把刀。<br>关于你的信念与恐惧：<br>你不是江充的帮凶——你是他的合谋者。你同样惧怕太子登基之后自己的处境。更何况，钩弋夫人能入宫最初与你有关，你与钩弋一党之间若隐若现的香火情，让你完全没有退路。<br>钩弋夫人之子刘弗陵年仅六岁，若太子被废，钩弋夫人的儿子上位，你在新帝面前便是功臣而非罪人。<br>太子若登基——所有和他有旧仇的人，都活不了。<br>三、第一幕：征和二年，八月初九<br>时辰：黄昏。地点：水衡都尉府衙偏厅（江充备下的秘室）。<br>这不是你第一次走进这里了。但今日气氛不同。<br>韩说已经在门外阴影处站着，一脸阴沉。章赣坐在角落不动声色，只有你默默绕过门口，移步到江充案侧，全身上下一点儿声响也无。<br>案上摊着一幅帛书，上面草草勾勒着东宫各殿的路径图。江充在图上比划着，低沉地说着三日后的搜宫安排。<br>江充（目光扫过你与韩说、章赣）： “陛下口谕已下。三日后，搜东宫。”<br>他停顿了一下，加重了语气：<br>江充： “苏文，你这些年跟在太子身边，对他那边的构架、地形和那些不起眼的宫人往来最是清楚。三日后，胡巫指明‘此地有蛊气’，你需带人负责后苑掘地——找到证据，呈上来。”<br>韩说接过话，语带寒意：“殿下若不动手便罢了。若动手，我等也好顺势将他一并除掉。”<br>你听着，微微颔首，不言不语。<br>二十余年宫廷生涯让你养成一种本领：不当出头的那个人，不第一个表态，但——不出头不意味着不从命。<br>你（心中暗想）：<br>按道侯韩说、江充，你们是刀锋；我，是刀鞘里藏的那块铁。<br>比起你们，我更堪堪可用的身份是：在纷乱中第一个逃往甘泉宫、第一个把太子的所作所告到陛下面前的那个人。<br>这才是江充为什么需要我，并且不得不拉我进来的真正原因——因为只有我，在关键时刻，能最快出现在汉武帝身边，把太子的行为，一五一十、添一分减一毫地讲给他听。</p><p>四、第一幕中的关键记忆<br>回忆一：前日深夜，常融的密报<br>昨晚，常融溜进你的值房，压低声音说：“太子与皇后之间近来多有通信……不光探病，还似乎在托皇后查一个女巫的下落。那个女巫，听说替皇后‘祈福’过。”<br>你心中一沉。你与江充早就布好了东宫后苑的木偶陷阱，但不担心皇后那条线——万一皇后查出你与钩弋夫人之间那些隐隐绰绰的来往？万一她手中某些证据，指向武帝相信了某些“后宫巫术”与钩弋有关……风暴尚未到来，决不能在这个当口露出破绽。<br>于是你吩咐常融：“继续盯着。每天送来太子的行迹。任何与皇后、女巫、及‘祈福之事’有关的消息，都不许断。”<br>回忆二：武帝病榻边，你给出的那个判断<br>此前，武帝在甘泉宫召问：“太子今日朝中如何？”<br>江充使了眼色，让你答。你斟酌再三，用不轻不重、状似闲聊的口吻道：“太子这些天常常独坐东宫看书，但陛下病情一直不差，他却日渐憔悴；臣也不知是忧父心切，还是另有所虑……”你把这个判断，糅在“他面有忧色/喜色”的旧有模式里，重新塞进了皇帝的耳朵。<br>皇帝没说什么，只是点了点头，眼神幽深难测。<br>五、你在第一幕中把握的角色关系<br>刘据（太子）：你与他之间隔着太远，却又极近。<br>你构陷过他，他知道你构陷过他。他母亲恨你恨到牙痒，屡次劝他除掉你，而太子只是淡淡说：“只要我不做错事，又何必怕苏文等人；皇上圣明，不会相信邪恶谗言。”<br>每逢想起这句话，你内心会有一瞬间复杂——像是不安，又像是冷笑。<br>卫子夫（皇后）：<br>她在宫中立了将近四十年，比任何宠姬都了解帝王心术。你暗中协助江充扳倒太子，万一皇后提前知晓这些消息，可能在你出手之前便让太子闯入甘泉宫。这种结局，谁也不敢赌。<br>史良娣（太子妃）：<br>她不是你的直接目标，但你负责盯住东宫全府的一切动向。你曾听常融说起，太子妃近日接触到一件“可能对东宫危险”的东西——是史良娣的近侍宫女传递出的只言片语。你辗转调查后暂未查清，但你有理由怀疑，史良娣手中可能握着一些……连江充都没料到的意外之物。<br>江充（直指绣衣使者）：<br>你是他在宫中和前方的“另一双眼睛”，他会把你的情报和耳朵当成布局之用。然而，你在内心深处对他并不信任。你想过：一旦太子伏诛，江充会不会也顺道把你灭口？毕竟你握着他的秘密太多，威胁也太大。</p><p>第一幕结束前的抉择<br>夜色深沉。你独坐在宦官值房中，窗外传来远处巡夜士兵的脚步回荡。<br>三日后，搜宫将启动。届时，等待太子的将是死局还是反击？<br>你面临三个选择（请在你的角色日志中记下你的选择）：<br>选择甲：完全服从江充安排，三日后亲自带队掘太子宫后苑，务必挖出“证据”。<br>· 这是江充对你的期望。<br>· 但你越是跳进坑里，越可能被江充推上前线，反而使自己暴露于太子起兵的最危险地带。<br>· 万一太子起兵，你将是第一个死在东宫卫队刀下的朝廷命官。</p><p>选择乙：在搜宫前三日之内，秘密向东宫示好（通过他人传递警告），让太子提前隐遁或先行让武帝知晓事情，随后再向江充和武帝报告，博取“调和有功”之名。<br>· 这可以在江充与太子之间保持一份暗处的“缓冲”。<br>· 但一旦被江充识破，他会立即将你踢出团伙，甚至除去你灭口。<br>· 而太子未必信任一个素来与他为敌的宦官突然递来的好意，没准会将你的示好看作阴谋，转手呈报武帝，加速你的覆灭。</p><p>选择丙：维持不动，按部就班做好分内事，确保自己从头到尾不贪功、不抢在前头。<br>· 静待太子被江充逼反，再第一时间逃往甘泉宫告发太子谋反。<br>· 这似乎是让你在宫廷最熟悉的角色——躲在后头，第一个跑到皇帝那里去。<br>· 但苏文谨慎多年，从不主动冒进。若你在搜宫前三天毫无动作，江充与韩说难免会心生疑虑，动摇他们对你的信任。</p><p>此外，你还持有两类特殊之物（可在后续使用）：</p><ol><li>常融等小黄门的暗中报告信道——可让你在无人察觉的情况下传递消息；同时，你可通过小黄门系统随时监视东宫的出入动向。</li><li>钩弋夫人身边的“旧交联络人”——你可借助早年与钩弋氏一族的那丝旧缘，在必要时开启紧急联络通道，在关键的宫廷斗争中为自己找到新兴主子去投靠。<br>七、你对其他角色的第一幕印象<br>你对其他四人在第一幕的认知如下：<br>刘据（太子）： 这位曾经连你的构陷都不屑与之计较的储君，兴许整个东宫都在他宽厚的态度中松懈了防范。但你始终等着今日——他看似宽厚，但每一次你打的小报告，他都一笔一笔记在心里。所以，一旦他大权在握，你的死期就到了。<br>卫子夫（皇后）： 这位衰老的皇后虽已失宠，但她在这宫廷中浸淫四十年之久，手中有你不知道的信息网。你协助江充扳倒太子，她若能提前察觉，便可能反扑，让太子在你出手之前直闯甘泉宫。你不敢赌。<br>史良娣（太子妃）： 这位看起来柔弱的女人是你东宫情报网的最大盲区。你听常融提到过，她最近接触到了某种“对东宫危险的东西”——很可能事关巫蛊物证。你不知道她发现了什么，但你应该在搜宫开始前弄清此事。<br>江充（直指绣衣使者）： 你是他布局的“内应”，但他对你并非全然信任。江充这种杀人如麻的酷吏，心底只为自己盘算。万一太子被逼反，江充第一个推出去挡刀的人就是你。因此在风暴来临之时，你要比韩说、章赣都更快一步——更快一步找到汉武帝本人。</li></ol><p>第一幕任务</p><ol><li>做出你的选择（甲/乙/丙）。</li><li>写下你对“搜宫三日后将要爆发的真正风险是什么”的推测。你的推测越准确，在第二幕逃回甘泉宫时可能就能抢到先机，跑得越快。</li></ol>]]></content>
    
    
    <summary type="html">上益太子宫人满二百人。太子后知之，心衔文。——《资治通鉴》</summary>
    
    
    
    <category term="风起未央" scheme="https://www.starmiu.top/categories/%E9%A3%8E%E8%B5%B7%E6%9C%AA%E5%A4%AE/"/>
    
    
    <category term="苏文" scheme="https://www.starmiu.top/tags/%E8%8B%8F%E6%96%87/"/>
    
  </entry>
  
  <entry>
    <title>史良娣</title>
    <link href="https://www.starmiu.top/posts/7e988d52.html"/>
    <id>https://www.starmiu.top/posts/7e988d52.html</id>
    <published>2026-05-12T09:50:36.000Z</published>
    <updated>2026-05-12T12:00:57.068Z</updated>
    
    <content type="html"><![CDATA[<p>一、你是谁<br>你是史良娣，鲁国人，卫太子刘据的妾室，汉宣帝刘询的祖母。你的母亲名叫贞君，哥哥名叫史恭。父子以官为氏，你的家族出自周太史佚之后，世居鲁国，在地方颇有根基。<br>你是太子东宫的良娣——太子有正妃、良娣、孺子三等妻妾，而良娣是妾室中品级最高者。你于元鼎四年（公元前113年）入宫，那时太子刘据年仅十六岁。<br>你为太子育有一子刘进，号“史皇孙”，以你的姓氏别之。此外，太子还有一个女儿，下嫁给平舆侯的嗣子，疑亦为你所出。你入宫将近二十二年——从少女到如今为人祖母，你几乎与这座东宫一同变老。<br>此刻，你的孙子“刘病已”刚刚降生，还抱在怀中。他的名字取“疾去”之意，寄寓着求子长命的最朴素愿望。</p><p>二、你所知道的事（前言与背景）<br>关于你的出身与入宫：<br>鲁国。那是你最初的名字。<br>你出身史氏望族，虽非皇后卫子夫那样的外戚顶流，但史氏在鲁国自有根基，汉武帝即位后，外祖母贞君尚在世，外祖父家史高、史丹等人皆封侯拜爵，不可小觑。<br>当年你入宫为良娣，在一众太子家眷中并不引人注目——一来你不是正妃，二来太子心中更牵挂的始终是朝堂格局。但上天眷顾，你生下皇孙刘进，母凭子贵，在东宫腰杆硬了许多。<br>你的娘家，在你身侧撑起一片屋檐：母亲贞君尚在鲁国养老，哥哥史恭偶尔往返京师与鲁国之间走动，是你在外联络家族、打听消息的臂膀。<br>关于你的丈夫——太子刘据：<br>太子宽厚仁恕，在朝野素有贤名。他对你不算热络，但也从未怠慢——在太子宫过日子的这些年，你知道他心中装着的，永远是父皇的期许、母后的寄托、大汉的将来。每当他在朝堂上受了委屈，常独坐书房，通宵翻阅简策，甚至削杖自励。<br>你是东宫中离他最近的人之一。你了解他的挣扎：他不惜一切想证明自己清白，但最难应付的是父皇猜忌的目光。<br>关于巫蛊之祸的前奏：<br>自公孙贺父子以巫蛊罪名下狱，公主、卫伉皆坐诛，京城上下人人惊惧。江充以直指绣衣使者治巫蛊，烧铁钳灼，酷刑逼供杀戮数万人，天下为之震动。<br>你听说过太多冤屈故事——无辜的人被指认为巫蛊，投入狱中，屈打成招，家破人亡。<br>你不知道这一切会以什么方式烧到你东宫，但你知道：它一定会烧到。</p><p>三、第一幕：征和二年，八月初九<br>时辰：黄昏。地点：东宫，内院偏殿。<br>你独坐在窗下，怀里抱着出生不数月的皇曾孙刘病已。窗棂外暗云低垂，天色将沉未沉。<br>小婴儿在襁褓中睡得很熟，浑然不知朝中风暴迫近。你轻轻拍着他的背，目光落在窗前一株在风里乱响的梧桐上。<br>侍女在门外低声唤：“良娣，方才东宫有洒扫小太监在后苑……发现了这个。”<br>她小心翼翼地呈上一块粗布，布中裹着一只桐木偶人，三寸来长，木偶额上刻着一个模糊的字——你认得出那是“彻”。（即在刘据本中出现的证据物）<br>你的手微微一抖，但并未松开怀抱中的婴儿。你沉默片刻，目光落在木偶上，又收了回来。<br>你（冷静道）： “木偶之事，除你我外，还有谁知晓？”<br>侍女（低声）： “妾是第一个得报之人。小太监不敢声张，只交给了妾。”<br>你思索了一下：太子在书房研读，母后那边尚无消息……如果你先说不说？<br>你将木偶装回袖中，垂眸看怀里安睡的孙子，声音极轻：<br>“先不要声张……让我想上一想。这件事，无论对太子，还是对东宫上下数百人来说，都可能是致命的。”<br>侍女叩首退下。<br>你独自坐在窗下，木偶在手心，沉沉的，凉凉的，像一块压在心头的石子。<br>你知道，一旦这东西被江充找到，它与帛书与诬蔑之辞，将是一柄指向太子全家的利剑。</p><p>四、你在第一幕的对局势与危险的理解<br>你掌握了哪些信息？</p><ol><li>洒扫小太监发现的桐木偶人——它与太子宫中搜出或江充所埋之物极为相似（待主持人确认），无论如何，这是对东宫极强的威胁。</li><li>江充即将搜宫——你虽不像母后卫子夫那样直接听闻朝堂动静，但东宫百官已经耳语了数日。侍女与太监也在窃窃私语，连你偏殿的小吏都隐约听说了江充准备进宫搜巫蛊的消息。</li><li>东宫可能藏有更多“证据” ——你担心木偶只是冰山一角，或许类似的偶人还埋在其他不易察觉的地方，甚至混入东宫家眷的私人物品中。</li><li>你的侄孙刘病已尚在襁褓——这是重要的旁系线索：如果太子全家获罪，这婴儿又如何幸存？<br>你无法对丈夫隐瞒：你手中握着一枚重磅证据，它既可以烧掉，也可以作为“太子反证”提交父皇近臣面前。但你担心打草惊蛇——万一被人知道木偶曾经落入你手中，你会被视为“毁证之人”……</li></ol><hr><p>五、你的特殊身份与可用手段<br>特殊身份：</p><ol><li>史氏在鲁国的根基——你在外有母亲贞君、兄长史恭。鲁国是你的退路，也是你家族的后援。这一点，你从不在东宫刻意张扬，只有太子与个别亲信知道。</li><li>东宫内院的掌控力——你管理太子内院多年，在宫女、太监中自有威信。他们中许多人愿意替你办事。在关键时刻，你可以调度内院人手。</li><li>“史皇孙生母”的身份——你生下的儿子刘进，与史氏同号，在东宫百官中有一定的人脉。你虽不如刘据手握重权，但你的娘家与东宫之间的联系，在动摇之秋有特殊价值。<br>可用信物与凭仗：</li><li>鲁国史氏来往的信函及派人传递的密信——可依托家族渠道打探消息或向外传递情报。如果局势崩坏，也许只有鲁国才能保全东宫的一线血脉。</li><li>送药/送帛等日常进出宫中的人员与器物：可混杂“传递东宫私信”，为你提供临时传信的便利。</li></ol><hr><p>在第一幕结束前，你面临三个抉择<br>选择甲：立刻将木偶交给太子，由他定夺。<br>· 这是最坦诚的选择，将手中烫手山芋抛给太子承担，也让他知道东宫内有人已暗中载赃。<br>· 但太子性情宽厚，可能会犹豫不决以致错过最佳对策时机，而你也可能失去这条情报的主动权。</p><p>选择乙：将木偶悄悄自行销毁（例如烧掉、碾碎投入井中），并严令知情者封口。<br>· 这是最节省时间的做法——让这条线索“不存在”。只要没有物证，江充搜东宫纵然有百万兵，也不至于马上就落实大罪。<br>· 但风险极大：一旦东宫内还有另一只相同的偶人（甚至对方已布下多个），他们会认定“有人销毁了原罪证”，反而栽你“毁灭罪证”之名。</p><p>选择丙：以此木偶为引，尝试向母后卫子夫处透露信息，让她帮你判断并利用后宫协调力量回旋。<br>· 卫子夫在宫中的根基比你深远，由其接手掌管这条情报，或可通过皇后渠道向武帝转圜。<br>· 但皇后年老失势，其动作不一定能瞒过江充暗哨。若被江充反咬一口，说你求皇后“里通东宫”，你的家眷很可能提前遇难。<br>此外，你还持有一种特殊联络方式（可在后续使用）：</p><h2 id="·-鲁国史氏的信使暗号：你可借助史氏家族的某种暗号，寄送暗文信或托人携密函出宫，与鲁国或外臣联络。"><a href="#·-鲁国史氏的信使暗号：你可借助史氏家族的某种暗号，寄送暗文信或托人携密函出宫，与鲁国或外臣联络。" class="headerlink" title="· 鲁国史氏的信使暗号：你可借助史氏家族的某种暗号，寄送暗文信或托人携密函出宫，与鲁国或外臣联络。"></a>· 鲁国史氏的信使暗号：你可借助史氏家族的某种暗号，寄送暗文信或托人携密函出宫，与鲁国或外臣联络。</h2><p>关于其他角色的第一幕印象<br>· 刘据（太子） ：你的丈夫。你心疼他的处境，也担忧他在父皇猜忌下的脆弱防线。你理解他的仁厚，但在这暴风雨中，他的善良是他的最大的弱点。他仍然以为只要自证清白就能获得父皇谅解，但你觉得——或许并非如此。<br>· 卫子夫（皇后） ：太子的母亲。你怕她，也敬她。她地位尊崇，可江充这些人根本不把她看在眼里。她老了，但她仍然有你在宫中望尘莫及的能量。如果能求得她帮助，你或许能稳住宫中局面。但你不知道她能为你争取多少时间。<br>· 江充（绣衣使者） ：在东宫中，你从未直面过他。但你知道他用刑裁钩、构陷多位权贵，在朝中令人胆寒。你相信这些木偶是他埋下的，这件事他暗地里筹划了许久。你想查明到底还有什么鬼胎埋在东宫！<br>· 苏文（黄门宦官） ：在东宫你甚少遇见他，但你听过他的传言——他是武帝身边的老人，为人圆滑。你猜想他知道一些宫中内斗的细节，但你无法肯定他到底站在谁那边。</p><p>第一幕任务</p><ol><li>做出你的选择（甲/乙/丙），。</li><li>写下你对“江充下一步会做什么”的推测。你的推测越准确，在第二阶段与太子摊牌或与苏文对话时，你就越可能提前判断他的下一步行动。</li></ol>]]></content>
    
    
    <summary type="html">“至如史良娣、王悼后、许恭哀后身皆夭折不辜，而家依托旧恩，不敢纵恣，是以能全——《汉书》</summary>
    
    
    
    <category term="风起未央" scheme="https://www.starmiu.top/categories/%E9%A3%8E%E8%B5%B7%E6%9C%AA%E5%A4%AE/"/>
    
    
    <category term="史良娣" scheme="https://www.starmiu.top/tags/%E5%8F%B2%E8%89%AF%E5%A8%A3/"/>
    
  </entry>
  
  <entry>
    <title>卫子夫</title>
    <link href="https://www.starmiu.top/posts/4c02e6e1.html"/>
    <id>https://www.starmiu.top/posts/4c02e6e1.html</id>
    <published>2026-05-12T09:49:36.000Z</published>
    <updated>2026-05-12T12:00:02.521Z</updated>
    
    <content type="html"><![CDATA[<p>一、你是谁<br>你是卫子夫，汉武帝第二任皇后，大汉帝国的国母，太子刘据的生母。<br>你出身寒微，本是平阳公主府中的歌女——“讴者”，以一曲清歌在一个偶然的春日博得了天子一顾。从那一年算起，你已在这座未央宫中度过了近五十年春秋。<br>你的弟弟卫青是大司马大将军，外甥霍去病是骠骑将军——你为汉家带来了最丰厚的一份“嫁妆”。然而，雄才大略的弟弟和外甥都已相继离世，卫氏外戚当年的鼎盛早已不复存在。你虽为皇后，如今却只能看着一切缓缓崩塌。</p><h2 id="司马迁在《史记》中评价你：“嘉夫德若斯。”你做了三十八年皇后，安分守己、前朝后宫从未有过一步错棋。但落在今天的结局上，这三十八年的识大体、知进退，似乎也不过是用来谢幕的。"><a href="#司马迁在《史记》中评价你：“嘉夫德若斯。”你做了三十八年皇后，安分守己、前朝后宫从未有过一步错棋。但落在今天的结局上，这三十八年的识大体、知进退，似乎也不过是用来谢幕的。" class="headerlink" title="司马迁在《史记》中评价你：“嘉夫德若斯。”你做了三十八年皇后，安分守己、前朝后宫从未有过一步错棋。但落在今天的结局上，这三十八年的识大体、知进退，似乎也不过是用来谢幕的。"></a>司马迁在《史记》中评价你：“嘉夫德若斯。”你做了三十八年皇后，安分守己、前朝后宫从未有过一步错棋。但落在今天的结局上，这三十八年的识大体、知进退，似乎也不过是用来谢幕的。</h2><p>二、你所知道的事（前言与背景）<br>关于你的入宫与封后：<br>建元二年的灞上之行，改变了你一生。入宫初年，你曾被帝王遗忘在掖庭一年之久，趁“出宫废人”之机以退为进，以片刻眷顾重获荣宠。<br>元光五年，陈皇后因使用“巫蛊”诅咒后宫事败被废，次年你生下皇长子刘据。不久，你被立为皇后。那时，你还不知道“巫蛊”二字，会像一把旧日烙铁，贯穿你整个人生的始终。</p><p>关于盛世恩宠：<br>当年，卫青征战匈奴立功、霍去病封狼居胥，卫氏一门五侯，权倾朝野。那段时间，刘据七岁被立为太子，你的江山似乎坚不可摧。<br>但随着卫青病逝、霍去病从军中消亡，卫氏外戚势微。汉武帝晚年宠幸钩弋夫人，你年老色衰，渐失圣心。而新宠生下的幼子刘弗陵，显然被汉武帝格外垂青。</p><p>关于你的长姐与女儿：<br>你的长姐卫君孺嫁与丞相公孙贺，你本是卫氏集团最高地位者之一。征和元年，公孙贺父子因巫蛊之罪下狱死。你的两个女儿——诸邑公主与阳石公主——同被卷入那场巫蛊风暴，已被父皇诛杀。还有卫青的长子卫伉，你的亲侄子，也在那场波及中被诛。<br>你甚至不敢过于悲伤。</p><p>关于你与太子刘据：<br>刘据是你唯一的儿子，是一个宽厚仁恕、有仁君之相的青年。你深知，他的品行与弟弟卫青如出一辙：踏实勤勉、待人恭敬。这样的儿子，在汉武帝的猜忌之下，必会艰难。</p><h2 id="你一辈子最大的信念，是保住他和他的家人。"><a href="#你一辈子最大的信念，是保住他和他的家人。" class="headerlink" title="你一辈子最大的信念，是保住他和他的家人。"></a>你一辈子最大的信念，是保住他和他的家人。</h2><p>三、第一幕：征和二年，八月初九<br>时辰：黄昏。地点：后宫长秋宫·椒房殿。<br>秋风穿过殿门，拂动纱幔，带进一阵隐约的枯草气息。你独坐殿中一张漆案前，面前的漆盘上搁着一双铜箸，却半晌没有动过。<br>案角压着半旧铜鉴，映出你鬓边的银丝和沉静的眼波。</p><p>殿外传来细碎的脚步声——是长秋宫掌事宫女绿绮入门跪报。<br>绿绮： “娘娘，方才前苑传话，太子殿下已回东宫。史良娣派人报安，说殿下今日心情沉重，晚膳未动箸。”<br>你缓缓抬起头，搁下手中的简策。三十八年了，你太熟悉这声音里隐含的意味。所谓“心情沉重”——必然是朝中又出了事。<br>你（淡然接下绿绮奉上的温汤）： “江充那里，可有动静？”<br>绿绮（压低声音）： “回娘娘，有。陛下已命江充寻访胡巫，准备大搜宫禁。而负责协办的人……有按道侯韩说、御史章赣，还有——”她顿了顿，“黄门苏文。”<br>黄门苏文。<br>你认得他。那个伺候了汉武帝二十多年的人精。此人世故而谨慎，遇事两不得罪，从不肯站明立场。但这一次，“协办”二字，意味着他即便想骑墙，也不得不站到江充身边去。<br>你轻轻放下汤碗。<br>你（心中暗想）：<br>我已失去太多。两个女儿……卫伉……公孙贺一家……每一条命都像一把刀，扎在我心上。如今江充等人要将最后一口锅扣在我儿刘据头上，逼我失去最后的骨肉……<br>我，绝不能再退。<br>你缓缓望向窗外，夕阳正沉，隐入层云。</p><h2 id="“绿绮。”-你的声音并无波澜，但殿内霎时安静下来，“取笔墨来。”"><a href="#“绿绮。”-你的声音并无波澜，但殿内霎时安静下来，“取笔墨来。”" class="headerlink" title="“绿绮。” 你的声音并无波澜，但殿内霎时安静下来，“取笔墨来。”"></a>“绿绮。” 你的声音并无波澜，但殿内霎时安静下来，“取笔墨来。”</h2><p>关于太子刘据：<br>他是你的儿子，血脉相连的唯一希望。你深知他宽厚有余而狠辣不足，并不具备在危机关头绝地反击的心性与权谋——但江充未必会给他喘息之机。<br>你掌握的秘密：在公孙贺案被发现前，你曾请过女巫为汉武帝病体祈福。这在宫中本是寻常，但你察觉到此事与公孙贺案被别有用心之人攀扯了同一片“巫蛊嫌疑”。若被江充的人串联起来，你的这条线可能正好用来牵连刘据。此事，目前只有你和两位亲信知道。<br>你手中还有一件特殊的信物——汉武帝当年赐下的龙凤玉佩。那是你受宠鼎盛时所赐，你在最危难的时刻一直没舍得动用。<br>关于史良娣：<br>太子妃，你儿子的妻子，温柔而坚韧。在这种风暴中，她是你唯一可以交托心事的同阵营文弱之人。但她的情报、她可能掌握的任何蛛丝马迹，在当前形势下都极其宝贵。<br>关于江充：<br>你与他的恩怨，已不是私怨——而是生死。江充要的是刘据死、卫氏全族亡。而你，只需要确保他不能活着走出长秋宫的影子。<br>关于苏文：</p><h2 id="他是你的人形定时蜡烛。江充要他死，陛下也会要他死，但他偏偏还有活路——在你眼中，他是江充与刘据之间最容易被撕开的一环。如果苏文此刻仍在摇摆，你也许有机会让他做出对东宫有利的选择。"><a href="#他是你的人形定时蜡烛。江充要他死，陛下也会要他死，但他偏偏还有活路——在你眼中，他是江充与刘据之间最容易被撕开的一环。如果苏文此刻仍在摇摆，你也许有机会让他做出对东宫有利的选择。" class="headerlink" title="他是你的人形定时蜡烛。江充要他死，陛下也会要他死，但他偏偏还有活路——在你眼中，他是江充与刘据之间最容易被撕开的一环。如果苏文此刻仍在摇摆，你也许有机会让他做出对东宫有利的选择。"></a>他是你的人形定时蜡烛。江充要他死，陛下也会要他死，但他偏偏还有活路——在你眼中，他是江充与刘据之间最容易被撕开的一环。如果苏文此刻仍在摇摆，你也许有机会让他做出对东宫有利的选择。</h2><p>第一幕结束前的抉择<br>夜色尚未深沉，长秋宫的灯火将你的影子拖长，铺满青砖地面。<br>你面临三个选择（请在你的角色日志中记下你的选择）：<br>选择甲：修书一封，派人秘密送往东宫，告知太子三日后江充将搜宫的消息，并建议刘据主动面见父皇上书辩白。<br>· 这是让刘据占据主动、向父兄展示坦荡之心的途径。<br>· 但汉武帝此刻病中多疑，上书辩白很可能被江充先以“太子心虚狡辩”为由曲解，反成罪证。</p><p>选择乙：不动声色，暗中启用皇后密谍网络，加紧打探钩弋夫人那边的动静，并派人盯住苏文，伺机拉拢。<br>· 这或许能挖出钩弋一党的更深把柄，让汉武帝对江充有所警觉。<br>· 但三日后江充就会搜宫，时间极其紧张，未必来得及。“打探”在风暴中是最不可控的变量，万一被人察觉反而授人以柄。</p><p>选择丙：以皇后身份直接召见按道侯韩说或苏文，当面施压。并主动向汉武帝请旨，提前在宫中自行肃清巫蛊嫌疑，以此抢占话语权。<br>· 此举能展示你与太子并无私心，且不惧清查。<br>· 但风险极大，韩说与江充是铁杆同盟，未必给你面子。一旦受挫，反而给江充增添了“皇后阻挠办案”的口实。<br>此外，你持有一件特殊信物（可在后续使用）：</p><ol><li>先帝所赐龙凤玉佩：你当年得宠时，汉武帝亲手赐下的龙凤玉佩。母后曾对你千叮万嘱：此物在危机关头呈于陛下，或许能唤起他对往昔的眷顾。你还从未用过它。<br>第一幕任务</li><li>做出你的选择（甲/乙/丙）</li><li>写下你对“卫氏外戚目前还剩下哪些可以调动的势力”这一问题的估算。越准确，在后续回合“外戚余荫”技能中发挥空间就越大。</li></ol>]]></content>
    
    
    <summary type="html">子夫既兴，扇而不终。——班固</summary>
    
    
    
    <category term="风起未央" scheme="https://www.starmiu.top/categories/%E9%A3%8E%E8%B5%B7%E6%9C%AA%E5%A4%AE/"/>
    
    
    <category term="卫子夫" scheme="https://www.starmiu.top/tags/%E5%8D%AB%E5%AD%90%E5%A4%AB/"/>
    
  </entry>
  
  <entry>
    <title>江充</title>
    <link href="https://www.starmiu.top/posts/cd548080.html"/>
    <id>https://www.starmiu.top/posts/cd548080.html</id>
    <published>2026-05-12T09:45:09.000Z</published>
    <updated>2026-05-12T12:00:16.602Z</updated>
    
    <content type="html"><![CDATA[<p>一、你是谁<br>你是江充，本名江齐，字次倩，赵国邯郸人。<br>你身材魁伟、相貌堂堂，善着奇装，曾着纱谷裨衣、曲裾交输，戴步摇冠、飞翮缨，汉武帝第一次见到你时便说：“燕赵固多奇士。”<br>你是汉武帝亲手提拔的直指绣衣使者（后官至水衡都尉），督察贵戚近臣，举劾无所避。你执法严峻、不避权贵，甚至连太子家的人得罪了你，你也照奏不误——理由再正当不过：太子家使乘车马行驰道中，为法所禁。<br>但比这个身份更重要的，是另一个身份：一个随时可能失去一切的人。 你从一个逃亡的赵国门客，爬到今天的位置，每一步都踩在刀刃上。你知道，在这个朝堂上，若不置人于死地，便是将自己置于死地。而你最大的敌人，早已不是藏在邯郸的那个废太子刘丹——<br>是如今坐在东宫的太子刘据。<br>你深知，一旦汉武帝晏驾，太子登基，你必死无疑。<br>二、你所知道的事（前言与背景）<br>你的妹妹嫁给了赵敬肃王的太子刘丹，因此你在赵国颇得宠信。但好景不长，刘丹怀疑你向赵王泄露他的隐私，派人抓捕你，没有抓到，竟将你的父兄在邯郸当街施以“弃市”酷刑。你逃亡入关，更名“充”，诣阙告发刘丹内乱、淫乱、攻剽等罪行，武帝大怒，收捕刘丹下狱。刘丹因此被废为庶人，赵彭祖上书力救，不许。<br>从那一日起，你便懂得了这个帝国最残酷的法则：不是你死，就是我活。<br>武帝在犬台宫召见你，问以当世政事，你应答如流，大悦，拜你为直指绣衣使者。此后你督三辅盗贼、纠察贵戚近臣，弹劾无所避，武帝以为忠直。“深酷用法者”皆毁太子，而你正是这一类人。<br>太子与卫氏一族厌恶你，你也厌恶他们。这不仅是私人恩怨——更是两种政治路线的对决：太子宽厚主和，你深知“宽厚”便是退让，便是软弱，便是这个帝国衰落的开端。你必须让武帝的严法政策延续下去。<br>太子宽厚仁恕，与汉武帝用法严厉的方针格格不入。在用法大臣中，你是立场最鲜明、手段最彻底的一个。而真正让你们结下死仇的，是那件事——<br>你随武帝巡幸甘泉宫，回程途中，太子的家使竟乘马车在驰道上行走——那是皇帝专用的道路。你将此事上奏，收捕太子家使，车马没官。<br>太子闻讯，派人来求情说：“非爱车马，诚不欲令上闻之，以教敕亡素者；唯江君宽之！”<br>你不听。你奏了上去。<br>汉武帝的反应却超出了所有人的预料。他没有动怒——那毕竟是太子的家使。他反而说：“人臣当如是矣。”对你更加信任，对你言听计从，由是威震京师。<br>从那一天起，太子便知道：你是他政敌中最危险的那一类——在皇帝面前，你比他还能说上话。<br>你有几位信得过的助手与同党——<br>· 按道侯韩说：此人精明强干，在宫中颇有耳目，是你的得力伙伴。汉武帝派他助你治巫蛊，是你手下最敢下手的人。<br>· 黄门苏文：这是一个胆小但颇为灵巧的人，常替你在后宫窥探消息，也在太子身边暗暗布局。他负责在甘泉宫中随时报告武帝的动向。<br>· 女巫与胡巫：你向武帝进言后，被封为治巫蛊使者，手下有一批巫士，烧铁钳灼，强服之，前后治狱死者数万人，天下为之震动。<br>你的信念：<br>汉武帝已经年近七十。太子登基的日子，不会太远了。而太子仁慈宽厚——却绝不糊涂。他一定记得，是谁处处与他为敌；是谁在驰道案中让他颜面尽失；是谁日复一日在父皇面前说他的坏话。<br>他不会放过你的。就像你决不会放过刘丹一样。<br>所以，你必须在太子登基之前，先把他除掉。<br>三、第一幕：征和二年，八月初九<br>时辰：黄昏。地点：水衡都尉府衙，江充正堂。<br>夕阳从西窗照进来，将案上的铜鉴映得发光。你独坐案后，面前摊着一张檄纸，上面写满了你在长安、三辅乃至郡国已经查明的所谓“巫蛊案”名单。你的手指在“卫伉”“公孙贺”“阳石公主”“诸邑公主”等名字上缓缓划过，然后落在纸上最边缘处还有几处墨字——<br>都是已死的，还不够。<br>真正的猎物，不是这些人。真正的猎物，是那座东宫。<br>门外传来极其沉稳、几乎无声的脚步——来人是按道侯韩说，他和你一样，都是汉武帝的心腹，也一样，都是太子的死敌。<br>韩说（轻声道）： “江君，方才甘泉宫有人送信来。”<br>你抬起头，接过他递来的竹简，展开。墨迹还在发亮，说明是新鲜写就的。<br>是苏文的字：<br>“陛下疾势沉重，多日不见臣工，唯留江充等治巫蛊。太子一日未废，天下之人皆知储君为谁。君之事急矣。”<br>你捏着竹简，一字一字读完，然后将其递还给韩说。韩说接过来看了一眼，面不改色，像是早已知道内容。<br>韩说（低声）： “江君，宫里已在安排钩弋夫人之子刘弗陵。但太子毕竟是卫皇后所生，根基深厚。要动东宫，不能只靠风闻。”<br>你冷笑一声：“只靠谏言自然不够。”你起身，绕过铜鉴，抬头看那面镜子中仪容整肃、目光锐利的自己。身材魁岸、相貌堂堂——武帝当年见你时说的那两句话又浮现心头。<br>你朝着镜中的自己挥了挥手，像是对一个影子——杀机已显。<br>你（心中暗想）： 恐晏驾后为太子所诛……以朕看来，太子必先死于此也。<br>这时，一名下属匆忙入内，跪地禀报：“江大人，东宫那边……有消息了。”<br>你与韩说对视一眼，示意韩说先退出，然后才允许下人近前回话。</p><p>下属（声音极低）： “苏文从甘泉宫传话道：陛下病中梦见数千木人持仗欲击之，惊寤病甚，深以为恨。昨日陛下已授意——准许你在宫中全面搜查巫蛊之物。皇后与太子皆不能拦阻。”<br>你的瞳孔蓦地收缩。<br>搜宫的权限……来了。<br>你屏退下人，将它放入衣袖深处，闭上双眼，深吸一口气。你知道，这一场豪赌，已经到了最后关头。太子会不会谋反？也许不会。但你可以让武帝相信他会——因为你比任何人都了解皇帝的恐惧：武帝怕死，怕暗中有人诅咒他，怕后宫有人埋偶人行媚道，怕朝中有谋逆之心伺机待发……只要你在宫里掘出巫蛊之物，哪怕那东西是你事先埋好的，武帝就会暴怒，就会下令惩罚——而你，就是那个执行者。<br>而太子……太子宽厚仁慈，绝不会坐以待毙。他也许会跑，也许会求情，也许……会铤而走险。只要他一动——不管他做什么，罪名就是“谋反”。到时候，你江充就是清除太子的一柄利刃，而汉武帝会为你提供整个帝国最强大的后盾。<br>你（睁开眼，目光冷厉）： 太子必败。而我必须确保他——无法翻盘。<br>已近黄昏，你闭门思虑。案上的烛火微微摇曳，映出一张冷静到近乎冷酷的脸。<br>今日搜宫的命令已经传了下来。<br>你有几个关键问题要立刻解决：</p><ol><li>什么时候搜宫？ ——武帝已授意，你可以择日行动。你决定三日后入太子宫搜查。三日的空档，足够你安排一切。</li><li>如何在太子宫中“找到”巫蛊之物？ 你早已让胡巫预先准备好桐木偶人与帛书，只需找机会埋入太子宫后苑，届时有胡巫指认“此地有蛊气”，再让韩说、苏文等人率人挖掘，证据确凿。</li><li>如何避免太子事先销毁？ ——你必须在搜宫之前对东宫严格监控，让苏文派人夜间盯住太子宫出入的一切可疑人等，不给他们机会消灭证据。</li><li>你的帮手是否可靠？ ——韩说没问题；苏文此人胆小却狡黠，是他的眼线，但你不确定他在关键时刻会不会退缩。你需要在搜宫之前再拉拢他一次。 还有一点：章赣此人……你需要权衡能否掌握。</li></ol><hr><p>五、你对其他角色的印象（第一幕）</p><p>以下是你在第一幕中对其他四位角色的已知信息：<br>· 刘据（太子） ：你的死敌，仁恕温谨，但不会放过你。武帝对他的言听计从大不如前，但他到底还是太子。你必须除掉他。<br>· 卫子夫（皇后） ：太子之母，已年老失宠。卫氏外戚几乎被你杀光，但她知道你在郭襄巫师阵中搞过名堂……你怀疑她可能掌握一些不利于你的证据。<br>· 史良娣（太子妃） ：刘据之妻，温和示人，但此女不可小觑。她的亲属在地方颇有根基，可能会给你添麻烦。你只希望她不会在关键时候出脚。<br>· 苏文（黄门宦官） ：你的合作者之一。你猜他对你而言是双刃剑——一方面他是你在宫中的眼睛和口舌，另一方面他知道的事情太多，可能将来会出卖你。不过目前，你还需要他活着。<br>此外，按道侯韩说虽不是你角色的主要玩家，但在本幕是你最可靠的同党之一，可在辅助环节为你提供帮助或传递信息。</p><p>四、第一幕结束前的抉择<br>夜色渐深。搜宫的命令已下，但具体执行的细节，还需要你来定。<br>你面临三个选择（请在你的角色日志中记下你的选择）：<br>选择甲：立即入宫面见汉武帝，就搜宫计划奏报，并请求扩大搜宫范围。<br>· 这能进一步稳住皇帝的信任，让武帝知道你在认真办事。<br>· 但武帝病中未必愿意见你，且可能会觉得你“操之过急”，反而引发疑心。<br>选择乙：三日后直接入东宫搜查，按原计划进行。<br>· 这是最平稳也最凶狠的选择——利用搜宫的时间差，在太子宫埋好桐木人，届时“挖出”证据，让刘据百口莫辩，逼他掉入你设的局。<br>· 但三天的空档给了太子销毁证据的可能。如果他在你抵达之前先派人处理掉埋好的偶人，你的计划就会功亏一篑。<br>选择丙：主动派人向东宫“示好”，引诱太子踏入陷阱再动搜宫。<br>· 这是一个更复杂也更冒险的思路：派人去东宫传话，假意示好，实则引诱太子先动用某种过激手段，你再反向向武帝告发，谋反罪名立刻成立。<br>· 但引诱太子的难度很大。刘据毕竟不是傻子，他在卫青死后已变得比从前谨慎许多。如果示好失败，你的计划可能反而暴露。</p><p>此外，你持有两类特殊之物（可在后续使用）：</p><ol><li>预先制作的“桐木人”与“帛书” ：你已派胡巫打造数十只桐木偶人，和一封措辞阴毒的“祝诅帛书”，可以在搜宫过程中“无意间挖出”制造证据。</li><li>绣衣使者的刑讯特权：你手持“烧铁钳灼”的刑具——可以随时逮捕任何人逼供，以“大逆亡道”之名逼他们认罪。你的刑讯方式可制造大量“证人便供”的假象。<br>这两类手段都可以通过后续的搜证与对峙环节释放。</li></ol><p>任务</p><ol><li>做出你的选择（甲/乙/丙） 。</li><li>写下你对“太子恐惧什么”这一问题的推测。越准确，越说明你对敌人的弱点判断明确，对后续推演越好。</li></ol>]]></content>
    
    
    <summary type="html">江充造蛊，太子杀。——班固</summary>
    
    
    
    <category term="风起未央" scheme="https://www.starmiu.top/categories/%E9%A3%8E%E8%B5%B7%E6%9C%AA%E5%A4%AE/"/>
    
    
    <category term="江充" scheme="https://www.starmiu.top/tags/%E6%B1%9F%E5%85%85/"/>
    
  </entry>
  
  <entry>
    <title>刘据</title>
    <link href="https://www.starmiu.top/posts/1c05dd71.html"/>
    <id>https://www.starmiu.top/posts/1c05dd71.html</id>
    <published>2026-05-12T09:04:12.000Z</published>
    <updated>2026-05-12T11:59:42.881Z</updated>
    
    <content type="html"><![CDATA[<html lang="zh-CN"><head><meta charset="UTF-8"><style>body {    font-family: "SimSun", serif;    background-color: #f4f1eb;    color: #2b2b2b;    line-height: 1.8;    padding: 20px;}.section-box {    border: 2px solid #cfa46f;    border-radius: 8px;    padding: 15px;    margin-bottom: 20px;    background-color: #fff8f0;}h2 {    color: #8b4513;    margin-top: 30px;}p {    margin-bottom: 12px;}.highlight {    color: red;    cursor: pointer;    font-weight: bold;}.tooltip {    display: none;    position: absolute;    background-color: #fff3e6;    border: 1px solid #d4a373;    padding: 10px;    max-width: 400px;    z-index: 1000;    box-shadow: 0px 2px 8px rgba(0,0,0,0.2);    border-radius: 5px;}.choice-btn {    display: inline-block;    margin: 5px 10px;    padding: 8px 15px;    background-color: #cfa46f;    color: #fff;    border-radius: 5px;    cursor: pointer;}.choice-text {    display: none;    margin-top: 10px;    padding: 10px;    background-color: #fff0d6;    border-left: 4px solid #cfa46f;}</style></head><body><h2>第一幕：风起未央（太子刘据）</h2><div class="section-box"><h3>一、你是谁</h3><p>你是刘据，汉武帝刘彻的嫡长子，七岁被立为皇太子，今已三十八岁。你的母亲是皇后卫子夫，舅舅是大将军卫青（已故），表兄是霍去病（已故）。你自幼受《公羊春秋》与《谷梁春秋》之教，信奉仁恕之道，待臣下宽厚，在朝野素有贤名。你的妻子是史良娣，温婉贤淑，为你育有长子刘进（即史皇孙）。你的家，便是这东宫。</p ><p>然而，近几年来，你越来越清晰地感觉到——父皇正在远离你。</p ></div><div class="section-box"><h3>二、你所知道的事</h3><p><strong>关于父皇：</strong>陛下年事已高，常居甘泉宫养病，性情日益多疑。他宠幸钩弋夫人，又喜幼子刘弗陵。朝中酷吏横行，<span class="highlight" onclick="showTooltip(event)">绣衣使者</span>江充专治巫蛊大案，动辄诛连数千人。你深知父皇晚年最恨之事，便是“巫蛊”——以木偶人埋于地下，祝诅君主或他人。</p ><p><strong>关于巫蛊之祸：</strong>征和元年，丞相公孙贺父子因巫蛊之罪名下狱死，其女诸邑公主、阳石公主同被诛。此后数月，朝野人人自危。你虽为太子，亦不敢多言，唯恐引火烧身。</p ><p><strong>关于江充：</strong>此人原是赵国游侠，因告发赵太子而起家，现为绣衣使者，执法严酷。你曾因礼制之事责备过他的属官，他因此与你结怨。你隐隐感到，他正在暗中针对你。母后卫子夫也多次提醒你：“此人若得势，必害我儿。”</p ><p><strong>关于母后：</strong>母后已年过花甲，圣眷日衰。但她毕竟是三十八年的皇后，宫中仍有耳目。她曾在私下请过巫女为父皇祈福——若被江充攀扯为“媚道”或“诅咒”，便是死罪。这件事，只有你与母后的心腹宫女知道。</p ><p><strong>你的信念：</strong>你不想反，也不能反。你是太子，是大汉的继承人。你只愿自证清白，等到父皇回心转意的那一天。但你不知道——那一天是否还会到来。</p ></div><h2>征和二年，八月初九</h2><p>时辰：黄昏。地点：东宫，太子书房。</p ><p>你独坐案前，夕阳从棂窗斜射进来，将竹简的影子拉得很长。案上摊着一卷《春秋》，你已经看了半个时辰，却一个字也没有读进去。</p ><p>门外传来细碎的脚步声。是你熟悉的声音——妻子史良娣端着漆盘进来，盘上是一碗温热的羹汤。</p ><p>史良娣（轻声）： “殿下，晚膳尚未备好，先喝口汤吧。你已一日未进食了。”</p ><p>你抬起头，看见她眼中藏着一丝忧虑。你接过汤碗，却没有喝。</p ><p>你（低声）： “良娣，今日朝中又有消息——御史大夫暴胜之奏请陛下，于宫中全面搜查巫蛊之物。江充领了此命。”</p ><p>史良娣（神色微变）： “殿下，妾身有件事……不得不告诉你。”</p ><p>她将漆盘放在一旁，从袖中取出一块粗布，缓缓展开。布上是一只桐木偶人，三寸来长，人形面目依稀可辨，额头刻着一个字——“彻”。你的血瞬间冷了。</p ><p>你（压低声音，极力克制）： “这东西……从哪里来的？”</p ><p>史良娣（声音发颤）： “今日午后，东宫后苑的花圃边。是一个洒扫的小太监发现的，他不敢声张，偷偷交给了妾身的侍女。殿下，这绝不是我们东宫的东西。有人……有人将它埋在了这里。”</p ><p>你握住那只木偶，指节发白。你当然明白这意味着什么——有人要陷害你行巫蛊、诅咒君父。 而这个人，很大概率就是江充。</p ><p>你（沉声）： “那个小太监在何处？”史良娣： “妾身已将他安置在后厢，由侍女看守。此事只你我二人知晓。”你点了点头，将木偶收入袖中。天色更暗了，书房里没有点灯，你们二人就这样坐在昏暗中，彼此都能听到对方的呼吸。你（心中暗想）：父皇病重，多疑大怒，若此物被江充搜出，我与母后、良娣、甚至整个东宫上下，皆无活路。我必须……抢在搜查之前，将它销毁，或者查出是谁埋下的。就在这时，门外传来宦官尖细的通传声——“黄门苏文，奉陛下之命，前来传话。”你与史良娣对视一眼，她默默起身，退入内室。你整理衣冠，命人掌灯，然后端坐于案后，朗声道：“进来。”苏文低头趋步入内。他穿着深青色宦者袍服，面色苍白，额角似乎微微冒汗。他行了一礼，开口道：苏文： “太子殿下，陛下口谕：江充使者将奉诏于三日内搜查诸宫苑，以清巫蛊之祟。东宫亦在其列，请殿下预为准备。”你的心猛然一沉。三日后……这么快。你（不动声色）： “父皇圣安否？病情可有起色？”苏文（略微迟疑）： “陛下……仍在甘泉宫静养。近日神思不佳，江充、韩说等常在御前奏事。”他抬起头，飞快地看了你一眼。那一眼里有某种复杂的情绪——像是怜悯，又像是恐惧。然后他立刻垂下眼睛，后退一步。苏文： “殿下，话已传到。奴婢告退。”你（忽然叫住他）： “苏文，你服侍父皇多少年了？”苏文（身体微微一僵）： “回殿下……二十三年。”你（缓缓道）： “二十三年，不短了。你可知道，在父皇身边伺候，最重要的一件事是什么？”苏文（不敢回答）： “奴婢……愚钝。”你（意味深长）： “是‘看清楚’。什么人该信，什么人不该信。有时候，一个宦官的一句话，就能决定几百人的生死。”你顿了顿，压低声音：“你也一样。”苏文的肩膀似乎颤抖了一下。他没有说话，只是深深一揖，然后匆匆退出书房。你看着他的背影消失在廊下，心中浮起一个念头：苏文此人，素来圆滑，从不主动得罪任何人。他今日那一眼……是在向我示警？还是故意为之？书房重归寂静。你从袖中再次取出那只桐木偶人，借着烛火反复端详。木料是寻常桐木，刻工粗糙，不似宫中匠人所为。那个“彻”字歪歪斜斜，像是慌乱中刻就。</p ><h3>你（脑海中浮现几种可能）</h3><div><button class="choice-btn" onclick="toggleChoice('option1')">可能一</button><div id="option1" class="choice-text">这是江充派人秘密埋入东宫的，只等三日后搜查时“发现”。</div><button class="choice-btn" onclick="toggleChoice('option2')">可能二</button><div id="option2" class="choice-text">这是钩弋夫人一党所为，意在废长立幼。</div><button class="choice-btn" onclick="toggleChoice('option3')">可能三</button><div id="option3" class="choice-text">也有极小可能——是东宫内某个别有用心之人所为，但你的属官和侍从大多跟随你多年，你不愿怀疑他们。</div></div><p>你忽然想起一个人——按道侯韩说。他是江充的得力助手，曾参与诛杀公孙贺。此人擅长刑讯，据说能从死人嘴里问出话来。如果三日后由他带人搜查……你感到一阵彻骨的寒意。这时，你的贴身侍从在门外轻声道：“殿下，皇后娘娘遣人送来一封信。”你接过竹简，展开。是你母后熟悉的字迹，笔锋有些颤抖：“据儿，听闻江充将查东宫。母已年老，不足惜，唯望你与良娣、进儿保全。宫中近日有异动，钩弋夫人曾召方士入内殿，此事尚未有人举发。若事急，可持母所赠之玉佩面见陛下。母在长秋宫，你可随时来。”你将竹简在烛火上烧掉，看着它化为灰烬。夜已深。你必须在今晚做出决定。三日后江充就会来搜查东宫，而那只木偶只是一个开始——你几乎可以确信，对方不止埋了这一处。你面临三个选择（请在你的角色日志中记下你的选择）：此外，你还持有两件特殊之物（可在后续使用）：1. 皇后所赠玉佩：你母后当年受宠时，父皇亲手赐予的龙凤玉佩。据母后说，若你危在旦夕呈此物面圣，父皇或许会念及旧情。2. 东宫卫队调令权：你是太子，理论上可调动东宫卫队和部分宫中守卫。但动用武力是最后的选择——那意味着“反”，你不到万不得已，绝不走这条路。以下是你在第一幕中对其他四位角色的已知信息：· 卫子夫（母后）：你的母亲，深爱你，也深惧父皇。她手中可能握有钩弋夫人行“媚道”的证据。你相信她无论如何不会害你。· 史良娣（妻子）：温柔而坚韧，是你唯一可以说真话的人。她发现的木偶是第一幕最重要的线索。她似乎还知道一些东宫仆役间的流言，但你还没来得及细问。· 江充：你的死敌。第一幕中你没有与他直接见面，但你知道他正在步步紧逼。他的动机也非常清楚——一旦你登基，他必死。所以他要先置你于死地。· 苏文：父皇身边的黄门宦官，今夜传话时神色异常。他可能是个可以争取的对象，也可能是江充安插的眼线。你需要进一步试探。</p ><h3>第一幕结束前的抉择</h3><p>请选择你的行动：</p ><div><button class="choice-btn" onclick="toggleChoice('choiceA')">选择甲</button><div id="choiceA" class="choice-text">连夜前往长秋宫，与母后商议对策。母后宫中或许有更详细的情报，也能为你提供庇护和援手。但父皇若知道你深夜入后宫，可能会起疑，且江充耳目众多，行踪未必保密。</div><button class="choice-btn" onclick="toggleChoice('choiceB')">选择乙</button><div id="choiceB" class="choice-text">主动派人前往甘泉宫，向父皇呈递辩白书，并附上这只木偶作为证据。这能显示你的坦荡，或许能赢得父皇的信任。但风险极大：若父皇此时已被江充蛊惑，你的辩白可能被视作“心虚”，反而加速灾难。</div><button class="choice-btn" onclick="toggleChoice('choiceC')">选择丙</button><div id="choiceC" class="choice-text">不动声色，暗中调查东宫还有多少可疑物品，并提前销毁。同时联络亲近的朝臣（如太子少傅石德），以备不测。这是最稳妥的保全之法，但若事后有人告发你“毁证灭迹”，便成铁证。</div></div><div id="tooltip" class="tooltip">绣衣使者是汉武帝时期设立的督查官员，别称绣衣御史、直指绣衣使者或绣衣执法，因身着绣衣、持节杖虎符代行皇权而得名。该官职最早见于元鼎二年（前115年），作为御史属官直接受命于皇帝，主要负责监察官员不法行为及镇压农民起义，初期以“讨奸”“治狱”为主要职责。汉武帝为应对社会矛盾激化，派遣绣衣使者执行"沉命法"严惩失职官员，并授予其处置起义民众的特殊权力。王莽掌权后将其改称绣衣执法，制度沿用至新莽时期。该官职设置对后世监察制度产生影响，明代锦衣卫的职能设计部分参考其模式。</div><script>function showTooltip(event) {    const tooltip = document.getElementById('tooltip');    tooltip.style.display = 'block';    tooltip.style.left = event.pageX + 10 + 'px';    tooltip.style.top = event.pageY + 10 + 'px';}document.addEventListener('click', function(e) {    const tooltip = document.getElementById('tooltip');    if (!e.target.classList.contains('highlight')) {        tooltip.style.display = 'none';    }});function toggleChoice(id) {    const el = document.getElementById(id);    el.style.display = el.style.display === 'block' ? 'none' : 'block';}</script></body></html>]]></content>
    
    
    <summary type="html">昔贼臣江充造构谗逆，倾覆戾园，孝武久乃觉寤，虽追前失，悔之何及。——张皓</summary>
    
    
    
    <category term="风起未央" scheme="https://www.starmiu.top/categories/%E9%A3%8E%E8%B5%B7%E6%9C%AA%E5%A4%AE/"/>
    
    
    <category term="刘据" scheme="https://www.starmiu.top/tags/%E5%88%98%E6%8D%AE/"/>
    
  </entry>
  
  <entry>
    <title>杨贵妃</title>
    <link href="https://www.starmiu.top/posts/79dd82cb.html"/>
    <id>https://www.starmiu.top/posts/79dd82cb.html</id>
    <published>2025-06-23T11:58:02.000Z</published>
    <updated>2026-05-12T11:26:36.557Z</updated>
    
    <content type="html"><![CDATA[<p>天宝十四年，贵妃诞辰夜。<br>你,深吸一口气，空气中弥漫着醉人的甜香——那是岭南荔枝的鲜甜、波斯进贡的龙涎香，还有亭外千株牡丹在夜露中悄然绽放的馥郁。沉香亭，这用天下至宝堆砌的仙境，此刻灯火通明，恍如白昼。琉璃盏折射着烛火，映得亭内金碧辉煌；汉白玉栏杆外，太液池波光粼粼，倒映着漫天星斗与宫阙连绵的剪影，当真应了那句“骊宫高处入青云”。丝竹管弦之声如暖风拂面，缭绕不绝，正是“仙乐风飘处处闻”的极盛光景。今夜，是你的诞辰，更是三郎为你铺就的极乐之宴。<br>你身着新制的霓裳羽衣，轻纱如云霞缭绕，金线绣成的凤凰在步履移动间流光溢彩，仿佛随时要振翅飞去。万千目光聚焦于你，有艳羡，有敬畏，更有那高踞御座之上、你此生唯一倾心之人——皇帝李隆基，投来的炽热与痴迷。他放下帝王威仪，像个意气风发的少年郎，亲自为你击打羯鼓。那鼓点时而急促如骤雨，时而缠绵如私语，精准地牵引着你每一个旋转、每一个回眸。<br>李隆基：“玉奴！此曲此舞，唯你可配！看这满园牡丹，皆因你失色！”<br>你莞尔一笑，旋身间广袖飞扬，如云卷云舒。然而，就在这极致的欢愉中，一丝不易察觉的阴翳悄然掠过心头。你眼角的余光，捕捉到了那个庞大如山的身影——范阳、平卢、河东三镇节度使，安禄山。他正随着鼓点，笨拙却卖力地跳着胡旋舞。他那身紧绷的锦袍几乎要被贲张的肌肉撑裂，脸上堆砌着谄媚至极的笑容，口中高呼着“母妃万寿”。<br>安禄山向你恭恭敬敬地行礼“儿臣安禄山，恭祝母妃娘娘芳龄永继，福泽绵长！愿为母妃舞此胡旋，博娘娘一笑！”<br>他的舞步沉重，每一次跺地都仿佛让亭台微微震颤。那过分夸张的恭敬之下，你似乎瞥见他低垂的眼睑中，一闪而过的野望与冰冷。那眼神，不像儿子看母亲，更像…像一头盯着猎物的猛兽，在衡量着眼前的繁华何时能落入爪牙。一丝不安，如同池水中的涟漪，在你心底悄然扩散开去。<br>就在你舞至御座前，与三郎目光相接，他眼中是毫不掩饰的赞叹与情意时，你敏锐地注意到御座旁侍立的老内侍——高力士。这位服侍三郎数十载、最得信任的心腹，此刻的脸色却异常凝重。他手中紧紧捏着一卷小小的、带着风尘痕迹的纸卷，指节因用力而泛白。他几次微微抬头，眼神焦灼地望向正沉醉于你舞姿中的皇帝，嘴唇翕动，似乎想说什么，却又在接触到宴会奢靡升腾的热浪和你与皇帝之间流转的情意时，硬生生咽了回去。他的眉头紧锁，额角甚至渗出了细密的汗珠，与这满堂欢庆格格不入。<br>你的心，莫名地揪紧了一下。高力士的犹豫和那纸卷的沉重感，像一块小小的冰，投入了这滚烫的盛宴琼浆之中。是什么消息，能让这位泰山崩于前而色不变的老人如此失态？与安禄山有关吗？与那遥远边境上隐约传来的、被丝竹声掩盖的铁蹄声有关吗？<br>舞步未停，你依旧在旋转，霓裳羽衣绽放着无与伦比的光华。三郎的鼓点越来越急，越来越欢快，周围是震耳欲聋的喝彩与恭维。牡丹的香气浓郁得几乎令人窒息，美酒的醇厚在舌尖化开。这一切，都构筑着世间最完美的幻梦。<br>然而，你却清晰地感觉到，脚下这看似坚不可摧的锦绣江山，这云端之上的无上荣宠，仿佛… 仿佛正随着安禄山那沉重的舞步和胡旋掀起的风，在微微晃动。那来自高力士手中的、被强行按下的秘密，如同一根无形的丝线，悄然缠绕上你的脚踝，隐隐预示着某种即将到来的、无法抗拒的…坠落。盛宴正酣，仙乐飘飘，可你耳中，除了羯鼓，似乎还捕捉到一丝遥远的、沉闷的……渔阳鼙鼓的幻听？</p><p>本阶段任务：<br>搞清楚发生了什么，高力士为什么表情凝重。</p>]]></content>
    
    
    <summary type="html">回眸一笑百媚生，六宫粉黛无颜色——白居易</summary>
    
    
    
    <category term="长恨歌" scheme="https://www.starmiu.top/categories/%E9%95%BF%E6%81%A8%E6%AD%8C/"/>
    
    
    <category term="杨贵妃" scheme="https://www.starmiu.top/tags/%E6%9D%A8%E8%B4%B5%E5%A6%83/"/>
    
  </entry>
  
  <entry>
    <title>Markdown语法与外挂标签写法汇总</title>
    <link href="https://www.starmiu.top/posts/45fcd2bb.html"/>
    <id>https://www.starmiu.top/posts/45fcd2bb.html</id>
    <published>2025-06-12T01:12:50.000Z</published>
    <updated>2026-05-12T14:32:16.697Z</updated>
    
    <content type="html"><![CDATA[<script async src="https://npm.elemecdn.com/tzy-blog/lib/js/other/sakura.js"></script><h1 id="1-Markdown语法自带格式"><a href="#1-Markdown语法自带格式" class="headerlink" title="1.Markdown语法自带格式"></a>1.Markdown语法自带格式</h1><div class="note info flat"><p>参考：<a href="https://blog.csdn.net/u014061630/article/details/81359144">Markdown语法图文全面详解(10分钟学会)</a></p></div><div class="note warning flat"><p>注意：此页面偶尔会存在CSS冲突问题!</p></div><h2 id="1-1-代码块"><a href="#1-1-代码块" class="headerlink" title="1.1 代码块"></a>1.1 代码块</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">\```shell</span><br><span class="line"><span class="meta prompt_"># </span><span class="language-bash">VSCode终端</span></span><br><span class="line">hexo clean; hexo s</span><br><span class="line">hexo clean; hexo g; hexo d</span><br><span class="line">git add .; git commit -m &quot;npm publish&quot;; npm version patch; </span><br><span class="line">git push</span><br><span class="line"><span class="meta prompt_"></span></span><br><span class="line"><span class="meta prompt_"># </span><span class="language-bash">Cmder终端</span></span><br><span class="line">hexo clean &amp;&amp; hexo s</span><br><span class="line">hexo clean &amp;&amp; hexo g &amp;&amp; hexo d</span><br><span class="line">git add . &amp;&amp; git commit -m &quot;npm publish&quot; &amp;&amp; npm version patch</span><br><span class="line">git push</span><br><span class="line">\```</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight shell"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta prompt_"># </span><span class="language-bash">VSCode终端</span></span><br><span class="line">hexo clean; hexo s</span><br><span class="line">hexo clean; hexo g; hexo d</span><br><span class="line">git add .; git commit -m &quot;npm publish&quot;; npm version patch; </span><br><span class="line">git push</span><br><span class="line"><span class="meta prompt_"></span></span><br><span class="line"><span class="meta prompt_"># </span><span class="language-bash">Cmder终端</span></span><br><span class="line">hexo clean &amp;&amp; hexo s</span><br><span class="line">hexo clean &amp;&amp; hexo g &amp;&amp; hexo d</span><br><span class="line">git add . &amp;&amp; git commit -m &quot;npm publish&quot; &amp;&amp; npm version patch</span><br><span class="line">git push</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="1-2-多级标题"><a href="#1-2-多级标题" class="headerlink" title="1.2 多级标题"></a>1.2 多级标题</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="section"># H1</span></span><br><span class="line"><span class="section">## H2</span></span><br><span class="line"><span class="section">### H3</span></span><br><span class="line"><span class="section">#### H4</span></span><br><span class="line"><span class="section">##### H5</span></span><br><span class="line"><span class="section">###### H6</span></span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><p>见本文章标题!</p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="1-3-文字样式"><a href="#1-3-文字样式" class="headerlink" title="1.3 文字样式"></a>1.3 文字样式</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">u</span>&gt;</span></span>下划线演示<span class="language-xml"><span class="tag">&lt;/<span class="name">u</span>&gt;</span></span></span><br><span class="line"></span><br><span class="line">文字<span class="strong">**加粗**</span>演示</span><br><span class="line"></span><br><span class="line">文字<span class="emphasis">*斜体*</span>演示</span><br><span class="line"></span><br><span class="line">文本<span class="code">`高亮`</span>演示</span><br><span class="line"></span><br><span class="line">文本~~删除~~线演示</span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">font</span> <span class="attr">size</span> = <span class="string">5</span>&gt;</span></span>5号字<span class="language-xml"><span class="tag">&lt;/<span class="name">font</span>&gt;</span></span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">font</span> <span class="attr">face</span>=<span class="string">&quot;黑体&quot;</span>&gt;</span></span>黑体<span class="language-xml"><span class="tag">&lt;/<span class="name">font</span>&gt;</span></span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">font</span> <span class="attr">color</span>=<span class="string">blue</span>&gt;</span></span>蓝色<span class="language-xml"><span class="tag">&lt;/<span class="name">font</span>&gt;</span></span></span><br><span class="line"></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">table</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;<span class="name">tr</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;<span class="name">td</span> <span class="attr">bgcolor</span>=<span class="string">MistyRose</span>&gt;</span></span>这里的背景色是：MistyRosen，此处输入任意想输入的内容<span class="language-xml"><span class="tag">&lt;/<span class="name">td</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;/<span class="name">tr</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;/<span class="name">table</span>&gt;</span></span></span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><p><u>下划线演示</u></p><p>文字<strong>加粗</strong>演示</p><p>文字<em>斜体</em>演示</p><p>文本<code>高亮</code>演示</p><p>文本<del>删除</del>线演示</p><font size = 5>5号字</font><font face="黑体">黑体</font><font color=blue>蓝色</font><table><tr><td bgcolor=MistyRose>这里的背景色是：MistyRosen，此处输入任意想输入的内容</td></tr></table><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><div class="note info flat"><p>上述要点可参考:<a href="https://blog.csdn.net/qq_43732429/article/details/108034518">【Markdown语法】字体颜色大小及文字底色设置</a></p></div><h2 id="1-4-引用"><a href="#1-4-引用" class="headerlink" title="1.4 引用"></a>1.4 引用</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"><span class="quote">&gt;  Java</span></span><br><span class="line"><span class="quote">&gt; 二级引用演示</span></span><br><span class="line"><span class="quote">&gt; MySQL</span></span><br><span class="line"><span class="quote">&gt; &gt;外键</span></span><br><span class="line"><span class="quote">&gt; &gt;</span></span><br><span class="line"><span class="quote">&gt; &gt;事务</span></span><br><span class="line"><span class="quote">&gt; &gt;</span></span><br><span class="line"><span class="quote">&gt; &gt;<span class="strong">**行级锁**</span>(引用内部一样可以用格式)</span></span><br><span class="line"><span class="quote">&gt; </span></span><br><span class="line"><span class="quote">&gt; ....</span></span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><blockquote><p> Java<br>二级引用演示<br>MySQL</p><blockquote><p>外键</p><p>事务</p><p><strong>行级锁</strong>(引用内部一样可以用格式)</p></blockquote><p>….</p></blockquote><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="1-5-分割线"><a href="#1-5-分割线" class="headerlink" title="1.5 分割线"></a>1.5 分割线</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">---</span><br><span class="line"><span class="strong">**<span class="emphasis">*</span></span></span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><hr><hr><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="1-6-列表-跟空格都可以"><a href="#1-6-列表-跟空格都可以" class="headerlink" title="1.6 列表(*,+,-跟空格都可以)"></a>1.6 列表(*,+,-跟空格都可以)</h2><h3 id="1-6-1-无序列表"><a href="#1-6-1-无序列表" class="headerlink" title="1.6.1 无序列表"></a>1.6.1 无序列表</h3><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">*</span> Java</span><br><span class="line"><span class="bullet">*</span> Python</span><br><span class="line"><span class="bullet">*</span> ...</span><br><span class="line"></span><br><span class="line"><span class="bullet">+</span> Java</span><br><span class="line"><span class="bullet">+</span> Python</span><br><span class="line"><span class="bullet">+</span> ...</span><br><span class="line"></span><br><span class="line"><span class="bullet">-</span> Java</span><br><span class="line"><span class="bullet">-</span> Python</span><br><span class="line"><span class="bullet">-</span> ...</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ul><li>Java</li><li>Python</li><li>…</li></ul><ul><li>Java</li><li>Python</li><li>…</li></ul><ul><li>Java</li><li>Python</li><li>…</li></ul><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h3 id="1-6-2-有序列表"><a href="#1-6-2-有序列表" class="headerlink" title="1.6.2 有序列表"></a>1.6.2 有序列表</h3><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="section"># 注意后面有空格</span></span><br><span class="line"><span class="bullet">1.</span> </span><br><span class="line"><span class="bullet">2.</span> </span><br><span class="line"><span class="bullet">3.</span> </span><br><span class="line"><span class="bullet">4.</span> </span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li></li><li></li><li></li><li></li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="1-7-图片"><a href="#1-7-图片" class="headerlink" title="1.7 图片"></a>1.7 图片</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="section"># 本地图片</span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">&quot;/assets/pusheencode.webp&quot;</span> <span class="attr">alt</span>=<span class="string">&quot;示例图片&quot;</span> <span class="attr">style</span>=<span class="string">&quot;zoom:50%;&quot;</span> /&gt;</span></span></span><br><span class="line"><span class="section"># 在线图片</span></span><br><span class="line">![<span class="string">code</span>](<span class="link">https://cdn.jsdelivr.net/gh/fomalhaut1998/markdown_pic/img/code.png</span>)</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><p>本地图片:<br><img src="/assets/pusheencode.webp" alt="示例图片" style="zoom:50%;" /><br>在线图片:<br><img src="https://cdn.jsdelivr.net/gh/fomalhaut1998/markdown_pic/img/code.png" alt="code"></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="1-8-表格"><a href="#1-8-表格" class="headerlink" title="1.8 表格"></a>1.8 表格</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">| 项目标号 | 资金     | 备注 |</span><br><span class="line">| -------- | -------- | ---- |</span><br><span class="line">| 1        | 100，000 | 无   |</span><br><span class="line">| 2        | 200，000 | 无   |</span><br><span class="line">| 3        | 300,600  | 重要 |</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><div class="table-container"><table><thead><tr><th>项目标号</th><th>资金</th><th>备注</th></tr></thead><tbody><tr><td>1</td><td>100，000</td><td>无</td></tr><tr><td>2</td><td>200，000</td><td>无</td></tr><tr><td>3</td><td>300,600</td><td>重要</td></tr></tbody></table></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="1-9-公式"><a href="#1-9-公式" class="headerlink" title="1.9 公式"></a>1.9 公式</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">$$</span><br><span class="line">\Gamma(z)=\int<span class="emphasis">_0^\infty t^&#123;z-1&#125;e^&#123;-t&#125;dt.</span></span><br><span class="line"><span class="emphasis">$$</span></span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><script type="math/tex; mode=display">\Gamma(z)=\int_0^\infty t^{z-1}e^{-t}dt.</script><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h1 id="2-Butterfly外挂标签"><a href="#2-Butterfly外挂标签" class="headerlink" title="2.Butterfly外挂标签"></a>2.Butterfly外挂标签</h1><div class="note info flat"><p>这部分参考安知鱼:<a href="https://anzhiy.cn/posts/7d58.html">基于Butterfly的外挂标签引入</a></p></div><h2 id="2-1-行内文本样式-text"><a href="#2-1-行内文本样式-text" class="headerlink" title="2.1 行内文本样式 text"></a>2.1 行内文本样式 text</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-3">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">&#123;% u 文本内容 %&#125;</span><br><span class="line">&#123;% emp 文本内容 %&#125;</span><br><span class="line">&#123;% wavy 文本内容 %&#125;</span><br><span class="line">&#123;% del 文本内容 %&#125;</span><br><span class="line">&#123;% kbd 文本内容 %&#125;</span><br><span class="line">&#123;% psw 文本内容 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">1.</span> 带 &#123;% u 下划线 %&#125; 的文本</span><br><span class="line"><span class="bullet">2.</span> 带 &#123;% emp 着重号 %&#125; 的文本</span><br><span class="line"><span class="bullet">3.</span> 带 &#123;% wavy 波浪线 %&#125; 的文本</span><br><span class="line"><span class="bullet">4.</span> 带 &#123;% del 删除线 %&#125; 的文本</span><br><span class="line"><span class="bullet">5.</span> 键盘样式的文本 &#123;% kbd command %&#125; + &#123;% kbd D %&#125;</span><br><span class="line"><span class="bullet">6.</span> 密码样式的文本：&#123;% psw 这里没有验证码 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><ol><li>带 <u>下划线</u> 的文本</li><li>带 <emp>着重号</emp> 的文本</li><li>带 <wavy>波浪线</wavy> 的文本</li><li>带 <del>删除线</del> 的文本</li><li>键盘样式的文本 <kbd>command</kbd> + <kbd>D</kbd></li><li>密码样式的文本：<psw>这里没有验证码</psw></li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-2-行内文本-span"><a href="#2-2-行内文本-span" class="headerlink" title="2.2 行内文本 span"></a>2.2 行内文本 span</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% span 样式参数(参数以空格划分), 文本内容 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>字体</code>: logo, code</li><li><code>颜色</code>: red,yellow,green,cyan,blue,gray</li><li><code>大小</code>: small, h4, h3, h2, h1, large, huge, ultra</li><li><code>对齐方向</code>: left, center, right</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">-</span> 彩色文字</span><br><span class="line">在一段话中方便插入各种颜色的标签，包括：&#123;% span red, 红色 %&#125;、&#123;% span yellow, 黄色 %&#125;、&#123;% span green, 绿色 %&#125;、&#123;% span cyan, 青色 %&#125;、&#123;% span blue, 蓝色 %&#125;、&#123;% span gray, 灰色 %&#125;。</span><br><span class="line"><span class="bullet">-</span> 超大号文字</span><br><span class="line">文档「开始」页面中的标题部分就是超大号文字。</span><br><span class="line">&#123;% span center logo large, Volantis %&#125;</span><br><span class="line">&#123;% span center small, A Wonderful Theme for Hexo %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><ul><li>彩色文字<br>在一段话中方便插入各种颜色的标签，包括：<span class='p red'>红色</span>、<span class='p yellow'>黄色</span>、<span class='p green'>绿色</span>、<span class='p cyan'>青色</span>、<span class='p blue'>蓝色</span>、<span class='p gray'>灰色</span>。</li><li>超大号文字<br>文档「开始」页面中的标题部分就是超大号文字。<br><span class='p center logo large'>Volantis</span><br><span class='p center small'>A Wonderful Theme for Hexo</span></li></ul><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-3-段落文本-p"><a href="#2-3-段落文本-p" class="headerlink" title="2.3 段落文本 p"></a>2.3 段落文本 p</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% p 样式参数(参数以空格划分), 文本内容 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>字体</code>: logo, code</li><li><code>颜色</code>: red,yellow,green,cyan,blue,gray</li><li><code>大小</code>: small, h4, h3, h2, h1, large, huge, ultra</li><li><code>对齐方向</code>: left, center, right</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="bullet">-</span> 彩色文字</span><br><span class="line">在一段话中方便插入各种颜色的标签，包括：&#123;% p red, 红色 %&#125;、&#123;% p yellow, 黄色 %&#125;、&#123;% p green, 绿色 %&#125;、&#123;% p cyan, 青色 %&#125;、&#123;% p blue, 蓝色 %&#125;、&#123;% p gray, 灰色 %&#125;。</span><br><span class="line"><span class="bullet">-</span> 超大号文字</span><br><span class="line">文档「开始」页面中的标题部分就是超大号文字。</span><br><span class="line">&#123;% p center logo large, Volantis %&#125;</span><br><span class="line">&#123;% p center small, A Wonderful Theme for Hexo %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><ul><li>彩色文字<br>在一段话中方便插入各种颜色的标签，包括：<p class='p red'>红色</p>、<p class='p yellow'>黄色</p>、<p class='p green'>绿色</p>、<p class='p cyan'>青色</p>、<p class='p blue'>蓝色</p>、<p class='p gray'>灰色</p>。</li><li>超大号文字<br>文档「开始」页面中的标题部分就是超大号文字。<p class='p center logo large'>Volantis</p><p class='p center small'>A Wonderful Theme for Hexo</p></li></ul><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-4-引用note"><a href="#2-4-引用note" class="headerlink" title="2.4 引用note"></a>2.4 引用note</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">通用配置</button></li><li class="tab"><button type="button" data-href="#分栏-2">语法格式</button></li><li class="tab"><button type="button" data-href="#分栏-3">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-4">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-5">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">note:</span><br><span class="line">  # Note tag style values:</span><br><span class="line">  #  - simple    bs-callout old alert style. Default.</span><br><span class="line">  #  - modern    bs-callout new (v2-v3) alert style.</span><br><span class="line">  #  - flat      flat callout style with background, like on Mozilla or StackOverflow.</span><br><span class="line">  #  - disabled  disable all CSS styles import of note tag.</span><br><span class="line">  style: simple</span><br><span class="line">  icons: false</span><br><span class="line">  border<span class="emphasis">_radius: 3</span></span><br><span class="line"><span class="emphasis">  # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).</span></span><br><span class="line"><span class="emphasis">  # Offset also applied to label tag variables. This option can work with disabled note tag.</span></span><br><span class="line"><span class="emphasis">  light_</span>bg<span class="emphasis">_offset: 0</span></span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line"><span class="section"># 自带icon</span></span><br><span class="line">&#123;% note [class] [no-icon] [style] %&#125;</span><br><span class="line">Any content (support inline tags too.io).</span><br><span class="line">&#123;% endnote %&#125;</span><br><span class="line"><span class="section"># 外部icon</span></span><br><span class="line">&#123;% note [color] [icon] [style] %&#125;</span><br><span class="line">Any content (support inline tags too.io).</span><br><span class="line">&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.自带icon</p><div class="table-container"><table><thead><tr><th>参数</th><th style="text-align:center">用法</th></tr></thead><tbody><tr><td>class</td><td style="text-align:center">【可选】标识，不同的标识有不同的配色 （ default / primary / success / info / warning / danger ）</td></tr><tr><td>no-icon</td><td style="text-align:center">【可选】不显示 icon</td></tr><tr><td>style</td><td style="text-align:center">【可选】可以覆盖配置中的 style （simple/modern/flat/disabled）</td></tr></tbody></table></div><p>2.外部icon</p><div class="table-container"><table><thead><tr><th>参数</th><th style="text-align:center">用法</th></tr></thead><tbody><tr><td>class</td><td style="text-align:center">【可选】标识，不同的标识有不同的配色 （ default / blue / pink / red / purple / orange / green ）</td></tr><tr><td>no-icon</td><td style="text-align:center">【可选】可配置自定义 icon (只支持 fontawesome 图标, 也可以配置 no-icon )</td></tr><tr><td>style</td><td style="text-align:center">【可选】可以覆盖配置中的 style （simple/modern/flat/disabled）</td></tr></tbody></table></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><details class="folding-tag" blue><summary> 1.自带icon </summary>              <div class='content'>              <p>1.<code>simple</code>样式<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note simple %&#125;默认 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note default simple %&#125;default 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note primary simple %&#125;primary 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note success simple %&#125;success 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note info simple %&#125;info 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note warning simple %&#125;warning 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note danger simple %&#125;danger 提示块标签&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><br>2.<code>modern</code>样式<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note modern %&#125;默认 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note default modern %&#125;default 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note primary modern %&#125;primary 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note success modern %&#125;success 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note info modern %&#125;info 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note warning modern %&#125;warning 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note danger modern %&#125;danger 提示块标签&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure></p><p>3.<code>flat</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note flat %&#125;默认 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note default flat %&#125;default 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note primary flat %&#125;primary 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note success flat %&#125;success 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note info flat %&#125;info 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note warning flat %&#125;warning 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note danger flat %&#125;danger 提示块标签&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><p>4.<code>disabled</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note disabled %&#125;默认 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note default disabled %&#125;default 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note primary disabled %&#125;primary 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note success disabled %&#125;success 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note info disabled %&#125;info 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note warning disabled %&#125;warning 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note danger disabled %&#125;danger 提示块标签&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><p>5.<code>no-icon</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note no-icon %&#125;默认 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note default no-icon %&#125;default 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note primary no-icon %&#125;primary 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note success no-icon %&#125;success 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note info no-icon %&#125;info 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note warning no-icon %&#125;warning 提示块标签&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note danger no-icon %&#125;danger 提示块标签&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure>              </div>            </details><details class="folding-tag" blue><summary> 2.外部icon </summary>              <div class='content'>              <p>1.<code>simple</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note &#x27;fab fa-cc-visa&#x27; simple %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note blue &#x27;fas fa-bullhorn&#x27; simple %&#125;2021年快到了....&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note pink &#x27;fas fa-car-crash&#x27; simple %&#125;小心开车 安全至上&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note red &#x27;fas fa-fan&#x27; simple%&#125;这是三片呢？还是四片？&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note orange &#x27;fas fa-battery-half&#x27; simple %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note purple &#x27;far fa-hand-scissors&#x27; simple %&#125;剪刀石头布&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note green &#x27;fab fa-internet-explorer&#x27; simple %&#125;前端最讨厌的浏览器&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><p>2.<code>modern</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note &#x27;fab fa-cc-visa&#x27; modern %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note blue &#x27;fas fa-bullhorn&#x27; modern %&#125;2021年快到了....&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note pink &#x27;fas fa-car-crash&#x27; modern %&#125;小心开车 安全至上&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note red &#x27;fas fa-fan&#x27; modern%&#125;这是三片呢？还是四片？&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note orange &#x27;fas fa-battery-half&#x27; modern %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note purple &#x27;far fa-hand-scissors&#x27; modern %&#125;剪刀石头布&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note green &#x27;fab fa-internet-explorer&#x27; modern %&#125;前端最讨厌的浏览器&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><p>3.<code>flat</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note &#x27;fab fa-cc-visa&#x27; flat %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note blue &#x27;fas fa-bullhorn&#x27; flat %&#125;2021年快到了....&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note pink &#x27;fas fa-car-crash&#x27; flat %&#125;小心开车 安全至上&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note red &#x27;fas fa-fan&#x27; flat%&#125;这是三片呢？还是四片？&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note orange &#x27;fas fa-battery-half&#x27; flat %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note purple &#x27;far fa-hand-scissors&#x27; flat %&#125;剪刀石头布&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note green &#x27;fab fa-internet-explorer&#x27; flat %&#125;前端最讨厌的浏览器&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><p>4.<code>disabled</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note &#x27;fab fa-cc-visa&#x27; disabled %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note blue &#x27;fas fa-bullhorn&#x27; disabled %&#125;2021年快到了....&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note pink &#x27;fas fa-car-crash&#x27; disabled %&#125;小心开车 安全至上&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note red &#x27;fas fa-fan&#x27; disabled %&#125;这是三片呢？还是四片？&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note orange &#x27;fas fa-battery-half&#x27; disabled %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note purple &#x27;far fa-hand-scissors&#x27; disabled %&#125;剪刀石头布&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note green &#x27;fab fa-internet-explorer&#x27; disabled %&#125;前端最讨厌的浏览器&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure><p>5.<code>no-icon</code>样式</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% note no-icon %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note blue no-icon %&#125;2021年快到了....&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note pink no-icon %&#125;小心开车 安全至上&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note red no-icon %&#125;这是三片呢？还是四片？&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note orange no-icon %&#125;你是刷 Visa 还是 UnionPay&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note purple no-icon %&#125;剪刀石头布&#123;% endnote %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% note green no-icon %&#125;前端最讨厌的浏览器&#123;% endnote %&#125;</span><br></pre></td></tr></table></figure>              </div>            </details><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-5"><details class="folding-tag" blue><summary> 1.自带icon </summary>              <div class='content'>              <p>1.<code>simple</code>样式</p><div class="note simple"><p>默认 提示块标签</p></div><div class="note default simple"><p>default 提示块标签</p></div><div class="note primary simple"><p>primary 提示块标签</p></div><div class="note success simple"><p>success 提示块标签</p></div><div class="note info simple"><p>info 提示块标签</p></div><div class="note warning simple"><p>warning 提示块标签</p></div><div class="note danger simple"><p>danger 提示块标签</p></div>2.`modern`样式<div class="note modern"><p>默认 提示块标签</p></div><div class="note default modern"><p>default 提示块标签</p></div><div class="note primary modern"><p>primary 提示块标签</p></div><div class="note success modern"><p>success 提示块标签</p></div><div class="note info modern"><p>info 提示块标签</p></div><div class="note warning modern"><p>warning 提示块标签</p></div><div class="note danger modern"><p>danger 提示块标签</p></div><p>3.<code>flat</code>样式</p><div class="note flat"><p>默认 提示块标签</p></div><div class="note default flat"><p>default 提示块标签</p></div><div class="note primary flat"><p>primary 提示块标签</p></div><div class="note success flat"><p>success 提示块标签</p></div><div class="note info flat"><p>info 提示块标签</p></div><div class="note warning flat"><p>warning 提示块标签</p></div><div class="note danger flat"><p>danger 提示块标签</p></div><p>4.<code>disabled</code>样式</p><div class="note disabled"><p>默认 提示块标签</p></div><div class="note default disabled"><p>default 提示块标签</p></div><div class="note primary disabled"><p>primary 提示块标签</p></div><div class="note success disabled"><p>success 提示块标签</p></div><div class="note info disabled"><p>info 提示块标签</p></div><div class="note warning disabled"><p>warning 提示块标签</p></div><div class="note danger disabled"><p>danger 提示块标签</p></div><p>5.<code>no-icon</code>样式</p><div class="note no-icon flat"><p>默认 提示块标签</p></div><div class="note default no-icon flat"><p>default 提示块标签</p></div><div class="note primary no-icon flat"><p>primary 提示块标签</p></div><div class="note success no-icon flat"><p>success 提示块标签</p></div><div class="note info no-icon flat"><p>info 提示块标签</p></div><div class="note warning no-icon flat"><p>warning 提示块标签</p></div><div class="note danger no-icon flat"><p>danger 提示块标签</p></div>              </div>            </details><details class="folding-tag" blue><summary> 2.外部icon </summary>              <div class='content'>              <p>1.<code>simple</code>样式</p><div class="note icon-padding simple"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding simple"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding simple"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding simple"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding simple"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding simple"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding simple"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><p>2.<code>modern</code>样式</p><div class="note icon-padding modern"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding modern"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding modern"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding modern"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding modern"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding modern"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><p>3.<code>flat</code>样式</p><div class="note icon-padding flat"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding flat"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding flat"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding flat"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding flat"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding flat"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding flat"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><p>4.<code>disabled</code>样式</p><div class="note icon-padding disabled"><i class="note-icon fab fa-cc-visa"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue icon-padding disabled"><i class="note-icon fas fa-bullhorn"></i><p>2021年快到了….</p></div><div class="note pink icon-padding disabled"><i class="note-icon fas fa-car-crash"></i><p>小心开车 安全至上</p></div><div class="note red icon-padding disabled"><i class="note-icon fas fa-fan"></i><p>这是三片呢？还是四片？</p></div><div class="note orange icon-padding disabled"><i class="note-icon fas fa-battery-half"></i><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple icon-padding disabled"><i class="note-icon far fa-hand-scissors"></i><p>剪刀石头布</p></div><div class="note green icon-padding disabled"><i class="note-icon fab fa-internet-explorer"></i><p>前端最讨厌的浏览器</p></div><p>5.<code>no-icon</code>样式</p><div class="note no-icon flat"><p>你是刷 Visa 还是 UnionPay</p></div><div class="note blue no-icon flat"><p>2021年快到了….</p></div><div class="note pink no-icon flat"><p>小心开车 安全至上</p></div><div class="note red no-icon flat"><p>这是三片呢？还是四片？</p></div><div class="note orange no-icon flat"><p>你是刷 Visa 还是 UnionPay</p></div><div class="note purple no-icon flat"><p>剪刀石头布</p></div><div class="note green no-icon flat"><p>前端最讨厌的浏览器</p></div>              </div>            </details><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-5-上标标签-tip"><a href="#2-5-上标标签-tip" class="headerlink" title="2.5 上标标签 tip"></a>2.5 上标标签 tip</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tip [参数，可选] %&#125;文本内容&#123;% endtip %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>样式</code>: success,error,warning,bolt,ban,home,sync,cogs,key,bell</li><li><code>自定义图标</code>: 支持fontawesome。</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tip %&#125;default&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip info %&#125;info&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip success %&#125;success&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip error %&#125;error&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip warning %&#125;warning&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip bolt %&#125;bolt&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip ban %&#125;ban&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip home %&#125;home&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip sync %&#125;sync&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip cogs %&#125;cogs&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip key %&#125;key&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip bell %&#125;bell&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip fa-atom %&#125;自定义font awesome图标&#123;% endtip %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><div class="tip "><p>default</p></div><div class="tip info"><p>info</p></div><div class="tip success"><p>success</p></div><div class="tip error"><p>error</p></div><div class="tip warning"><p>warning</p></div><div class="tip bolt"><p>bolt</p></div><div class="tip ban"><p>ban</p></div><div class="tip home"><p>home</p></div><div class="tip sync"><p>sync</p></div><div class="tip cogs"><p>cogs</p></div><div class="tip key"><p>key</p></div><div class="tip bell"><p>bell</p></div><div class="tip fa-atom"><p>自定义font awesome图标</p></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-6-动态标签-anima"><a href="#2-6-动态标签-anima" class="headerlink" title="2.6 动态标签 anima"></a>2.6 动态标签 anima</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tip [参数，可选] %&#125;文本内容&#123;% endtip %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><div class="note info flat"><ol><li>将所需的CSS类添加到图标（或DOM中的任何元素）。</li><li>对于父级悬停样式，需要给目标元素添加指定CSS类，同时还要给目标元素的父级元素添加CSS类<code>faa-parent animated-hover</code>。（详情见示例及示例源码）<br>You can regulate the speed of the animation by adding the CSS class or . faa-fastfaa-slow</li><li>可以通过给目标元素添加CSS类<code>faa-fast</code>或<code>faa-slow</code>来控制动画快慢。</li></ol></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>   1.On DOM load（当页面加载时显示动画）</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tip warning faa-horizontal animated %&#125;warning&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip ban faa-flash animated %&#125;ban&#123;% endtip %&#125;</span><br></pre></td></tr></table></figure><p>2.调整动画速度<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tip warning faa-horizontal animated faa-fast %&#125;warning&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip ban faa-flash animated faa-slow %&#125;ban&#123;% endtip %&#125;</span><br></pre></td></tr></table></figure><br>3.On hover（当鼠标悬停时显示动画）<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tip warning faa-horizontal animated-hover %&#125;warning&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip ban faa-flash animated-hover %&#125;ban&#123;% endtip %&#125;</span><br></pre></td></tr></table></figure><br>4.On parent hover（当鼠标悬停在父级元素时显示动画）<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tip warning faa-parent animated-hover %&#125;<span class="language-xml"><span class="tag">&lt;<span class="name">p</span> <span class="attr">class</span>=<span class="string">&quot;faa-horizontal&quot;</span>&gt;</span></span>warning<span class="language-xml"><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span>&#123;% endtip %&#125;</span><br><span class="line">&#123;% tip ban faa-parent animated-hover %&#125;<span class="language-xml"><span class="tag">&lt;<span class="name">p</span> <span class="attr">class</span>=<span class="string">&quot;faa-flash&quot;</span>&gt;</span></span>ban<span class="language-xml"><span class="tag">&lt;/<span class="name">p</span>&gt;</span></span>&#123;% endtip %&#125;</span><br></pre></td></tr></table></figure></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.On DOM load（当页面加载时显示动画）</p><div class="tip warning faa-horizontal animated"><p>warning</p></div><div class="tip ban faa-flash animated"><p>ban</p></div>2.调整动画速度<div class="tip warning faa-horizontal animated faa-fast"><p>warning</p></div><div class="tip ban faa-flash animated faa-slow"><p>ban</p></div>3.On hover（当鼠标悬停时显示动画）<div class="tip warning faa-horizontal animated-hover"><p>warning</p></div><div class="tip ban faa-flash animated-hover"><p>ban</p></div>4.On parent hover（当鼠标悬停在父级元素时显示动画）<div class="tip warning faa-parent animated-hover"><p class="faa-horizontal">warning</p></div><div class="tip ban faa-parent animated-hover"><p class="faa-flash">ban</p></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-7-复选列表-checkbox"><a href="#2-7-复选列表-checkbox" class="headerlink" title="2.7 复选列表 checkbox"></a>2.7 复选列表 checkbox</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% checkbox 样式参数（可选）, 文本（支持简单md） %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>样式</code>: plus, minus, times</li><li><code>颜色</code>: red,yellow,green,cyan,blue,gray</li><li><code>选中状态</code>: checked</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">&#123;% checkbox 纯文本测试 %&#125;</span><br><span class="line">&#123;% checkbox checked, 支持简单的 [<span class="string">markdown</span>](<span class="link">https://guides.github.com/features/mastering-markdown/</span>) 语法 %&#125;</span><br><span class="line">&#123;% checkbox red, 支持自定义颜色 %&#125;</span><br><span class="line">&#123;% checkbox green checked, 绿色 + 默认选中 %&#125;</span><br><span class="line">&#123;% checkbox yellow checked, 黄色 + 默认选中 %&#125;</span><br><span class="line">&#123;% checkbox cyan checked, 青色 + 默认选中 %&#125;</span><br><span class="line">&#123;% checkbox blue checked, 蓝色 + 默认选中 %&#125;</span><br><span class="line">&#123;% checkbox plus green checked, 增加 %&#125;</span><br><span class="line">&#123;% checkbox minus yellow checked, 减少 %&#125;</span><br><span class="line">&#123;% checkbox times red checked, 叉 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><div class='checkbox'><input type="checkbox" />            <p>纯文本测试</p>            </div><div class='checkbox checked'><input type="checkbox" checked="checked"/>            <p>支持简单的 <a href="https://guides.github.com/features/mastering-markdown/">markdown</a> 语法</p>            </div><div class='checkbox red'><input type="checkbox" />            <p>支持自定义颜色</p>            </div><div class='checkbox green checked'><input type="checkbox" checked="checked"/>            <p>绿色 + 默认选中</p>            </div><div class='checkbox yellow checked'><input type="checkbox" checked="checked"/>            <p>黄色 + 默认选中</p>            </div><div class='checkbox cyan checked'><input type="checkbox" checked="checked"/>            <p>青色 + 默认选中</p>            </div><div class='checkbox blue checked'><input type="checkbox" checked="checked"/>            <p>蓝色 + 默认选中</p>            </div><div class='checkbox plus green checked'><input type="checkbox" checked="checked"/>            <p>增加</p>            </div><div class='checkbox minus yellow checked'><input type="checkbox" checked="checked"/>            <p>减少</p>            </div><div class='checkbox times red checked'><input type="checkbox" checked="checked"/>            <p>叉</p>            </div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-8-单选列表-radio"><a href="#2-8-单选列表-radio" class="headerlink" title="2.8 单选列表 radio"></a>2.8 单选列表 radio</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% radio 样式参数（可选）, 文本（支持简单md） %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>颜色</code>: red,yellow,green,cyan,blue,gray</li><li><code>选中状态</code>: checked</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">&#123;% radio 纯文本测试 %&#125;</span><br><span class="line">&#123;% radio checked, 支持简单的 [<span class="string">markdown</span>](<span class="link">https://guides.github.com/features/mastering-markdown/</span>) 语法 %&#125;</span><br><span class="line">&#123;% radio red, 支持自定义颜色 %&#125;</span><br><span class="line">&#123;% radio green, 绿色 %&#125;</span><br><span class="line">&#123;% radio yellow, 黄色 %&#125;</span><br><span class="line">&#123;% radio cyan, 青色 %&#125;</span><br><span class="line">&#123;% radio blue, 蓝色 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><div class='checkbox'><input type="radio" />            <p>纯文本测试</p>            </div><div class='checkbox checked'><input type="radio" checked="checked"/>            <p>支持简单的 <a href="https://guides.github.com/features/mastering-markdown/">markdown</a> 语法</p>            </div><div class='checkbox red'><input type="radio" />            <p>支持自定义颜色</p>            </div><div class='checkbox green'><input type="radio" />            <p>绿色</p>            </div><div class='checkbox yellow'><input type="radio" />            <p>黄色</p>            </div><div class='checkbox cyan'><input type="radio" />            <p>青色</p>            </div><div class='checkbox blue'><input type="radio" />            <p>蓝色</p>            </div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-9-时间轴-timeline"><a href="#2-9-时间轴-timeline" class="headerlink" title="2.9 时间轴 timeline"></a>2.9 时间轴 timeline</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br></pre></td><td class="code"><pre><span class="line">&#123;% timeline 时间线标题（可选）[,color] %&#125;</span><br><span class="line">&lt;!-- timeline 时间节点（标题） --&gt;</span><br><span class="line">正文内容</span><br><span class="line">&lt;!-- endtimeline --&gt;</span><br><span class="line">&lt;!-- timeline 时间节点（标题） --&gt;</span><br><span class="line">正文内容</span><br><span class="line">&lt;!-- endtimeline --&gt;</span><br><span class="line">&#123;% endtimeline %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>title</code>:标题/时间线</li><li><code>color</code>:<code>timeline</code>颜色:default(留空) / blue / pink / red / purple / orange / green</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br></pre></td><td class="code"><pre><span class="line">&#123;% timeline 时间轴样式,blue %&#125;</span><br><span class="line"></span><br><span class="line">&lt;!-- timeline 2020-07-24 [<span class="string">2.6.6 -&gt; 3.0</span>](<span class="link">https://github.com/volantis-x/hexo-theme-volantis/releases</span>) --&gt;</span><br><span class="line"></span><br><span class="line"><span class="bullet">1.</span> 如果有 <span class="code">`hexo-lazyload-image`</span> 插件，需要删除并重新安装最新版本，设置 <span class="code">`lazyload.isSPA: true`</span>。</span><br><span class="line"><span class="bullet">2.</span> 2.x 版本的 css 和 js 不适用于 3.x 版本，如果使用了 <span class="code">`use_cdn: true`</span> 则需要删除。</span><br><span class="line"><span class="bullet">3.</span> 2.x 版本的 fancybox 标签在 3.x 版本中被重命名为 gallery 。</span><br><span class="line"><span class="bullet">4.</span> 2.x 版本的置顶 <span class="code">`top: true`</span> 改为了 <span class="code">`pin: true`</span>，并且同样适用于 <span class="code">`layout: page`</span> 的页面。</span><br><span class="line"><span class="bullet">5.</span> 如果使用了 <span class="code">`hexo-offline`</span> 插件，建议卸载，3.0 版本默认开启了 pjax 服务。</span><br><span class="line"></span><br><span class="line">&lt;!-- endtimeline --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- timeline 2020-05-15 [<span class="string">2.6.3 -&gt; 2.6.6</span>](<span class="link">https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.6</span>) --&gt;</span><br><span class="line"></span><br><span class="line">不需要额外处理。</span><br><span class="line"></span><br><span class="line">&lt;!-- endtimeline --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- timeline 2020-04-20 [<span class="string">2.6.2 -&gt; 2.6.3</span>](<span class="link">https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.3</span>) --&gt;</span><br><span class="line"></span><br><span class="line"><span class="bullet">1.</span> 全局搜索 <span class="code">`seotitle`</span> 并替换为 <span class="code">`seo_title`</span>。</span><br><span class="line"><span class="bullet">2.</span> group 组件的索引规则有变，使用 group 组件的文章内，<span class="code">`group: group_name`</span> 对应的组件名必须是 <span class="code">`group_name`</span>。</span><br><span class="line"><span class="bullet">2.</span> group 组件的列表名优先显示文章的 <span class="code">`short_title`</span> 其次是 <span class="code">`title`</span>。</span><br><span class="line"></span><br><span class="line">&lt;!-- endtimeline --&gt;</span><br><span class="line"></span><br><span class="line">&#123;% endtimeline %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><div class="timeline blue"><div class='timeline-item headline'><div class='timeline-item-title'><div class='item-circle'><p>时间轴样式</p></div></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-07-24 <a href="https://github.com/volantis-x/hexo-theme-volantis/releases">2.6.6 -&gt; 3.0</a></p></div></div><div class='timeline-item-content'><ol><li>如果有 <code>hexo-lazyload-image</code> 插件，需要删除并重新安装最新版本，设置 <code>lazyload.isSPA: true</code>。</li><li>2.x 版本的 css 和 js 不适用于 3.x 版本，如果使用了 <code>use_cdn: true</code> 则需要删除。</li><li>2.x 版本的 fancybox 标签在 3.x 版本中被重命名为 gallery 。</li><li>2.x 版本的置顶 <code>top: true</code> 改为了 <code>pin: true</code>，并且同样适用于 <code>layout: page</code> 的页面。</li><li>如果使用了 <code>hexo-offline</code> 插件，建议卸载，3.0 版本默认开启了 pjax 服务。</li></ol></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-05-15 <a href="https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.6">2.6.3 -&gt; 2.6.6</a></p></div></div><div class='timeline-item-content'><p>不需要额外处理。</p></div></div><div class='timeline-item'><div class='timeline-item-title'><div class='item-circle'><p>2020-04-20 <a href="https://github.com/volantis-x/hexo-theme-volantis/releases/tag/2.6.3">2.6.2 -&gt; 2.6.3</a></p></div></div><div class='timeline-item-content'><ol><li>全局搜索 <code>seotitle</code> 并替换为 <code>seo_title</code>。</li><li>group 组件的索引规则有变，使用 group 组件的文章内，<code>group: group_name</code> 对应的组件名必须是 <code>group_name</code>。</li><li>group 组件的列表名优先显示文章的 <code>short_title</code> 其次是 <code>title</code>。</li></ol></div></div></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-10-链接卡片-link"><a href="#2-10-链接卡片-link" class="headerlink" title="2.10 链接卡片 link"></a>2.10 链接卡片 link</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-3">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% link 标题, 链接, 图片链接（可选） %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% link 糖果屋教程贴, https://akilar.top/posts/615e2dec/, https://cdn.cbd.int/akilar-candyassets@1.0.36/image/siteicon/favicon.ico %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><div class="tag link"><a class="link-card" title="糖果屋教程贴" href="https://akilar.top/posts/615e2dec/"><div class="left"><img src="https://cdn.cbd.int/akilar-candyassets@1.0.36/image/siteicon/favicon.ico"/></div><div class="right"><p class="text">糖果屋教程贴</p><p class="url">https://akilar.top/posts/615e2dec/</p></div></a></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-11-按钮-btns"><a href="#2-11-按钮-btns" class="headerlink" title="2.11 按钮 btns"></a>2.11 按钮 btns</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&#123;% btns 样式参数 %&#125;</span><br><span class="line">&#123;% cell 标题, 链接, 图片或者图标 %&#125;</span><br><span class="line">&#123;% cell 标题, 链接, 图片或者图标 %&#125;</span><br><span class="line">&#123;% endbtns %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li>圆角样式：rounded, circle</li><li>增加文字样式：可以在容器内增加 <code>&lt;b&gt;</code>标题<code>&lt;/b&gt;</code>和<code>&lt;p&gt;</code>描述文字<code>&lt;/p&gt;</code></li><li>布局方式：<br>默认为自动宽度，适合视野内只有一两个的情况。</li></ol><div class="table-container"><table><thead><tr><th>参数</th><th>含义</th></tr></thead><tbody><tr><td>wide</td><td>宽一点的按钮</td></tr><tr><td>fill</td><td>填充布局，自动铺满至少一行，多了会换行</td></tr><tr><td>center</td><td>居中，按钮之间是固定间距</td></tr><tr><td>around</td><td>居中分散</td></tr><tr><td>grid2</td><td>等宽最多2列，屏幕变窄会适当减少列数</td></tr><tr><td>grid3</td><td>等宽最多3列，屏幕变窄会适当减少列数</td></tr><tr><td>grid4</td><td>等宽最多4列，屏幕变窄会适当减少列数</td></tr><tr><td>grid5</td><td>等宽最多5列，屏幕变窄会适当减少列数</td></tr></tbody></table></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.如果需要显示类似「团队成员」之类的一组含有头像的链接</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">&#123;% btns circle grid5 %&#125;</span><br><span class="line">&#123;% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %&#125;</span><br><span class="line">&#123;% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %&#125;</span><br><span class="line">&#123;% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %&#125;</span><br><span class="line">&#123;% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %&#125;</span><br><span class="line">&#123;% cell xaoxuu, https://xaoxuu.com, https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png %&#125;</span><br><span class="line">&#123;% endbtns %&#125;</span><br></pre></td></tr></table></figure><p>2.或者含有图标的按钮<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&#123;% btns rounded grid5 %&#125;</span><br><span class="line">&#123;% cell 下载源码, /, fas fa-download %&#125;</span><br><span class="line">&#123;% cell 查看文档, /, fas fa-book-open %&#125;</span><br><span class="line">&#123;% endbtns %&#125;</span><br></pre></td></tr></table></figure></p><p>3.圆形图标 + 标题 + 描述 + 图片 + 网格5列 + 居中<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line">&#123;% btns circle center grid5 %&#125;</span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">&#x27;https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1&#x27;</span>&gt;</span></span></span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">&#x27;fab fa-apple&#x27;</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span></span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">b</span>&gt;</span></span>心率管家<span class="language-xml"><span class="tag">&lt;/<span class="name">b</span>&gt;</span></span></span><br><span class="line">  &#123;% p red, 专业版 %&#125;</span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">&#x27;https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/qrcode/heartmate_pro.png&#x27;</span>&gt;</span></span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;/<span class="name">a</span>&gt;</span></span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">&#x27;https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1&#x27;</span>&gt;</span></span></span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">i</span> <span class="attr">class</span>=<span class="string">&#x27;fab fa-apple&#x27;</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;/<span class="name">i</span>&gt;</span></span></span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">b</span>&gt;</span></span>心率管家<span class="language-xml"><span class="tag">&lt;/<span class="name">b</span>&gt;</span></span></span><br><span class="line">  &#123;% p green, 免费版 %&#125;</span><br><span class="line">  <span class="language-xml"><span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">&#x27;https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/qrcode/heartmate_lite.png&#x27;</span>&gt;</span></span></span><br><span class="line"><span class="language-xml"><span class="tag">&lt;/<span class="name">a</span>&gt;</span></span></span><br><span class="line">&#123;% endbtns %&#125;</span><br></pre></td></tr></table></figure></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.如果需要显示类似「团队成员」之类的一组含有头像的链接</p><div class="btns circle grid5">            <a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a><a class="button" href='https://xaoxuu.com' title='xaoxuu'><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/avatar/avatar.png'>xaoxuu</a>          </div>2.或者含有图标的按钮<div class="btns rounded grid5">            <a class="button" href='/' title='下载源码'><i class='fas fa-download'></i>下载源码</a><a class="button" href='/' title='查看文档'><i class='fas fa-book-open'></i>查看文档</a>          </div>3.圆形图标 + 标题 + 描述 + 图片 + 网格5列 + 居中<div class="btns circle center grid5">            <a href='https://apps.apple.com/cn/app/heart-mate-pro-hrm-utility/id1463348922?ls=1'>  <i class='fab fa-apple'></i>  <b>心率管家</b>  <p class='p red'>专业版</p>  <img src='https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/qrcode/heartmate_pro.png'></a><a href='https://apps.apple.com/cn/app/heart-mate-lite-hrm-utility/id1475747930?ls=1'>  <i class='fab fa-apple'></i>  <b>心率管家</b>  <p class='p green'>免费版</p>  <img src='https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/qrcode/heartmate_lite.png'></a>          </div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-12-github卡片-ghcard"><a href="#2-12-github卡片-ghcard" class="headerlink" title="2.12 github卡片 ghcard"></a>2.12 github卡片 ghcard</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% ghcard 用户名, 其它参数（可选） %&#125;</span><br><span class="line">&#123;% ghcard 用户名/仓库, 其它参数（可选） %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><p>使用<code>,</code>分割各个参数。写法为：<code>参数名=参数值</code><br>以下只写几个常用参数值。</p><div class="table-container"><table><thead><tr><th><strong>参数名</strong></th><th>取值</th><th>释义</th></tr></thead><tbody><tr><td>hide</td><td>stars,commits,prs,issues,contribs</td><td>隐藏指定统计</td></tr><tr><td>count_private</td><td>true</td><td>将私人项目贡献添加到总提交计数中</td></tr><tr><td>show_icons</td><td>true</td><td>显示图标</td></tr><tr><td>theme</td><td>查阅:<a href="https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md">Available Themes</a></td><td>主题</td></tr></tbody></table></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.用户信息卡片</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">| &#123;% ghcard fomalhaut1998 %&#125; | &#123;% ghcard fomalhaut1998, theme=vue %&#125; |</span><br><span class="line">| -- | -- |</span><br><span class="line">| &#123;% ghcard fomalhaut1998, theme=buefy %&#125; | &#123;% ghcard fomalhaut1998, theme=solarized-light %&#125; |</span><br><span class="line">| &#123;% ghcard fomalhaut1998, theme=onedark %&#125; | &#123;% ghcard fomalhaut1998, theme=solarized-dark %&#125; |</span><br><span class="line">| &#123;% ghcard fomalhaut1998, theme=algolia %&#125; | &#123;% ghcard fomalhaut1998, theme=calm %&#125; |</span><br></pre></td></tr></table></figure><p>2.仓库信息卡片</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">| &#123;% ghcard volantis-x/hexo-theme-volantis %&#125; | &#123;% ghcard volantis-x/hexo-theme-volantis, theme=vue %&#125; |</span><br><span class="line">| -- | -- |</span><br><span class="line">| &#123;% ghcard volantis-x/hexo-theme-volantis, theme=buefy %&#125; | &#123;% ghcard volantis-x/hexo-theme-volantis, theme=solarized-light %&#125; |</span><br><span class="line">| &#123;% ghcard volantis-x/hexo-theme-volantis, theme=onedark %&#125; | &#123;% ghcard volantis-x/hexo-theme-volantis, theme=solarized-dark %&#125; |</span><br><span class="line">| &#123;% ghcard volantis-x/hexo-theme-volantis, theme=algolia %&#125; | &#123;% ghcard volantis-x/hexo-theme-volantis, theme=calm %&#125; |</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.用户信息卡片</p><div class="table-container"><table><thead><tr><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&show_owner=true"/></a></th><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=vue&show_owner=true"/></a></th></tr></thead><tbody><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=buefy&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=solarized-light&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=onedark&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=solarized-dark&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=algolia&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/fomalhaut1998"><img src="https://github-readme-stats.vercel.app/api/?username=fomalhaut1998&theme=calm&show_owner=true"/></a></td></tr></tbody></table></div><p>2.仓库信息卡片</p><div class="table-container"><table><thead><tr><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&show_owner=true"/></a></th><th><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=vue&show_owner=true"/></a></th></tr></thead><tbody><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=buefy&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=solarized-light&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=onedark&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=solarized-dark&show_owner=true"/></a></td></tr><tr><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=algolia&show_owner=true"/></a></td><td><a class="ghcard" rel="external nofollow noopener noreferrer" href="https://github.com/volantis-x/hexo-theme-volantis"><img src="https://github-readme-stats.vercel.app/api/pin/?username=volantis-x&repo=hexo-theme-volantis&theme=calm&show_owner=true"/></a></td></tr></tbody></table></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-13-github徽标-ghbdage"><a href="#2-13-github徽标-ghbdage" class="headerlink" title="2.13 github徽标 ghbdage"></a>2.13 github徽标 ghbdage</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% bdage [right],[left],[logo]||[color],[link],[title]||[option] %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>left</code>：徽标左边的信息，必选参数。</li><li><code>right</code>: 徽标右边的信息，必选参数，</li><li><code>logo</code>：徽标图标，图标名称详见<a href="https://simpleicons.org/">simpleicons</a>，可选参数。</li><li><code>color</code>：徽标右边的颜色，可选参数。</li><li><code>link</code>：指向的链接，可选参数。</li><li><code>title</code>：徽标的额外信息，可选参数。主要用于优化SEO，但<code>object</code>标签不会像<code>a</code>标签一样在鼠标悬停显示<code>title</code>信息。</li><li><code>option</code>：自定义参数，支持<a href="https://shields.io/">shields.io</a>的全部API参数支持，具体参数可以参看上文中的拓展写法示例。形式为<code>name1=value2&amp;name2=value2</code>。</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.基本参数,定义徽标左右文字和图标</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% bdage Theme,Butterfly %&#125;</span><br><span class="line">&#123;% bdage Frame,Hexo,hexo %&#125;</span><br></pre></td></tr></table></figure><p>2.信息参数，定义徽标右侧内容背景色，指向链接</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% bdage CDN,JsDelivr,jsDelivr||abcdef,https://metroui.org.ua/index.html,本站使用JsDelivr为静态资源提供CDN加速 %&#125;</span><br><span class="line">//如果是跨顺序省略可选参数，仍然需要写个逗号,用作分割</span><br><span class="line">&#123;% bdage Source,GitHub,GitHub||,https://github.com/ %&#125;</span><br></pre></td></tr></table></figure><p>3.拓展参数，支持shields的API的全部参数内容</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% bdage Hosted,Vercel,Vercel||brightgreen,https://vercel.com/,本站采用双线部署，默认线路托管于Vercel||style=social&amp;logoWidth=20 %&#125;</span><br><span class="line">//如果是跨顺序省略可选参数组，仍然需要写双竖线||用作分割</span><br><span class="line">&#123;% bdage Hosted,Vercel,Vercel||||style=social&amp;logoWidth=20&amp;logoColor=violet %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.基本参数,定义徽标左右文字和图标</p><object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Butterfly-Theme-orange?logo=&color=orange&link=&"></object><object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Hexo-Frame-orange?logo=hexo&color=orange&link=&"></object><p>2.信息参数，定义徽标右侧内容背景色，指向链接</p><object class="ghbdage" style="margin-inline:5px" title="本站使用JsDelivr为静态资源提供CDN加速" standby="loading..." data="https://img.shields.io/badge/JsDelivr-CDN-orange?logo=jsDelivr&color=abcdef&link=https://metroui.org.ua/index.html&"></object>//如果是跨顺序省略可选参数，仍然需要写个逗号,用作分割<object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/GitHub-Source-orange?logo=GitHub&color=orange&link=https://github.com/&"></object><p>3.拓展参数，支持shields的API的全部参数内容</p><object class="ghbdage" style="margin-inline:5px" title="本站采用双线部署，默认线路托管于Vercel" standby="loading..." data="https://img.shields.io/badge/Vercel-Hosted-orange?logo=Vercel&color=brightgreen&link=https://vercel.com/&style=social&logoWidth=20"></object>//如果是跨顺序省略可选参数组，仍然需要写双竖线||用作分割<object class="ghbdage" style="margin-inline:5px" title="" standby="loading..." data="https://img.shields.io/badge/Vercel-Hosted-orange?logo=Vercel&color=orange&link=&style=social&logoWidth=20&logoColor=violet"></object><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-14-网站卡片-sites"><a href="#2-14-网站卡片-sites" class="headerlink" title="2.14 网站卡片 sites"></a>2.14 网站卡片 sites</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-3">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&#123;% sitegroup %&#125;</span><br><span class="line">&#123;% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %&#125;</span><br><span class="line">&#123;% site 标题, url=链接, screenshot=截图链接, avatar=头像链接（可选）, description=描述（可选） %&#125;</span><br><span class="line">&#123;% endsitegroup %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line">&#123;% sitegroup %&#125;</span><br><span class="line">&#123;% site xaoxuu, url=https://xaoxuu.com, screenshot=https://i.loli.net/2020/08/21/VuSwWZ1xAeUHEBC.jpg, avatar=https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/avatar/avatar.png, description=简约风格 %&#125;</span><br><span class="line">&#123;% site inkss, url=https://inkss.cn, screenshot=https://i.loli.net/2020/08/21/Vzbu3i8fXs6Nh5Y.jpg, avatar=https://cdn.jsdelivr.net/gh/inkss/common@master/static/web/avatar.jpg, description=这是一段关于这个网站的描述文字 %&#125;</span><br><span class="line">&#123;% site MHuiG, url=https://blog.mhuig.top, screenshot=https://i.loli.net/2020/08/22/d24zpPlhLYWX6D1.png, avatar=https://cdn.jsdelivr.net/gh/MHuiG/imgbed@master/data/p.png, description=这是一段关于这个网站的描述文字 %&#125;</span><br><span class="line">&#123;% site Colsrch, url=https://colsrch.top, screenshot=https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png, avatar=https://cdn.jsdelivr.net/gh/Colsrch/images/Colsrch/avatar.jpg, description=这是一段关于这个网站的描述文字 %&#125;</span><br><span class="line">&#123;% site Linhk1606, url=https://linhk1606.github.io, screenshot=https://i.loli.net/2020/08/21/3PmGLCKicnfow1x.png, avatar=https://i.loli.net/2020/02/09/PN7I5RJfFtA93r2.png, description=这是一段关于这个网站的描述文字 %&#125;</span><br><span class="line">&#123;% endsitegroup %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><div class="site-card-group"><a class="site-card" href="https://fomalhaut1998.com"><div class="img"><img src="https://i.loli.net/2020/08/21/VuSwWZ1xAeUHEBC.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/fomalhaut1998/cdn-assets/avatar/avatar.png"/><span class="title">fomalhaut1998</span><span class="desc">简约风格</span></div></a><a class="site-card" href="https://inkss.cn"><div class="img"><img src="https://i.loli.net/2020/08/21/Vzbu3i8fXs6Nh5Y.jpg"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/inkss/common@master/static/web/avatar.jpg"/><span class="title">inkss</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://blog.mhuig.top"><div class="img"><img src="https://i.loli.net/2020/08/22/d24zpPlhLYWX6D1.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/MHuiG/imgbed@master/data/p.png"/><span class="title">MHuiG</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://colsrch.top"><div class="img"><img src="https://i.loli.net/2020/08/22/dFRWXm52OVu8qfK.png"/></div><div class="info"><img src="https://cdn.jsdelivr.net/gh/Colsrch/images/Colsrch/avatar.jpg"/><span class="title">Colsrch</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a><a class="site-card" href="https://linhk1606.github.io"><div class="img"><img src="https://i.loli.net/2020/08/21/3PmGLCKicnfow1x.png"/></div><div class="info"><img src="https://i.loli.net/2020/02/09/PN7I5RJfFtA93r2.png"/><span class="title">Linhk1606</span><span class="desc">这是一段关于这个网站的描述文字</span></div></a></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-15-行内图片-inlineimage"><a href="#2-15-行内图片-inlineimage" class="headerlink" title="2.15 行内图片 inlineimage"></a>2.15 行内图片 inlineimage</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% inlineimage 图片链接, height=高度（可选） %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>高度</code>：height=20px</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">这是 &#123;% inlineimage https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif %&#125; 一段话。</span><br><span class="line"></span><br><span class="line">这又是 &#123;% inlineimage https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/5150.gif, height=40px %&#125; 一段话。</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>这是 <img no-lazy class="inline" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif" style="height:1.5em"/> 一段话。</p><p>这又是 <img no-lazy class="inline" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/5150.gif" style="height:40px;"/> 一段话。</p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-16-单张图片-image"><a href="#2-16-单张图片-image" class="headerlink" title="2.16 单张图片 image"></a>2.16 单张图片 image</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% image 链接, width=宽度（可选）, height=高度（可选）, alt=描述（可选）, bg=占位颜色（可选） %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li>图片宽度高度：width=300px, height=32px</li><li>图片描述：alt=图片描述（butterfly需要在主题配置文件中开启图片描述）</li><li>占位背景色：bg=#f2f2f2</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.添加描述：<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, alt=每天下课回宿舍的路，没有什么故事。 %&#125;</span><br></pre></td></tr></table></figure><br>2.指定宽度<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px %&#125;</span><br></pre></td></tr></table></figure><br>3.指定宽度并添加描述：<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px, alt=每天下课回宿舍的路，没有什么故事。 %&#125;</span><br></pre></td></tr></table></figure><br>4.设置占位背景色：<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% image https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px, bg=#1D0C04, alt=优化不同宽度浏览的观感 %&#125;</span><br></pre></td></tr></table></figure></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.添加描述：</p><div class="img-wrap"><div class="img-bg"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" alt="每天下课回宿舍的路，没有什么故事。"/></div><span class="image-caption">每天下课回宿舍的路，没有什么故事。</span></div>2..指定宽度<div class="img-wrap"><div class="img-bg"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" style="width:400px;"/></div></div>3.指定宽度并添加描述：<div class="img-wrap"><div class="img-bg"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" alt="每天下课回宿舍的路，没有什么故事。" style="width:400px;"/></div><span class="image-caption">每天下课回宿舍的路，没有什么故事。</span></div>4.设置占位背景色：<div class="img-wrap"><div class="img-bg" style="background:#1D0C04"><img class="img" src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg" alt="优化不同宽度浏览的观感" style="width:400px;"/></div><span class="image-caption">优化不同宽度浏览的观感</span></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-17-音频-audio"><a href="#2-17-音频-audio" class="headerlink" title="2.17 音频 audio"></a>2.17 音频 audio</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-3">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% audio 音频链接 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% audio https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><div class="audio"><audio controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3' type='audio/mp3'>Your browser does not support the audio tag.</audio></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-18-视频-video"><a href="#2-18-视频-video" class="headerlink" title="2.18 视频 video"></a>2.18 视频 video</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% video 视频链接 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>对齐方向</code>：left, center, right</li><li><code>列数</code>：逗号后面直接写列数，支持 1 ～ 4 列。</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.100%宽度</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %&#125;</span></span><br></pre></td></tr></table></figure><p>2.50%宽度<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">&#123;% videos, 2 %&#125;</span><br><span class="line">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %&#125;</span><br><span class="line">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %&#125;</span><br><span class="line">&#123;% endvideos %&#125;</span><br></pre></td></tr></table></figure><br>3.25%宽度</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">&#123;% videos, 4 %&#125;</span><br><span class="line">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %&#125;</span><br><span class="line">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %&#125;</span><br><span class="line">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %&#125;</span><br><span class="line">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG<span class="emphasis">_0341.mov %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% video https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_</span>0341.mov %&#125;</span><br><span class="line">&#123;% endvideos %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.100%宽度</p><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div>2.50%宽度<div class="videos" col='2'><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></div>3.25%宽度<div class="videos" col='4'><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div><div class="video"><video controls preload><source src='https://github.com/volantis-x/volantis-docs/releases/download/assets/IMG_0341.mov' type='video/mp4'>Your browser does not support the video tag.</video></div></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-19-相册-gallery"><a href="#2-19-相册-gallery" class="headerlink" title="2.19 相册 gallery"></a>2.19 相册 gallery</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><p>1.gallerygroup 相册图库<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;gallery-group-main&quot;</span>&gt;</span></span></span><br><span class="line">&#123;% galleryGroup name description link img-url %&#125;</span><br><span class="line">&#123;% galleryGroup name description link img-url %&#125;</span><br><span class="line">&#123;% galleryGroup name description link img-url %&#125;</span><br><span class="line"><span class="language-xml"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span></span><br></pre></td></tr></table></figure><br>2.gallery 相册<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% gallery %&#125;</span><br><span class="line">markdown 圖片格式</span><br><span class="line">&#123;% endgallery %&#125;</span><br></pre></td></tr></table></figure></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ul><li>gallerygroup 相册图库</li></ul><div class="table-container"><table><thead><tr><th>参数名</th><th>释义</th></tr></thead><tbody><tr><td>name</td><td>图库名字</td></tr><tr><td>description</td><td>图库描述</td></tr><tr><td>link</td><td>链接到对应相册的地址</td></tr><tr><td>img-url</td><td>图库封面</td></tr></tbody></table></div><ul><li><p>gallery 相册</p><p>区别于旧版的Gallery相册,新的Gallery相册会自动根据图片长度进行排版，书写也更加方便，与markdown格式一样。可根据需要插入到相应的md。无需再自己配置长宽。<strong>建议在粘贴时故意使用长短、大小、横竖不一的图片</strong>，会有更好的效果。（尺寸完全相同的图片只会平铺输出，效果很糟糕）</p></li></ul><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.gallerygroup 相册图库</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">&quot;gallery-group-main&quot;</span>&gt;</span></span></span><br><span class="line">&#123;% galleryGroup MC 在Rikkaの六花服务器里留下的足迹 &#x27;/gallery/MC/&#x27; https://cdn.cbd.int/akilar-candyassets@1.0.36/image/1.jpg %&#125;</span><br><span class="line">&#123;% galleryGroup Gundam 哦咧哇gundam哒！ &#x27;/gallery/Gundam/&#x27; https://cdn.cbd.int/akilar-candyassets@1.0.36/image/20200907110508327.png %&#125;</span><br><span class="line">&#123;% galleryGroup I-am-Akilar 某种意义上也算自拍吧 &#x27;/gallery/I-am-Akilar/&#x27; https://cdn.cbd.int/akilar-candyassets@1.0.36/image/20200907113116651.png %&#125;</span><br><span class="line"><span class="language-xml"><span class="tag">&lt;/<span class="name">div</span>&gt;</span></span></span><br></pre></td></tr></table></figure><p>2.gallery 相册</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&#123;% gallery %&#125;</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg</span>)</span><br><span class="line">![](<span class="link">https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg</span>)</span><br><span class="line">&#123;% endgallery %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.gallerygroup 相册图库</p><div class="gallery-group-main">  <figure class="gallery-group">  <img class="gallery-group-img no-lightbox" src='https://cdn.cbd.int/akilar-candyassets@1.0.36/image/1.jpg' alt="Group Image Gallery">  <figcaption>  <div class="gallery-group-name">MC</div>  <p>在Rikkaの六花服务器里留下的足迹</p>  <a href='/gallery/MC/'></a>  </figcaption>  </figure>  <figure class="gallery-group">  <img class="gallery-group-img no-lightbox" src='https://cdn.cbd.int/akilar-candyassets@1.0.36/image/20200907110508327.png' alt="Group Image Gallery">  <figcaption>  <div class="gallery-group-name">Gundam</div>  <p>哦咧哇gundam哒！</p>  <a href='/gallery/Gundam/'></a>  </figcaption>  </figure>  <figure class="gallery-group">  <img class="gallery-group-img no-lightbox" src='https://cdn.cbd.int/akilar-candyassets@1.0.36/image/20200907113116651.png' alt="Group Image Gallery">  <figcaption>  <div class="gallery-group-name">I-am-Akilar</div>  <p>某种意义上也算自拍吧</p>  <a href='/gallery/I-am-Akilar/'></a>  </figcaption>  </figure></div>2.gallery 相册<div class="fj-gallery"><p><img src="https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg" alt=""><br><img src="https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg" alt=""></p>          </div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-20-折叠框-folding"><a href="#2-20-折叠框-folding" class="headerlink" title="2.20 折叠框 folding"></a>2.20 折叠框 folding</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-3">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><p>1.gallerygroup 相册图库<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% folding 参数（可选）, 标题 %&#125;</span><br><span class="line">![](<span class="link">https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg</span>)</span><br><span class="line">&#123;% endfolding %&#125;</span><br></pre></td></tr></table></figure><br><!-- tab 参数配置 --></p><ol><li><p><code>颜色</code>：blue, cyan, green, yellow, red</p></li><li><p><code>状态</code>：状态填写 open 代表默认打开。</p></li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br></pre></td><td class="code"><pre><span class="line">&#123;% folding 查看图片测试 %&#125;</span><br><span class="line"></span><br><span class="line">![](<span class="link">https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg</span>)</span><br><span class="line"></span><br><span class="line">&#123;% endfolding %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% folding cyan open, 查看默认打开的折叠框 %&#125;</span><br><span class="line"></span><br><span class="line">这是一个默认打开的折叠框。</span><br><span class="line"></span><br><span class="line">&#123;% endfolding %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% folding green, 查看代码测试 %&#125;</span><br><span class="line">假装这里有代码块（代码块没法嵌套代码块）</span><br><span class="line">&#123;% endfolding %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% folding yellow, 查看列表测试 %&#125;</span><br><span class="line"></span><br><span class="line"><span class="bullet">-</span> haha</span><br><span class="line"><span class="bullet">-</span> hehe</span><br><span class="line"></span><br><span class="line">&#123;% endfolding %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% folding red, 查看嵌套测试 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% folding blue, 查看嵌套测试2 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% folding 查看嵌套测试3 %&#125;</span><br><span class="line"></span><br><span class="line">hahaha <span class="language-xml"><span class="tag">&lt;<span class="name">span</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">&#x27;https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png&#x27;</span> <span class="attr">style</span>=<span class="string">&#x27;height:24px&#x27;</span>&gt;</span></span><span class="language-xml"><span class="tag">&lt;/<span class="name">span</span>&gt;</span></span></span><br><span class="line"></span><br><span class="line">&#123;% endfolding %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% endfolding %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% endfolding %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><details class="folding-tag" ><summary> 查看图片测试 </summary>              <div class='content'>              <p><img src="https://cdn.jsdelivr.net/gh/volantis-x/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg" alt=""></p>              </div>            </details><details class="folding-tag" cyan open><summary> 查看默认打开的折叠框 </summary>              <div class='content'>              <p>这是一个默认打开的折叠框。</p>              </div>            </details><details class="folding-tag" green><summary> 查看代码测试 </summary>              <div class='content'>              <p>假装这里有代码块（代码块没法嵌套代码块）</p>              </div>            </details><details class="folding-tag" yellow><summary> 查看列表测试 </summary>              <div class='content'>              <ul><li>haha</li><li>hehe</li></ul>              </div>            </details><details class="folding-tag" red><summary> 查看嵌套测试 </summary>              <div class='content'>              <details class="folding-tag" blue><summary> 查看嵌套测试2 </summary>              <div class='content'>              <details class="folding-tag" ><summary> 查看嵌套测试3 </summary>              <div class='content'>              <p>hahaha <span><img src='https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png' style='height:24px'></span></p>              </div>            </details>              </div>            </details>              </div>            </details><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-21-分栏-tab"><a href="#2-21-分栏-tab" class="headerlink" title="2.21 分栏 tab"></a>2.21 分栏 tab</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">配置参数</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tabs Unique name, [index] %&#125;</span><br><span class="line">&lt;!-- tab [Tab caption] [@icon] --&gt;</span><br><span class="line">Any content (support inline tags too).</span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line">&#123;% endtabs %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><p>Unique name :</p><ul><li><p>选项卡块标签的唯一名称，不带逗号。</p></li><li><p>将在#id中用作每个标签及其索引号的前缀。</p></li><li><p>如果名称中包含空格，则对于生成#id，所有空格将由破折号代替。</p></li><li><p>仅当前帖子/页面的URL必须是唯一的！</p></li></ul></li><li><p>[index]:</p><ul><li><p>活动选项卡的索引号。</p></li><li><p>如果未指定，将选择第一个标签（1）。</p></li><li><p>如果index为-1，则不会选择任何选项卡。</p></li><li><p>可选参数。</p></li></ul></li><li><p>[Tab caption]:</p><ul><li><p>当前选项卡的标题。</p></li><li><p>如果未指定标题，则带有制表符索引后缀的唯一名称将用作制表符的标题。</p></li><li><p>如果未指定标题，但指定了图标，则标题将为空。</p></li><li><p>可选参数。</p></li></ul></li><li><p>[@icon]:</p><ul><li><p>FontAwesome图标名称（全名，看起来像“ fas fa-font”）</p></li><li><p>可以指定带空格或不带空格；</p></li><li><p>例如’Tab caption @icon’ 和 ‘Tab caption@icon’.</p></li><li><p>可选参数。</p></li></ul></li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.Demo 1 - 预设选择第一个【默认】</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tabs test1 %&#125;</span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 1.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 2.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 3.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line">&#123;% endtabs %&#125;</span><br></pre></td></tr></table></figure><p>2.Demo 2 - 预设选择tabs</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tabs test2, 3 %&#125;</span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 1.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 2.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 3.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line">&#123;% endtabs %&#125;</span><br></pre></td></tr></table></figure><p>3.Demo 3 - 没有预设值</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tabs test3, -1 %&#125;</span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 1.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 2.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab --&gt;</span><br><span class="line"><span class="strong">**This is Tab 3.**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line">&#123;% endtabs %&#125;</span><br></pre></td></tr></table></figure><p>4.Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名</p><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&#123;% tabs test4 %&#125;</span><br><span class="line">&lt;!-- tab 第一个Tab --&gt;</span><br><span class="line"><span class="strong">**tab名字为第一个Tab**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab @fab fa-apple-pay --&gt;</span><br><span class="line"><span class="strong">**只有图标 没有Tab名字**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line"></span><br><span class="line">&lt;!-- tab 炸弹@fas fa-bomb --&gt;</span><br><span class="line"><span class="strong">**名字+icon**</span></span><br><span class="line">&lt;!-- endtab --&gt;</span><br><span class="line">&#123;% endtabs %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.Demo 1 - 预设选择第一个【默认】</p><div class="tabs" id="test1"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#test1-1">test1 1</button></li><li class="tab"><button type="button" data-href="#test1-2">test1 2</button></li><li class="tab"><button type="button" data-href="#test1-3">test1 3</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="test1-1"><p><strong>This is Tab 1.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="test1-2"><p><strong>This is Tab 2.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="test1-3"><p><strong>This is Tab 3.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><p>2.Demo 2 - 预设选择tabs</p><div class="tabs" id="test2"><ul class="nav-tabs"><li class="tab"><button type="button" data-href="#test2-1">test2 1</button></li><li class="tab"><button type="button" data-href="#test2-2">test2 2</button></li><li class="tab active"><button type="button" data-href="#test2-3">test2 3</button></li></ul><div class="tab-contents"><div class="tab-item-content" id="test2-1"><p><strong>This is Tab 1.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="test2-2"><p><strong>This is Tab 2.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content active" id="test2-3"><p><strong>This is Tab 3.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><p>3.Demo 3 - 没有预设值</p><div class="tabs" id="test3"><ul class="nav-tabs"><li class="tab"><button type="button" data-href="#test3-1">test3 1</button></li><li class="tab"><button type="button" data-href="#test3-2">test3 2</button></li><li class="tab"><button type="button" data-href="#test3-3">test3 3</button></li></ul><div class="tab-contents"><div class="tab-item-content" id="test3-1"><p><strong>This is Tab 1.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="test3-2"><p><strong>This is Tab 2.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="test3-3"><p><strong>This is Tab 3.</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><p>4.Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名</p><div class="tabs" id="test4"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#test4-1">第一个Tab</button></li><li class="tab"><button type="button" data-href="#test4-2"><i class="fab fa-apple-pay" style="text-align: center;"></i></button></li><li class="tab"><button type="button" data-href="#test4-3"><i class="fas fa-bomb"></i>炸弹</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="test4-1"><p><strong>tab名字为第一个Tab</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="test4-2"><p><strong>只有图标 没有Tab名字</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="test4-3"><p><strong>名字+icon</strong></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-22-诗词标签-poem"><a href="#2-22-诗词标签-poem" class="headerlink" title="2.22 诗词标签 poem"></a>2.22 诗词标签 poem</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-2">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-3">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><ol><li><code>title</code>：诗词标题</li><li><code>author</code>：作者，可以不写</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">&#123;% poem 水调歌头,苏轼 %&#125;</span><br><span class="line">丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。</span><br><span class="line">明月几时有？把酒问青天。</span><br><span class="line">不知天上宫阙，今夕是何年？</span><br><span class="line">我欲乘风归去，又恐琼楼玉宇，高处不胜寒。</span><br><span class="line">起舞弄清影，何似在人间？</span><br><span class="line"></span><br><span class="line">转朱阁，低绮户，照无眠。</span><br><span class="line">不应有恨，何事长向别时圆？</span><br><span class="line">人有悲欢离合，月有阴晴圆缺，此事古难全。</span><br><span class="line">但愿人长久，千里共婵娟。</span><br><span class="line">&#123;% endpoem %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><div class='poem'><div class='poem-title'>水调歌头</div><div class='poem-author'>苏轼</div><p>丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。<br>明月几时有？把酒问青天。<br>不知天上宫阙，今夕是何年？<br>我欲乘风归去，又恐琼楼玉宇，高处不胜寒。<br>起舞弄清影，何似在人间？</p><p>转朱阁，低绮户，照无眠。<br>不应有恨，何事长向别时圆？<br>人有悲欢离合，月有阴晴圆缺，此事古难全。<br>但愿人长久，千里共婵娟。</p></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-23-阿里图标-icon"><a href="#2-23-阿里图标-icon" class="headerlink" title="2.23 阿里图标 icon"></a>2.23 阿里图标 icon</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% icon [icon-xxxx],[font-size] %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>icon-xxxx</code>：表示图标<code>font-class</code>,可以在自己的阿里矢量图标库项目的<code>font-class</code>引用方案内查询并复制。</li><li><code>font-size</code>：表示图标大小，直接填写数字即可，单位为<code>em</code>。图标大小默认值为<code>1em</code>。</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br></pre></td><td class="code"><pre><span class="line">&#123;% icon icon-rat<span class="emphasis">_zi %&#125;&#123;% icon icon-rat,2 %&#125;</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">&#123;% icon icon-ox_</span>chou,3 %&#125;&#123;% icon icon-ox,4 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% icon icon-tiger<span class="emphasis">_yin,5 %&#125;&#123;% icon icon-tiger,6 %&#125;</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">&#123;% icon icon-rabbit_</span>mao,1 %&#125;&#123;% icon icon-rabbit,2 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% icon icon-dragon<span class="emphasis">_chen,3 %&#125;&#123;% icon icon-dragon,4 %&#125;</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">&#123;% icon icon-snake_</span>si,5 %&#125;&#123;% icon icon-snake,6 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% icon icon-horse<span class="emphasis">_wu %&#125;&#123;% icon icon-horse,2 %&#125;</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">&#123;% icon icon-goat_</span>wei,3 %&#125;&#123;% icon icon-goat,4 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% icon icon-monkey<span class="emphasis">_shen,5 %&#125;&#123;% icon icon-monkey,6 %&#125;</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">&#123;% icon icon-rooster_</span>you %&#125;&#123;% icon icon-rooster,2 %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% icon icon-dog<span class="emphasis">_xu,3 %&#125;&#123;% icon icon-dog,4 %&#125;</span></span><br><span class="line"><span class="emphasis"></span></span><br><span class="line"><span class="emphasis">&#123;% icon icon-boar_</span>hai,5 %&#125;&#123;% icon icon-boar,6 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rat_zi"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rat"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-ox_chou"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-ox"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-tiger_yin"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-tiger"></use></svg><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rabbit_mao"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rabbit"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-dragon_chen"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-dragon"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-snake_si"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-snake"></use></svg><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-horse_wu"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-horse"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-goat_wei"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-goat"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-monkey_shen"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-monkey"></use></svg><svg class="icon" style="width:1em; height:1em" aria-hidden="true"><use xlink:href="#icon-rooster_you"></use></svg><svg class="icon" style="width:2em; height:2em" aria-hidden="true"><use xlink:href="#icon-rooster"></use></svg><svg class="icon" style="width:3em; height:3em" aria-hidden="true"><use xlink:href="#icon-dog_xu"></use></svg><svg class="icon" style="width:4em; height:4em" aria-hidden="true"><use xlink:href="#icon-dog"></use></svg><svg class="icon" style="width:5em; height:5em" aria-hidden="true"><use xlink:href="#icon-boar_hai"></use></svg><svg class="icon" style="width:6em; height:6em" aria-hidden="true"><use xlink:href="#icon-boar"></use></svg><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-24-特效标签wow"><a href="#2-24-特效标签wow" class="headerlink" title="2.24 特效标签wow"></a>2.24 特效标签wow</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-2">渲染演示</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% wow [animete],[duration],[delay],[offset],[iteration] %&#125;</span><br><span class="line">内容</span><br><span class="line">&#123;% endwow %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>animate</code>: 动画样式，效果详见<a href="https://animate.style/">animate.css参考文档</a></li><li><code>duration</code>: 选填项，动画持续时间，单位可以是<code>ms</code>也可以是<code>s</code>。例如<code>3s</code>，<code>700ms</code>。</li><li><code>delay</code>: 选填项，动画开始的延迟时间，单位可以是<code>ms</code>也可以是<code>s</code>。例如<code>3s</code>，<code>700ms</code>。</li><li><code>offset</code>: 选填项，开始动画的距离（相对浏览器底部）</li><li><code>iteration</code>: 选填项，动画重复的次数</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><p>1.flip动画效果。<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% wow animate<span class="strong">__zoomIn,5s,5s,100,10 %&#125;</span></span><br><span class="line"><span class="strong">&#123;% note blue &#x27;fas fa-bullhorn&#x27; modern%&#125;</span></span><br><span class="line"><span class="strong">`zoomIn`动画效果，持续`5s`，延时`5s`，离底部`100`距离时启动，重复`10`次</span></span><br><span class="line"><span class="strong">&#123;% endnote %&#125;</span></span><br><span class="line"><span class="strong">&#123;% endwow %&#125;</span></span><br></pre></td></tr></table></figure><br>2.zoomIn动画效果，持续5s，延时5s，离底部100距离时启动，重复10次<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% wow animate<span class="strong">__zoomIn,5s,5s,100,10 %&#125;</span></span><br><span class="line"><span class="strong">&#123;% note blue &#x27;fas fa-bullhorn&#x27; modern%&#125;</span></span><br><span class="line"><span class="strong">`zoomIn`动画效果，持续`5s`，延时`5s`，离底部`100`距离时启动，重复`10`次</span></span><br><span class="line"><span class="strong">&#123;% endnote %&#125;</span></span><br><span class="line"><span class="strong">&#123;% endwow %&#125;</span></span><br></pre></td></tr></table></figure><br>3.slideInRight动画效果，持续5s，延时5s<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% wow animate<span class="strong">__slideInRight,5s,5s %&#125;</span></span><br><span class="line"><span class="strong">&#123;% note orange &#x27;fas fa-car&#x27; modern%&#125;</span></span><br><span class="line"><span class="strong">`slideInRight`动画效果，持续`5s`，延时`5s`。</span></span><br><span class="line"><span class="strong">&#123;% endnote %&#125;</span></span><br><span class="line"><span class="strong">&#123;% endwow %&#125;</span></span><br></pre></td></tr></table></figure><br>4.heartBeat动画效果，延时5s，重复10次。此处注意不用的参数位置要留空，用逗号间隔。<br><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&#123;% wow animate<span class="strong">__heartBeat,,5s,,10 %&#125;</span></span><br><span class="line"><span class="strong">&#123;% note red &#x27;fas fa-battery-half&#x27; modern%&#125;</span></span><br><span class="line"><span class="strong">`heartBeat`动画效果，延时`5s`，重复`10`次。</span></span><br><span class="line"><span class="strong">&#123;% endnote %&#125;</span></span><br><span class="line"><span class="strong">&#123;% endwow %&#125;</span></span><br></pre></td></tr></table></figure></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>1.flip动画效果。</p><div class='wow animate__zoomIn' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset='100'  data-wow-iteration='10' ><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p><code>zoomIn</code>动画效果，持续<code>5s</code>，延时<code>5s</code>，离底部<code>100</code>距离时启动，重复<code>10</code>次</p></div></div><p>2.zoomIn动画效果，持续5s，延时5s，离底部100距离时启动，重复10次</p><div class='wow animate__zoomIn' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset='100'  data-wow-iteration='10' ><div class="note blue icon-padding modern"><i class="note-icon fas fa-bullhorn"></i><p><code>zoomIn</code>动画效果，持续<code>5s</code>，延时<code>5s</code>，离底部<code>100</code>距离时启动，重复<code>10</code>次</p></div></div><p>3.slideInRight动画效果，持续5s，延时5s</p><div class='wow animate__slideInRight' data-wow-duration='5s' data-wow-delay='5s' data-wow-offset=''  data-wow-iteration='' ><div class="note orange icon-padding modern"><i class="note-icon fas fa-car"></i><p><code>slideInRight</code>动画效果，持续<code>5s</code>，延时<code>5s</code>。</p></div></div><p>4.heartBeat动画效果，延时5s，重复10次。此处注意不用的参数位置要留空，用逗号间隔。</p><div class='wow animate__heartBeat' data-wow-duration='' data-wow-delay='5s' data-wow-offset=''  data-wow-iteration='10' ><div class="note red icon-padding modern"><i class="note-icon fas fa-battery-half"></i><p><code>heartBeat</code>动画效果，延时<code>5s</code>，重复<code>10</code>次。</p></div></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-25-进度条-progress"><a href="#2-25-进度条-progress" class="headerlink" title="2.25  进度条 progress"></a>2.25  进度条 progress</h2><div class="note info flat"><p>进度条标签参考<a href="https://rongbuqiu.com/jdt.html">沂佰孜猫-给HEXO文章添加彩色进度条</a>。<br>源样式提取自<a href="https://zwying0814.gitbook.io/cuteen/">Cuteen</a>主题。</p></div><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-2">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% progress [width] [color] [text] %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>width</code>: 0到100的阿拉伯数字</li><li><code>color</code>: 颜色，取值有red,yellow,green,cyan,blue,gray</li><li><code>text</code>:进度条上的文字内容</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">&#123;% progress 10 red 进度条样式预览 %&#125;</span><br><span class="line">&#123;% progress 30 yellow 进度条样式预览 %&#125;</span><br><span class="line">&#123;% progress 50 green 进度条样式预览 %&#125;</span><br><span class="line">&#123;% progress 70 cyan 进度条样式预览 %&#125;</span><br><span class="line">&#123;% progress 90 blue 进度条样式预览 %&#125;</span><br><span class="line">&#123;% progress 100 gray 进度条样式预览 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-red"  style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-yellow"  style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-green"  style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-cyan"  style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-blue"  style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><div class="progress"><div class="progress-bar-animated progress-bar progress-bar-striped bg-gray"  style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"><p>进度条样式预览</p></div></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-26-注释-notation"><a href="#2-26-注释-notation" class="headerlink" title="2.26 注释 notation"></a>2.26 注释 notation</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% nota [label] , [text] %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><p><code>label</code>: 注释词汇</p></li><li><p><code>text</code>: 悬停显示的注解内容</p></li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% nota 把鼠标移动到我上面试试 ,可以看到注解内容出现在顶栏 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p><span class='nota' data-nota='可以看到注解内容出现在顶栏'>把鼠标移动到我上面试试</span></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-27-气泡注释-bubble"><a href="#2-27-气泡注释-bubble" class="headerlink" title="2.27 气泡注释 bubble"></a>2.27 气泡注释 bubble</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% bubble [content] , [notation] ,[background-color] %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>content</code>: 注释词汇</li><li><code>notation</code>: 悬停显示的注解内容</li><li><code>background-color</code>: 可选，气泡背景色。默认为“#71a4e3”</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">最近我学到了不少新玩意儿（虽然对很多大佬来说这些已经是旧技术了），比如CSS的&#123;% bubble 兄弟相邻选择器,&quot;例如 h1 + p &#123;margin-top:50px;&#125;&quot; %&#125;，&#123;% bubble flex布局,&quot;Flex 是 Flexible Box 的缩写，意为&quot;弹性布局&quot;，用来为盒状模型提供最大的灵活性&quot;,&quot;#ec5830&quot; %&#125;，&#123;% bubble transform变换,&quot;transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。&quot;,&quot;#1db675&quot; %&#125;，animation的&#123;% bubble 贝塞尔速度曲线,&quot;贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋&quot;,&quot;#de4489&quot; %&#125;写法，还有今天刚看到的&#123;% bubble clip-path,&quot;clip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。&quot;,&quot;#868fd7&quot; %&#125;属性。这些对我来说很新颖的概念狠狠的冲击着我以前积累起来的设计思路。</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>最近我学到了不少新玩意儿（虽然对很多大佬来说这些已经是旧技术了），比如CSS的<span class="bubble-content">兄弟相邻选择器</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#71a4e3;">例如 h1 + p {margin-top:50px;}</span>&lt;/span&gt;，<span class="bubble-content">flex布局</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#ec5830;">Flex 是 Flexible Box 的缩写，意为弹性布局”，用来为盒状模型提供最大的灵活性”</span>&lt;/span&gt;，<span class="bubble-content">transform变换</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#1db675;">transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。</span>&lt;/span&gt;，animation的<span class="bubble-content">贝塞尔速度曲线</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#de4489;">贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋</span>&lt;/span&gt;写法，还有今天刚看到的<span class="bubble-content">clip-path</span><span class="bubble-notation"><span class="bubble-item" style="background-color:#868fd7;">clip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。</span>&lt;/span&gt;属性。这些对我来说很新颖的概念狠狠的冲击着我以前积累起来的设计思路。</p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-28-引用文献-reference"><a href="#2-28-引用文献-reference" class="headerlink" title="2.28 引用文献 reference"></a>2.28 引用文献 reference</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">&#123;% referto [id] , [literature] %&#125;</span><br><span class="line">&#123;% referfrom [id] , [literature] , [url] %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><p>referto 引用上标</p><ul><li><p><code>id</code>: 上标序号内容，需与referfrom标签的id对应才能实现跳转</p></li><li><p><code>literature</code>: 引用的参考文献名称</p></li></ul></li><li><p>referfrom 引用出处</p><ul><li><p><code>id</code>: 序号内容，需与referto标签的id对应才能实现 跳转</p></li><li><p><code>literature</code>: 引用的参考文献名称</p></li><li><p><code>url</code>: 引用的参考文献链接，可省略</p></li></ul></li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line">Akilarの糖果屋(akilar.top)是一个私人性质的博客&#123;% referto &#x27;[1]&#x27;,&#x27;Akilarの糖果屋群聊简介&#x27; %&#125;，从各类教程至生活点滴，无话不谈。建群的目的是提供一个闲聊的场所。博客采用Hexo框架&#123;% referto &#x27;[2]&#x27;,&#x27;Hexo中文文档&#x27; %&#125;，Butterfly主题&#123;% referto &#x27;[3]&#x27;,&#x27;Butterfly 安装文档(一) 快速开始&#x27; %&#125;</span><br><span class="line"></span><br><span class="line">本项目参考了Volantis&#123;% referto &#x27;[4]&#x27;,&#x27;hexo-theme-volantis 标签插件&#x27; %&#125;的标签样式。引入<span class="code">`[tag].js`</span>，并针对<span class="code">`butterfly`</span>主题修改了相应的<span class="code">`[tag].styl`</span>。在此鸣谢<span class="code">`Volantis`</span>主题众开发者。</span><br><span class="line">主要参考内容包括各个volantis的内置标签插件文档&#123;% referto &#x27;[5]&#x27;,&#x27;Volantis文档:内置标签插件&#x27; %&#125;</span><br><span class="line">Butterfly主题的各个衍生魔改&#123;% referto &#x27;[6]&#x27;,&#x27;Butterfly 安装文档:标签外挂（Tag Plugins&#x27; %&#125;&#123;% referto &#x27;[7]&#x27;,&#x27;小弋の生活馆全样式预览&#x27; %&#125;&#123;% referto &#x27;[8]&#x27;,&#x27;l-lin-font-awesome-animation&#x27; %&#125;&#123;% referto &#x27;[9]&#x27;,&#x27;小康的butterfly主题使用文档&#x27; %&#125;</span><br><span class="line"></span><br><span class="line">&#123;% referfrom &#x27;[1]&#x27;,&#x27;Akilarの糖果屋群聊简介&#x27;,&#x27;https://jq.qq.com/?<span class="emphasis">_wv=1027&amp;k=pGLB2C0N&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[2]&#x27;,&#x27;Hexo中文文档&#x27;,&#x27;https://hexo.io/zh-cn/docs/&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[3]&#x27;,&#x27;Butterfly 安装文档(一) 快速开始&#x27;,&#x27;https://butterfly.js.org/posts/21cfbf15/&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[4]&#x27;,&#x27;hexo-theme-volantis 标签插件&#x27;,&#x27;https://volantis.js.org/v5/tag-plugins/&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[5]&#x27;,&#x27;Volantis文档:内置标签插件&#x27;,&#x27;https://volantis.js.org/tag-plugins/&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[6]&#x27;,&#x27;Butterfly 安装文档:标签外挂（Tag Plugins&#x27;,&#x27;https://butterfly.js.org/posts/4aa8abbe/#%E6%A8%99%E7%B1%A4%E5%A4%96%E6%8E%9B%EF%BC%88Tag-Plugins%EF%BC%89&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[7]&#x27;,&#x27;小弋の生活馆全样式预览&#x27;,&#x27;https://lovelijunyi.gitee.io/posts/c898.html&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[8]&#x27;,&#x27;l-lin-font-awesome-animation&#x27;,&#x27;https://github.com/l-lin/font-awesome-animation&#x27; %&#125;</span></span><br><span class="line"><span class="emphasis">&#123;% referfrom &#x27;[9]&#x27;,&#x27;小康的butterfly主题使用文档&#x27;,&#x27;https://www.antmoe.com/posts/3b43914f/&#x27; %&#125;</span></span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>Akilarの糖果屋(akilar.top)是一个私人性质的博客<span class="hidden-anchor" id="referto_[1]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[1]">[1]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Akilarの糖果屋群聊简介</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;，从各类教程至生活点滴，无话不谈。建群的目的是提供一个闲聊的场所。博客采用Hexo框架<span class="hidden-anchor" id="referto_[2]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[2]">[2]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Hexo中文文档</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;，Butterfly主题<span class="hidden-anchor" id="referto_[3]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[3]">[3]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Butterfly 安装文档(一) 快速开始</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;</p><p>本项目参考了Volantis<span class="hidden-anchor" id="referto_[4]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[4]">[4]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">hexo-theme-volantis 标签插件</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;的标签样式。引入<code>[tag].js</code>，并针对<code>butterfly</code>主题修改了相应的<code>[tag].styl</code>。在此鸣谢<code>Volantis</code>主题众开发者。<br>主要参考内容包括各个volantis的内置标签插件文档<span class="hidden-anchor" id="referto_[5]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[5]">[5]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Volantis文档:内置标签插件</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;<br>Butterfly主题的各个衍生魔改<span class="hidden-anchor" id="referto_[6]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[6]">[6]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">Butterfly 安装文档:标签外挂（Tag Plugins</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;<span class="hidden-anchor" id="referto_[7]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[7]">[7]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">小弋の生活馆全样式预览</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;<span class="hidden-anchor" id="referto_[8]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[8]">[8]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">l-lin-font-awesome-animation</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;<span class="hidden-anchor" id="referto_[9]">&lt;/span&gt;<sup class="reference"><a href="#referfrom_[9]">[9]</a></sup><span class="reference-bubble"><span class="reference-item"><span class="reference-literature">小康的butterfly主题使用文档</span><span class="reference-title">参考资料</span>&lt;/span&gt;&lt;/span&gt;</p><div class="reference-source"><span class="hidden-anchor" id="referfrom_[1]"></span><a class="reference-anchor" href="#referto_[1]">[1]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://jq.qq.com/?_wv=1027&k=pGLB2C0N">Akilarの糖果屋群聊简介</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[2]"></span><a class="reference-anchor" href="#referto_[2]">[2]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://hexo.io/zh-cn/docs/">Hexo中文文档</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[3]"></span><a class="reference-anchor" href="#referto_[3]">[3]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://butterfly.js.org/posts/21cfbf15/">Butterfly 安装文档(一) 快速开始</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[4]"></span><a class="reference-anchor" href="#referto_[4]">[4]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://volantis.js.org/v5/tag-plugins/">hexo-theme-volantis 标签插件</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[5]"></span><a class="reference-anchor" href="#referto_[5]">[5]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://volantis.js.org/tag-plugins/">Volantis文档:内置标签插件</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[6]"></span><a class="reference-anchor" href="#referto_[6]">[6]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://butterfly.js.org/posts/4aa8abbe/#%E6%A8%99%E7%B1%A4%E5%A4%96%E6%8E%9B%EF%BC%88Tag-Plugins%EF%BC%89">Butterfly 安装文档:标签外挂（Tag Plugins</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[7]"></span><a class="reference-anchor" href="#referto_[7]">[7]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://lovelijunyi.gitee.io/posts/c898.html">小弋の生活馆全样式预览</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[8]"></span><a class="reference-anchor" href="#referto_[8]">[8]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://github.com/l-lin/font-awesome-animation">l-lin-font-awesome-animation</a></div><div class="reference-source"><span class="hidden-anchor" id="referfrom_[9]"></span><a class="reference-anchor" href="#referto_[9]">[9]<div class="reference-anchor-up fa-solid fa-angles-up"></div></a><a class="reference-link" href="https://www.antmoe.com/posts/3b43914f/">小康的butterfly主题使用文档</a></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-29-PDF展示"><a href="#2-29-PDF展示" class="headerlink" title="2.29 PDF展示"></a>2.29 PDF展示</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% pdf 文件路径 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li><code>文件路径</code>: 可以是相对路径或者是在线链接</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line"><span class="section"># 1.本地文件:在md文件路径下创建一个同名文件夹，其内放pdf文件名为xxx.pdf的文件</span></span><br><span class="line">&#123;% pdf xxx.pdf %&#125;</span><br><span class="line"><span class="section"># 2.在线链接</span></span><br><span class="line">&#123;% pdf https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/pdf/小作文讲义.pdf %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p>2.在线链接(要放到最外层才能起作用)</p><pre><code>&lt;div class=&quot;row&quot;&gt;&lt;embed src=&quot;https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/pdf/小作文讲义.pdf&quot; width=&quot;100%&quot; height=&quot;550&quot; type=&quot;application/pdf&quot;&gt;&lt;/div&gt;</code></pre><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-30-Hexo-tag-map-插件"><a href="#2-30-Hexo-tag-map-插件" class="headerlink" title="2.30 Hexo-tag-map 插件"></a>2.30 Hexo-tag-map 插件</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&#123;% + 标签值 + 经度 + 纬度 + 文本 + 缩放等级 + 宽 + 高 + 默认图层 + %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><div class="table-container"><table><thead><tr><th style="text-align:center">地图名</th><th style="text-align:center">标签值 &lt;必填&gt;</th><th style="text-align:center">宽 (默认 100%) / 高 (默认 360px)</th><th style="text-align:center">缩放等级 (默认 14)</th><th style="text-align:center">宽 (默认 100%) / 高 (默认 360px)</th><th style="text-align:center">默认图层 (默认 1)</th></tr></thead><tbody><tr><td style="text-align:center">混合地图</td><td style="text-align:center">map</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 3~18</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~7</td></tr><tr><td style="text-align:center">谷歌地图</td><td style="text-align:center">googleMap</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~20</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~3</td></tr><tr><td style="text-align:center">高德地图</td><td style="text-align:center">gaodeMap</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 3~18</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~3</td></tr><tr><td style="text-align:center">百度地图</td><td style="text-align:center">baiduMap</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 4~18</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~2</td></tr><tr><td style="text-align:center">Geoq 地图</td><td style="text-align:center">geoqMap</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~18</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~5</td></tr><tr><td style="text-align:center">openstreet 地图</td><td style="text-align:center">openstreetMap</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">取值 1~18</td><td style="text-align:center">百分数或具体值 (100% 或 360px)</td><td style="text-align:center">不支持此参数</td></tr></tbody></table></div><ol><li>参数之间，用英文逗号相隔</li><li>参数必须按上述事例顺序输入，不得为空</li><li>同一个页面，同一组经纬度值，只能插入一个相同标签值的地图 (若有需要，可以将第二个地图上，经度或纬度末尾删除一两个数)</li><li>参数取值必须在上述范围内</li><li>默认图层：即地图叠加层的值，默认常规地图还是卫星地图，可按地图显示顺序取值</li><li>缩放等级，数字越大，地图比例尺越小，显示的越精细</li><li>除标签值外，其他参数选填，但 每个参数的左边的参数必填</li><li>谷歌地图需要外网才能加载查看</li></ol><p>坐标获取：<a href="https://lbs.amap.com/tools/picker">高德地图坐标拾取系统</a> 、<a href="https://api.map.baidu.com/lbsapi/getpoint/index.html">百度地图坐标拾取系统</a></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% map 120.101101,30.239119 %&#125;</span><br><span class="line">&#123;% googleMap 120.101101,30.239119, 这里是西湖灵隐寺，据说求姻缘很灵验哦！ %&#125;</span><br><span class="line">&#123;% geoqMap 120.101101,30.239119, 这里是西湖灵隐寺，据说求姻缘很灵验哦！, 13, 90%, 320px, 3 %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><p><link rel="stylesheet" href="//unpkg.com/hexo-tag-map/lib/leaflet@1.7.1.css"><script data-pjax src="//unpkg.com/hexo-tag-map/lib/leaflet@1.7.1.js"></script><script data-pjax src="//unpkg.com/hexo-tag-map/lib/leaflet.ChineseTmsProviders@1.0.4.js"></script><div class="map-box" style="margin: 0.8rem 0 1.6rem 0;"><div id="map-120.101101-30.239119" style="max-width:100%; height:360px;display: block;margin:0 auto;z-index:1;border-radius: 5px;"></div>&lt;/div&gt;<script type="text/javascript">var normalm=L.tileLayer.chinaProvider('GaoDe.Normal.Map',{maxZoom:20,minZoom:1,attribution:'高德地图'});var imgm=L.tileLayer.chinaProvider('GaoDe.Satellite.Map',{maxZoom:20,minZoom:1,attribution:'高德地图'});var imga=L.tileLayer.chinaProvider('GaoDe.Satellite.Annotion',{maxZoom:20,minZoom:1,attribution:'高德地图'});var normalMap=L.tileLayer.chinaProvider('Google.Normal.Map',{maxZoom:20,minZoom:1,attribution:'Google Maps'}),satelliteMap=L.tileLayer.chinaProvider('Google.Satellite.Map',{maxZoom:21,minZoom:1,attribution:'Google Maps'});routeMap=L.tileLayer.chinaProvider('Google.Satellite.Annotion',{maxZoom:21,minZoom:1});var normalMap=L.tileLayer.chinaProvider('Google.Normal.Map',{maxZoom:21,minZoom:1,attribution:'Google Maps'}),satelliteMap=L.tileLayer.chinaProvider('Google.Satellite.Map',{maxZoom:21,minZoom:1,attribution:'Google Maps'}),routeMap=L.tileLayer.chinaProvider('Google.Satellite.Annotion',{maxZoom:21,minZoom:1,attribution:'Google Maps'});var normalm1=L.tileLayer.chinaProvider('Geoq.Normal.Map',{maxZoom:21,minZoom:1,attribution:'GeoQ'});var normal=L.layerGroup([normalm]),image=L.layerGroup([imgm,imga]);var baseLayers={"高德地图":normal,"智图地图":normalm1,"谷歌地图":normalMap,"高德卫星地图":imgm,"谷歌卫星地图":satelliteMap,"高德卫星标注":image,"谷歌卫星标注":routeMap};var mymap=L.map('map-120.101101-30.239119',{center:[30.239119,120.101101],zoom:14,layers:[normal],zoomControl:false});L.control.layers(baseLayers,null).addTo(mymap);L.control.zoom({zoomInTitle:'放大',zoomOutTitle:'缩小'}).addTo(mymap);</script><br><br></p><p><link rel="stylesheet" href="//unpkg.com/hexo-tag-map/lib/leaflet@1.7.1.css"><script data-pjax src="//unpkg.com/hexo-tag-map/lib/leaflet@1.7.1.js"></script><script data-pjax src="//unpkg.com/hexo-tag-map/lib/leaflet.ChineseTmsProviders@1.0.4.js"></script><div id="googleMap-120.101101-30.239119" style="max-width:100%; height:360px;display: block;margin:0 auto;z-index:1;border-radius: 5px;"></div><script type="text/javascript">var normalMap=L.tileLayer.chinaProvider('Google.Normal.Map',{maxZoom:22,minZoom:1,attribution:'Google Maps'}),satelliteMap=L.tileLayer.chinaProvider('Google.Satellite.Map',{maxZoom:22,minZoom:1,attribution:'Google Maps'}),routeMap=L.tileLayer.chinaProvider('Google.Satellite.Annotion',{maxZoom:22,minZoom:1,attribution:'Google Maps'});var baseLayers={"谷歌地图":normalMap,"谷歌卫星图":satelliteMap,"谷歌卫星标注": routeMap};var overlayLayers={};var mymap=L.map("googleMap-120.101101-30.239119",{center:[30.239119,120.101101],zoom:14,layers:[normalMap],zoomControl:false});L.control.layers(baseLayers,null).addTo(mymap);L.control.zoom({zoomInTitle:'放大',zoomOutTitle:'缩小'}).addTo(mymap);var marker = L.marker(['30.239119','120.101101']).addTo(mymap);marker.bindPopup("这里是西湖灵隐寺，据说求姻缘很灵验哦！").openPopup();</script><br><br></p><p><link rel="stylesheet" href="//unpkg.com/hexo-tag-map/lib/leaflet@1.7.1.css"><script data-pjax src="//unpkg.com/hexo-tag-map/lib/leaflet@1.7.1.js"></script><script data-pjax src="//unpkg.com/hexo-tag-map/lib/leaflet.ChineseTmsProviders@1.0.4.js"></script><div id="geoqMap-120.101101-30.239119" style="max-width:90%; height:320px;display: block;margin:0 auto;z-index:1;border-radius: 5px;"></div><script type="text/javascript">var normalm1=L.tileLayer.chinaProvider('Geoq.Normal.Map',{maxZoom:20,minZoom:1,attribution:'GeoQ'});var normalm2=L.tileLayer.chinaProvider('Geoq.Normal.PurplishBlue',{maxZoom:20,minZoom:1,attribution:'GeoQ'});var normalm3=L.tileLayer.chinaProvider('Geoq.Normal.Gray',{maxZoom:20,minZoom:1,attribution:'GeoQ'});var normalm4=L.tileLayer.chinaProvider('Geoq.Normal.Warm',{maxZoom:20,minZoom:1,attribution:'GeoQ'});var normalm5=L.tileLayer.chinaProvider('Geoq.Theme.Hydro',{maxZoom:20,minZoom:1,attribution:'GeoQ'});var normal=L.layerGroup([normalm1,normalm2,normalm3,normalm4,normalm5]);var baseLayers={"智图地图":normalm1,"午夜蓝":normalm2,"灰色":normalm3,"暖色":normalm4,"水系":normalm5};var mymap=L.map("geoqMap-120.101101-30.239119",{center:[30.239119,120.101101],zoom:13,layers:[normalm3],zoomControl:false});L.control.layers(baseLayers,null).addTo(mymap);L.control.zoom({zoomInTitle:'放大',zoomOutTitle:'缩小'}).addTo(mymap);var marker = L.marker(['30.239119','120.101101']).addTo(mymap);marker.bindPopup("这里是西湖灵隐寺，据说求姻缘很灵验哦！").openPopup();</script><br><br></p><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div><h2 id="2-31-隐藏块"><a href="#2-31-隐藏块" class="headerlink" title="2.31 隐藏块"></a>2.31 隐藏块</h2><div class="tabs" id="分栏"><ul class="nav-tabs"><li class="tab active"><button type="button" data-href="#分栏-1">标签语法</button></li><li class="tab"><button type="button" data-href="#分栏-2">参数配置</button></li><li class="tab"><button type="button" data-href="#分栏-3">示例源码</button></li><li class="tab"><button type="button" data-href="#分栏-4">渲染演示</button></li></ul><div class="tab-contents"><div class="tab-item-content active" id="分栏-1"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">&#123;% hideBlock display,bg,color %&#125;</span><br><span class="line">content</span><br><span class="line">&#123;% endhideBlock %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-2"><ol><li>content：要隐藏的内容</li><li>display：展示前按钮显示的文字（可选）</li><li>bg：按钮的背景颜色（可选）</li><li>color：按钮显示的文字的颜色（可选）</li></ol><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-3"><figure class="highlight markdown"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&#123;% hideBlock 点我预览, blue %&#125;</span><br><span class="line">这里有张图片：</span><br><span class="line"><span class="language-xml"><span class="tag">&lt;<span class="name">img</span> <span class="attr">src</span>=<span class="string">&quot;https://s1.vika.cn/space/2022/10/30/b35fce448bc9404a8d65c3ce1e6e46eb&quot;</span> <span class="attr">alt</span>=<span class="string">&quot;image (1)&quot;</span> <span class="attr">style</span>=<span class="string">&quot;zoom:67%;&quot;</span> /&gt;</span></span></span><br><span class="line">&#123;% endhideBlock %&#125;</span><br></pre></td></tr></table></figure><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div><div class="tab-item-content" id="分栏-4"><div class="hide-block"><button type="button" class="hide-button" style="background-color:  blue;">点我预览    </button><div class="hide-content"><p>这里有张图片：<br><img src="https://s1.vika.cn/space/2022/10/30/b35fce448bc9404a8d65c3ce1e6e46eb" alt="image (1)" style="zoom:67%;" /></p></div></div><button type="button" class="tab-to-top" aria-label="scroll to top"><i class="fas fa-arrow-up"></i></button></div></div></div>]]></content>
    
    
    <summary type="html">本文汇总Markdown格式以及外挂标签在网页端的渲染效果，可作为文档进行查询</summary>
    
    
    
    
  </entry>
  
  <entry>
    <title>郑袖</title>
    <link href="https://www.starmiu.top/posts/519fce68.html"/>
    <id>https://www.starmiu.top/posts/519fce68.html</id>
    <published>2025-05-13T12:20:15.000Z</published>
    <updated>2025-06-20T13:23:32.000Z</updated>
    
    <content type="html"><![CDATA[<p>初启<br>你是<span title="这是郑袖">郑袖</span>，楚国楚怀王的宠妃。<br>生于越国贵族世家，自幼便在权谋与算计的环境中长大，聪慧过人且心机深沉。<br>某天楚国出兵灭了越国，你也进入了楚国后宫。<br>凭借着出众的容貌与手段，成功俘获楚怀王的心，在楚国后宫拥有极高的地位。然而，你深知在这波谲云诡的宫廷之中，地位的稳固并非一劳永逸，每一次宫廷风云的变幻都可能危及你的荣华富贵乃至性命。<br>偶然一次，你出宫去，碰到了卫贤的越国贵族，他听说你在楚国得宠。她对你说。<br>“只要您能帮我进入楚国朝堂，我愿意成为您在前朝的眼线。”<br>你见到他不由想到自己命运悲惨，同时觉得他的提议对自己有利。所以你找到靳尚，让他做了靳尚的署官。<br>当秦国相国张仪出使楚国，试图瓦解齐楚联盟时，你敏锐地察觉到这背后隐藏着巨大的利益与危机。你一方面要维护自己在楚国宫廷的地位，另一方面也想借助这场风波为自己谋取更多的利益，于是，你不由自主地卷入了这场复杂的政治漩涡之中。<br>第一幕 谋划<br>在你安排完卫贤，自此，你在前朝有了靳尚和卫贤两个眼线。<br>某日，卫贤找到你。说他搜集到了靳尚贪污受贿，通敌卖国的证据，希望得到你的支持，扳倒靳尚。<br>你没想到他的野心这么大，居然要取代靳尚，你呵斥了他，阻止了他的行为。<br>在他走后，你不禁怀疑他是否也会背叛自己。<br>这几日，楚国宫廷里都在传秦国相国张仪要来，说是要谈什么秦楚交好的大事。你心里清楚，秦国向来野心勃勃，哪会这么轻易就想和楚国交好，这里面肯定有猫腻。不过，这也说不定是个机会，要是能利用好，没准能为自己捞到不少好处。<br>这天晚上，你正坐在自己的宫殿里，对着铜镜整理妆容，思索着接下来的局势。贴身侍女轻轻走进来，在你耳边小声说：“娘娘，靳尚大人求见。”你微微皱眉，靳尚这个时候来，肯定有什么重要的事。你吩咐侍女把他带进来。<br>靳尚进来后，先是恭敬地行了礼，然后小心翼翼地说：“娘娘，秦国的张仪马上就要到楚国了，他这次来，是想让大王和齐国断交，和秦国结盟。他还说要献给大王商於之地六百里呢。”你听了，心中一惊，六百里土地可不是小数目，要是真能得到，大王肯定会很高兴。但你又觉得事情没这么简单，便问道：“你觉得这张仪说的话可信吗？”靳尚赔着笑说：“娘娘，张仪此人诡计多端，不过这对我们来说或许是个机会。要是能促成秦楚联盟，咱们在楚国的地位不就更稳固了吗？而且，张仪还说，只要咱们帮他，他不会亏待咱们的。”<br>你心中一动，开始盘算起来。如果能让大王同意和秦国结盟，自己在大王心中的地位肯定会更上一层楼。但要是这其中有诈，大王怪罪下来，自己也吃不了兜着走。<br>思索片刻后，你对靳尚说：“你先盯着张仪的一举一动，有什么情况随时来告诉我。至于帮他的事，我再考虑考虑。”<br>靳尚连忙点头，退了下去。<br>张仪来楚国的第二天，你在后宫里就听到了不少关于他的消息。听说他在朝堂上提出用商於之地六百里换取楚国和齐国断交，朝堂上议论纷纷，大王也有些心动，但陈轸那老东西却极力反对。你心中有些不悦，陈轸总是这么不识趣，要是坏了自己的好事，可别怪你不客气。<br>你派人给卫大人送去书信，让他协助靳尚，在朝堂上驳斥陈轸。下人回来告诉你，说卫贤态度极其不好，担心他会背叛你，你起了杀心。<br>当晚，你就派人打算去杀了他。<br>杀手回来告诉你，卫贤死了，家里也被大火烧毁了。<br>（未经主持人允许，禁止翻看下一页）</p><p>本阶段你的任务：<br>掩盖你的身份和你与卫贤的关系。</p>]]></content>
    
    
    <summary type="html">楚王幸姬郑袖，袖所言无不从者。——司马迁</summary>
    
    
    
    <category term="秦楚纵横" scheme="https://www.starmiu.top/categories/%E7%A7%A6%E6%A5%9A%E7%BA%B5%E6%A8%AA/"/>
    
    
    <category term="郑袖" scheme="https://www.starmiu.top/tags/%E9%83%91%E8%A2%96/"/>
    
  </entry>
  
  <entry>
    <title>郑袖（第二幕）</title>
    <link href="https://www.starmiu.top/posts/d3c03399.html"/>
    <id>https://www.starmiu.top/posts/d3c03399.html</id>
    <published>2025-05-13T12:20:04.000Z</published>
    <updated>2026-05-12T09:34:52.585Z</updated>
    
    <content type="html"><![CDATA[<p>第二幕 入局<br>第二天一早，下人一脸慌张地说：“娘娘，不好了，张仪遇到麻烦了。”<br>“昨天下午他收到一封匿名信，约他去城西南的亭子。”<br>“我派人去调查，结果署官家里昨晚就遭了贼，全家上下二十多口人都被杀了，就剩一个下人重伤昏迷。现在外面都在传，说靳尚大人、陈轸大人、张仪，甚至连您都有嫌疑。”<br>你听了，脸色大变，这可不是小事。如果这件事查不清楚，自己肯定会被牵连进去。<br>过了一会，靳尚派人来了。<br>靳尚希望你能帮助他摆脱嫌疑。<br>你沉思片刻，说：“告诉靳尚先别慌，想办法把和张仪来往的证据都销毁了，别让人抓住把柄。至于我这边，我会在大王面前想办法的。”<br>靳尚的人走后，你坐在床上，一夜未眠，思索着如何应对这场危机。<br>（未经主持人允许，禁止翻看下一页）</p><p>本阶段你的任务：<br>想办法隐瞒自己派出过杀手去杀卫贤的事实。</p>]]></content>
    
    
    <summary type="html">郑袖（第二幕）</summary>
    
    
    
    
    <category term="郑袖" scheme="https://www.starmiu.top/tags/%E9%83%91%E8%A2%96/"/>
    
  </entry>
  
  <entry>
    <title>郑袖（第三幕）</title>
    <link href="https://www.starmiu.top/posts/c3dd1b43.html"/>
    <id>https://www.starmiu.top/posts/c3dd1b43.html</id>
    <published>2025-05-13T12:19:59.000Z</published>
    <updated>2026-05-12T09:34:58.663Z</updated>
    
    <content type="html"><![CDATA[<p>第三幕 意外<br>张仪来楚国的第三天，大王因为卫大人的案子心烦意乱，朝堂上也没心思讨论和秦国结盟的事了。你知道，这件事要是不尽快解决，秦国的事就会一直拖着，自己的计划也会泡汤。<br>于是，你精心打扮了一番，来到大王的宫殿。<br>大王看到你，脸上露出一丝疲惫的笑容。<br>你撒娇地说：“大王，这几天您为了那个案子忙得不可开交，臣妾好心疼啊。您可要多注意自己的身体，别累坏了。”<br>大王叹了口气说：“爱妃，你不知道，这案子牵扯的人太多，要是查不清楚，楚国朝堂恐怕要大乱啊。”<br>你趁机说：“大王，臣妾听说这案子和张仪有关，他可是秦国的相国，要是因为这件事影响了秦楚两国的关系，那可就不好了。<br>依臣妾看，不如先把和秦国结盟的事定下来，再慢慢查这个案子，您觉得呢？”<br>大王听了，沉思片刻说：“爱妃所言也有道理，只是这张仪说的话，我实在是不敢轻信啊。”<br>你连忙说：“大王，张仪既然敢提出用六百里土地来换，肯定是有诚意的。而且，要是真能得到那六百里土地，楚国可就强大了。再说了，有臣妾在您身边，您还怕什么呢？”<br>大王听了你的话，心中有些动摇，说：“爱妃，容我再考虑考虑。”<br>后来你听说卫贤的案子有结果了，楚王宣布结案，你也放心下来。<br>你知道，自己必须想办法让大王相信张仪，不然一切都白费了。这时，你突然想到了一个人——陈轸。<br>陈轸一直反对和秦国结盟，要是能把他扳倒，大王肯定会更容易接受张仪的提议。<br>你派人暗中调查陈轸，很快就发现了他的一些把柄。原来，陈轸之前在秦国做过客卿，和秦国的一些大臣关系密切。你觉得这是个好机会，于是，你在大王面前添油加醋地说了陈轸的坏话。大王听了，脸色变得很难看，说：“没想到陈轸这老东西竟然心怀不轨，看来不能再留他了。”<br>几天后，楚王终于决定和齐国断交，与秦国结盟。你得知这个消息后，心中大喜。你知道，自己的第一步计划成功了。晚上，大王在宫中设宴庆祝，你也盛装出席。宴会上，你看到陈轸坐在那里一言不发，心中暗自得意。你故意走到陈轸面前，嘲讽地说：“陈大人，今天可是大喜的日子，您怎么看起来不太高兴啊？”陈轸看了你一眼，冷哼一声，没有说话。你也不在意，转身回到大王身边，继续享受着这胜利的喜悦。<br>后来你从靳尚口中得知，张仪回秦国后，竟然反悔了，说当初答应的六百里土地变成了六里。楚王得知这个消息后，大发雷霆，立刻出兵攻打秦国。你心里也很生气，觉得自己被张仪耍了。但你知道，现在不是生气的时候，得想办法挽回局面。<br>秦国和齐国联合起来攻打楚国，楚国军队节节败退，死伤惨重。大王整天愁眉苦脸，你看在眼里，急在心里。你知道，要是楚国再这样下去，自己的地位也会受到影响。于是，你再次找到靳尚，商量对策。<br>靳尚说：“娘娘，现在楚国的形势很危急，只有把张仪抓来，才能平息大王的怒火，也有可能让秦国退兵。”你觉得靳尚说得有道理，便说：“那你快去想办法把张仪骗到楚国来。”<br>靳尚面露难色地说：“张仪那家伙很狡猾，恐怕不容易上钩啊。”<br>你想了想，说：“你告诉张仪，只要他来楚国，我会在大王面前帮他说好话，保证他的安全。他和你关系不错，应该会相信你的。”靳尚无奈地点点头，说：“好吧，我试试。”<br>没过多久，张仪真的再次来到了楚国。你本以为他来了就能解决问题，可没想到大王一见到他，就下令把他囚禁起来，要杀掉他。<br>靳尚找到你，希望能搭救张仪，他对你说:<br>“秦王特别钟爱张仪而打算把他从囚禁中救出来，如今将要用上庸六个县的土地贿赂楚国，把美女嫁给楚王，用宫中擅长歌唱的女人作陪嫁。楚王看重土地，就会敬重秦国。秦国的美女一定会受到宠爱而尊贵，这样，夫人也将被鄙弃了。不如替张仪讲情，使他从囚禁中释放出来。”<br>你陷入了两难的地步。</p><p>本阶段你的任务：<br>在你利益最大化的前提下，决定是否要再次搭救张仪。</p>]]></content>
    
    
    <summary type="html">郑袖（第三幕）</summary>
    
    
    
    
    <category term="郑袖" scheme="https://www.starmiu.top/tags/%E9%83%91%E8%A2%96/"/>
    
  </entry>
  
</feed>
