<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>Shortcode on Ben&#39;s Blog</title>
    <link>https://jinpeng.cv/en/tags/shortcode/</link>
    <description>Recent content in Shortcode on Ben&#39;s Blog</description>
    <generator>Hugo -- 0.154.0</generator>
    <language>en</language>
    <copyright>©️ 2025 Ben</copyright>
    <lastBuildDate>Mon, 09 Mar 2026 22:26:59 -0600</lastBuildDate>
    <atom:link href="https://jinpeng.cv/en/tags/shortcode/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>April 25, 2025</title>
      <link>https://jinpeng.cv/en/diary/2025/april/2025-04-25/</link>
      <pubDate>Fri, 25 Apr 2025 02:27:01 +0000</pubDate>
      <guid>https://jinpeng.cv/en/diary/2025/april/2025-04-25/</guid>
      <description>&lt;h3 id=&#34;1045-completed-the-integration-of-volcano-engines-api&#34;&gt;10:45 Completed the integration of Volcano Engine&amp;rsquo;s API&lt;/h3&gt;
&lt;p&gt;The money I topped up in DeepSeek always gets used up suddenly—not sure if it&amp;rsquo;s due to an API leak or issues with the calls. Switched to the API provided by Volcano Engine instead; it&amp;rsquo;s also cheaper.&lt;/p&gt;
&lt;h3 id=&#34;1052-optimized-the-quickadd-action-for-adding-records&#34;&gt;10:52 Optimized the QuickAdd action for adding records&lt;/h3&gt;
&lt;p&gt;Now it can all be done in a single input box. Even with longer text, there’s no need to open the diary again to continue adding more.&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h3 id="1045-completed-the-integration-of-volcano-engines-api">10:45 Completed the integration of Volcano Engine&rsquo;s API</h3>
<p>The money I topped up in DeepSeek always gets used up suddenly—not sure if it&rsquo;s due to an API leak or issues with the calls. Switched to the API provided by Volcano Engine instead; it&rsquo;s also cheaper.</p>
<h3 id="1052-optimized-the-quickadd-action-for-adding-records">10:52 Optimized the QuickAdd action for adding records</h3>
<p>Now it can all be done in a single input box. Even with longer text, there’s no need to open the diary again to continue adding more.</p>
<h3 id="1318-failed-attempt-at-using-typeit-as-a-shortcode">13:18 Failed attempt at using TypeIt as a shortcode</h3>
<p>Gave up on this. These trivial things aren’t worth the effort—remember, less is more. At all times, focus on the main content and grasp the essence. Unless I’m someone who produces appearances or tools, there’s no need to overcomplicate things.</p>
<h3 id="2004-suddenly-discovered-the-benefits-of-nearsightedness">20:04 Suddenly discovered the benefits of nearsightedness</h3>
<p>My left eye has about 200 degrees of myopia. After staying indoors all day, I decided to go out for a walk. My eyes felt a bit uncomfortable, so I tried closing one eye—and made a novel discovery.</p>
<p>As someone who strongly dislikes the overwhelming presence of advertisements in every aspect of life, I suddenly realized that mild nearsightedness can, to some extent, reduce the ads around us—because they become blurry.</p>
<p>Those eye-catching slogans are like being intelligently blurred out, no longer able to grab our attention. Of course, this only works with around 200 degrees of myopia. If the prescription is too high, it might also affect our ability to appreciate the beauty in life.</p>
]]></content:encoded>
    </item>
    <item>
      <title>April 11, 2025</title>
      <link>https://jinpeng.cv/en/diary/2025/april/2025-04-11/</link>
      <pubDate>Fri, 11 Apr 2025 01:56:37 +0000</pubDate>
      <guid>https://jinpeng.cv/en/diary/2025/april/2025-04-11/</guid>
      <description>&lt;h3 id=&#34;0956-completed-not-by-ai-and-nonbot-declaration-citations&#34;&gt;09:56 Completed Not-By-AI and NonBot Declaration Citations&lt;/h3&gt;
&lt;p&gt;Started tinkering with code again—sometimes it&amp;rsquo;s hard to resist the temptation. Especially when I see someone else&amp;rsquo;s great implementation or when a novel idea suddenly pops into my head.&lt;/p&gt;
&lt;h3 id=&#34;1014-ported-the-chat-bubble-shortcode&#34;&gt;10:14 Ported the Chat Bubble Shortcode&lt;/h3&gt;
&lt;p&gt;Inspired by &lt;a href=&#34;https://www.xalaok.top/post/hugo-shortcodes/#%E8%81%8A%E5%A4%A9%E6%B0%94%E6%B3%A1&#34;&gt;Some Hugo Shortcodes | Naive Koala&lt;/a&gt;, the effect is as follows:&lt;/p&gt;

&lt;div class=&#34;chat --other&#34;&gt;
    &lt;div class=&#34;chat__inner&#34;&gt;
        &lt;div class=&#34;chat__meta&#34;&gt;Jeapo&amp;nbsp;&amp;nbsp;&amp;nbsp;2025-04-11 09:20&lt;/div&gt;
        &lt;div class=&#34;chat__text&#34;&gt;
              
Little Huanhuan is hungry  

        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;style&gt;
    .chat {
        margin: 10px;
        padding: 10px;
        position: relative;
         
        transition: transform 0.2s;
         
        max-width: 80%;
        min-width: 15%;
    }
    
    .chat:hover {
        transform: scale(1.05);
    }
    
    .chat.--self {
        text-align: left;
        background-color: #ecf5ff;
        color: #000000;
        border-radius: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: 20px;
    }
     
    
    .chat.--self::before {
        content: &#34;&#34;;
        position: absolute;
        right: -18px;
         
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 0 0 20px;
        border-style: solid;
        border-color: transparent transparent transparent #ecf5ff;
         
    }
     
    
    .chat.--other {
        text-align: left;
        background-color: #ffecec;
        color: #333;
        border-radius: 15px;
        position: relative;
        width: fit-content;
        margin-left: 20px;
    }
     
    
    .chat.--other::before {
        content: &#34;&#34;;
        position: absolute;
        left: -18px;
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 20px 0 0;
        border-style: solid;
        border-color: transparent #ffecec transparent transparent;
    }
     
    
    .chat__meta {
        font-weight: bold;
        font-size: 0.67em;
        color: #707070;
        margin-bottom: 5px;
    }
     
    
    .chat__text {
        font-size: 0.9em;
        margin-left: 10px;
        word-break: break-all;
    }
    
    [data-scheme=&#34;dark&#34;] {
        .chat.--self {
            color: #fefefe;
            background-color: #253958;
        }
        .chat.--self::before {
            border-color: transparent transparent transparent #253958;
        }
        .chat.--other {
            color: #fefefe;
            background-color: #1a1a1a;
        }
        .chat.--other::before {
            border-color: transparent #1a1a1a transparent transparent;
        }
        .chat__meta {
            color: #b1b1b1;
        }
    }
&lt;/style&gt;


&lt;div class=&#34;chat --self&#34;&gt;
    &lt;div class=&#34;chat__inner&#34;&gt;
        &lt;div class=&#34;chat__meta&#34; style=&#34;text-align: right;&#34;&gt;2025-04-11 09:37&amp;nbsp;&amp;nbsp;&amp;nbsp;Huan&lt;/div&gt;
        &lt;div class=&#34;chat__text&#34;&gt;
              
The noodles Sister Sha brought, hahaha  

        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;style&gt;
    .chat {
        margin: 10px;
        padding: 10px;
        position: relative;
         
        transition: transform 0.2s;
         
        max-width: 80%;
        min-width: 15%;
    }
    
    .chat:hover {
        transform: scale(1.05);
    }
    
    .chat.--self {
        text-align: left;
        background-color: #ecf5ff;
        color: #000000;
        border-radius: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: 20px;
    }
     
    
    .chat.--self::before {
        content: &#34;&#34;;
        position: absolute;
        right: -18px;
         
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 0 0 20px;
        border-style: solid;
        border-color: transparent transparent transparent #ecf5ff;
         
    }
     
    
    .chat.--other {
        text-align: left;
        background-color: #ffecec;
        color: #333;
        border-radius: 15px;
        position: relative;
        width: fit-content;
        margin-left: 20px;
    }
     
    
    .chat.--other::before {
        content: &#34;&#34;;
        position: absolute;
        left: -18px;
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 20px 0 0;
        border-style: solid;
        border-color: transparent #ffecec transparent transparent;
    }
     
    
    .chat__meta {
        font-weight: bold;
        font-size: 0.67em;
        color: #707070;
        margin-bottom: 5px;
    }
     
    
    .chat__text {
        font-size: 0.9em;
        margin-left: 10px;
        word-break: break-all;
    }
    
    [data-scheme=&#34;dark&#34;] {
        .chat.--self {
            color: #fefefe;
            background-color: #253958;
        }
        .chat.--self::before {
            border-color: transparent transparent transparent #253958;
        }
        .chat.--other {
            color: #fefefe;
            background-color: #1a1a1a;
        }
        .chat.--other::before {
            border-color: transparent #1a1a1a transparent transparent;
        }
        .chat__meta {
            color: #b1b1b1;
        }
    }
&lt;/style&gt;


&lt;div class=&#34;chat --self&#34;&gt;
    &lt;div class=&#34;chat__inner&#34;&gt;
        &lt;div class=&#34;chat__meta&#34; style=&#34;text-align: right;&#34;&gt;2025-04-11 09:37&amp;nbsp;&amp;nbsp;&amp;nbsp;Huan&lt;/div&gt;
        &lt;div class=&#34;chat__text&#34;&gt;
              
So fragrant  

        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;


&lt;style&gt;
    .chat {
        margin: 10px;
        padding: 10px;
        position: relative;
         
        transition: transform 0.2s;
         
        max-width: 80%;
        min-width: 15%;
    }
    
    .chat:hover {
        transform: scale(1.05);
    }
    
    .chat.--self {
        text-align: left;
        background-color: #ecf5ff;
        color: #000000;
        border-radius: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: 20px;
    }
     
    
    .chat.--self::before {
        content: &#34;&#34;;
        position: absolute;
        right: -18px;
         
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 0 0 20px;
        border-style: solid;
        border-color: transparent transparent transparent #ecf5ff;
         
    }
     
    
    .chat.--other {
        text-align: left;
        background-color: #ffecec;
        color: #333;
        border-radius: 15px;
        position: relative;
        width: fit-content;
        margin-left: 20px;
    }
     
    
    .chat.--other::before {
        content: &#34;&#34;;
        position: absolute;
        left: -18px;
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 20px 0 0;
        border-style: solid;
        border-color: transparent #ffecec transparent transparent;
    }
     
    
    .chat__meta {
        font-weight: bold;
        font-size: 0.67em;
        color: #707070;
        margin-bottom: 5px;
    }
     
    
    .chat__text {
        font-size: 0.9em;
        margin-left: 10px;
        word-break: break-all;
    }
    
    [data-scheme=&#34;dark&#34;] {
        .chat.--self {
            color: #fefefe;
            background-color: #253958;
        }
        .chat.--self::before {
            border-color: transparent transparent transparent #253958;
        }
        .chat.--other {
            color: #fefefe;
            background-color: #1a1a1a;
        }
        .chat.--other::before {
            border-color: transparent #1a1a1a transparent transparent;
        }
        .chat__meta {
            color: #b1b1b1;
        }
    }
&lt;/style&gt;

&lt;p&gt;From now on, meaningful conversations can be preserved in this format, like the one I had with Manman before: &lt;a href=&#34;2023/2023-06-22.en.md&#34;&gt;Is Our Earth Real?&lt;/a&gt;&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h3 id="0956-completed-not-by-ai-and-nonbot-declaration-citations">09:56 Completed Not-By-AI and NonBot Declaration Citations</h3>
<p>Started tinkering with code again—sometimes it&rsquo;s hard to resist the temptation. Especially when I see someone else&rsquo;s great implementation or when a novel idea suddenly pops into my head.</p>
<h3 id="1014-ported-the-chat-bubble-shortcode">10:14 Ported the Chat Bubble Shortcode</h3>
<p>Inspired by <a href="https://www.xalaok.top/post/hugo-shortcodes/#%E8%81%8A%E5%A4%A9%E6%B0%94%E6%B3%A1">Some Hugo Shortcodes | Naive Koala</a>, the effect is as follows:</p>

<div class="chat --other">
    <div class="chat__inner">
        <div class="chat__meta">Jeapo&nbsp;&nbsp;&nbsp;2025-04-11 09:20</div>
        <div class="chat__text">
              
Little Huanhuan is hungry  

        </div>
    </div>
</div>


<style>
    .chat {
        margin: 10px;
        padding: 10px;
        position: relative;
         
        transition: transform 0.2s;
         
        max-width: 80%;
        min-width: 15%;
    }
    
    .chat:hover {
        transform: scale(1.05);
    }
    
    .chat.--self {
        text-align: left;
        background-color: #ecf5ff;
        color: #000000;
        border-radius: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: 20px;
    }
     
    
    .chat.--self::before {
        content: "";
        position: absolute;
        right: -18px;
         
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 0 0 20px;
        border-style: solid;
        border-color: transparent transparent transparent #ecf5ff;
         
    }
     
    
    .chat.--other {
        text-align: left;
        background-color: #ffecec;
        color: #333;
        border-radius: 15px;
        position: relative;
        width: fit-content;
        margin-left: 20px;
    }
     
    
    .chat.--other::before {
        content: "";
        position: absolute;
        left: -18px;
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 20px 0 0;
        border-style: solid;
        border-color: transparent #ffecec transparent transparent;
    }
     
    
    .chat__meta {
        font-weight: bold;
        font-size: 0.67em;
        color: #707070;
        margin-bottom: 5px;
    }
     
    
    .chat__text {
        font-size: 0.9em;
        margin-left: 10px;
        word-break: break-all;
    }
    
    [data-scheme="dark"] {
        .chat.--self {
            color: #fefefe;
            background-color: #253958;
        }
        .chat.--self::before {
            border-color: transparent transparent transparent #253958;
        }
        .chat.--other {
            color: #fefefe;
            background-color: #1a1a1a;
        }
        .chat.--other::before {
            border-color: transparent #1a1a1a transparent transparent;
        }
        .chat__meta {
            color: #b1b1b1;
        }
    }
</style>


<div class="chat --self">
    <div class="chat__inner">
        <div class="chat__meta" style="text-align: right;">2025-04-11 09:37&nbsp;&nbsp;&nbsp;Huan</div>
        <div class="chat__text">
              
The noodles Sister Sha brought, hahaha  

        </div>
    </div>
</div>


<style>
    .chat {
        margin: 10px;
        padding: 10px;
        position: relative;
         
        transition: transform 0.2s;
         
        max-width: 80%;
        min-width: 15%;
    }
    
    .chat:hover {
        transform: scale(1.05);
    }
    
    .chat.--self {
        text-align: left;
        background-color: #ecf5ff;
        color: #000000;
        border-radius: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: 20px;
    }
     
    
    .chat.--self::before {
        content: "";
        position: absolute;
        right: -18px;
         
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 0 0 20px;
        border-style: solid;
        border-color: transparent transparent transparent #ecf5ff;
         
    }
     
    
    .chat.--other {
        text-align: left;
        background-color: #ffecec;
        color: #333;
        border-radius: 15px;
        position: relative;
        width: fit-content;
        margin-left: 20px;
    }
     
    
    .chat.--other::before {
        content: "";
        position: absolute;
        left: -18px;
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 20px 0 0;
        border-style: solid;
        border-color: transparent #ffecec transparent transparent;
    }
     
    
    .chat__meta {
        font-weight: bold;
        font-size: 0.67em;
        color: #707070;
        margin-bottom: 5px;
    }
     
    
    .chat__text {
        font-size: 0.9em;
        margin-left: 10px;
        word-break: break-all;
    }
    
    [data-scheme="dark"] {
        .chat.--self {
            color: #fefefe;
            background-color: #253958;
        }
        .chat.--self::before {
            border-color: transparent transparent transparent #253958;
        }
        .chat.--other {
            color: #fefefe;
            background-color: #1a1a1a;
        }
        .chat.--other::before {
            border-color: transparent #1a1a1a transparent transparent;
        }
        .chat__meta {
            color: #b1b1b1;
        }
    }
</style>


<div class="chat --self">
    <div class="chat__inner">
        <div class="chat__meta" style="text-align: right;">2025-04-11 09:37&nbsp;&nbsp;&nbsp;Huan</div>
        <div class="chat__text">
              
So fragrant  

        </div>
    </div>
</div>


<style>
    .chat {
        margin: 10px;
        padding: 10px;
        position: relative;
         
        transition: transform 0.2s;
         
        max-width: 80%;
        min-width: 15%;
    }
    
    .chat:hover {
        transform: scale(1.05);
    }
    
    .chat.--self {
        text-align: left;
        background-color: #ecf5ff;
        color: #000000;
        border-radius: 15px;
        width: fit-content;
        margin-left: auto;
        margin-right: 20px;
    }
     
    
    .chat.--self::before {
        content: "";
        position: absolute;
        right: -18px;
         
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 0 0 20px;
        border-style: solid;
        border-color: transparent transparent transparent #ecf5ff;
         
    }
     
    
    .chat.--other {
        text-align: left;
        background-color: #ffecec;
        color: #333;
        border-radius: 15px;
        position: relative;
        width: fit-content;
        margin-left: 20px;
    }
     
    
    .chat.--other::before {
        content: "";
        position: absolute;
        left: -18px;
        bottom: 5px;
        transform: translateY(-50%);
        border-width: 15px 20px 0 0;
        border-style: solid;
        border-color: transparent #ffecec transparent transparent;
    }
     
    
    .chat__meta {
        font-weight: bold;
        font-size: 0.67em;
        color: #707070;
        margin-bottom: 5px;
    }
     
    
    .chat__text {
        font-size: 0.9em;
        margin-left: 10px;
        word-break: break-all;
    }
    
    [data-scheme="dark"] {
        .chat.--self {
            color: #fefefe;
            background-color: #253958;
        }
        .chat.--self::before {
            border-color: transparent transparent transparent #253958;
        }
        .chat.--other {
            color: #fefefe;
            background-color: #1a1a1a;
        }
        .chat.--other::before {
            border-color: transparent #1a1a1a transparent transparent;
        }
        .chat__meta {
            color: #b1b1b1;
        }
    }
</style>

<p>From now on, meaningful conversations can be preserved in this format, like the one I had with Manman before: <a href="2023/2023-06-22.en.md">Is Our Earth Real?</a></p>
<h3 id="1055-hidden-posts">10:55 Hidden Posts</h3>
<p>Some draft-like posts that won’t be edited later, so I added a <code>hidden</code> attribute to the site to hide them. Unlike the <code>draft</code> attribute, these posts will still be rendered and accessible via direct links. Reference: <a href="https://mantyke.icu/posts/2024/hidden-posts/">Hugo | Adding Hidden Posts Functionality to the Cactus Theme | Little Flying Fish</a>.</p>
<h3 id="1219-introduced-heti">12:19 Introduced Heti</h3>
<p>Heti (hè tí) is an open-source project for enhancing Chinese typography, making page layouts more aesthetically pleasing. Project address: <a href="https://sivan.github.io/heti/#intro">Heti - A Simple and Minimalist Web Chinese Typography Enhancement</a></p>
<h3 id="1314-csc-has-reached-the-review-stage-at-the-china-scholarship-council">13:14 CSC Has Reached the Review Stage at the China Scholarship Council</h3>
<p>Suddenly realized I hadn’t checked the CSC application status in a while—it had been stuck at &ldquo;Pending Acceptance by the Unit.&rdquo; Just logged in and saw that the provincial education department has approved it, and now it’s under review by the China Scholarship Council.<br>
<img loading="lazy" src="../../../../static/images/diary/CSC%E5%AE%A1%E6%A0%B8%E8%BF%9B%E5%BA%A6-%E5%9F%BA%E9%87%91%E5%A7%94%E5%AE%A1%E6%A0%B8%E4%B8%AD.png"><br>
One step closer to a successful application. Feeling a mix of excitement and nervousness.</p>
<h3 id="1418-why-cant-i-keep-things-to-myself">14:18 Why Can’t I Keep Things to Myself?</h3>
<p>Couldn’t fall asleep. Kept worrying about my passport still being at my former workplace—it might become an issue.</p>
<h3 id="1551-tidied-up-the-room">15:51 Tidied Up the Room</h3>
<p>Living alone really makes me lazy. Huanhuan is coming over this afternoon, so I cleaned up the room a bit—it looks slightly more presentable now.</p>
<h3 id="1724-eyes-feeling-sore">17:24 Eyes Feeling Sore</h3>
<p>Synced recent diary entries to a notebook.<br>
Tried adding an info stats page inspired by <a href="https://www.eallion.com/stats/">Big Little Snail</a>, but rendering took too long, so I gave up.</p>
<p>Time to read for a while.</p>
<h3 id="1936-2024-guizhou-provincial-exam-results-are-out">19:36 2024 Guizhou Provincial Exam Results Are Out</h3>
<p>Saw the results on WeChat—they’re out. I applied for the Guiyang Disabled Persons’ Federation position, and this score basically means no chance for an interview.</p>
<table>
  <thead>
      <tr>
          <th>Category</th>
          <th>Civil Service</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>Subcategory</td>
          <td>Class A</td>
      </tr>
      <tr>
          <td>Test Score</td>
          <td>99.9</td>
      </tr>
      <tr>
          <td>Essay Score</td>
          <td>105.5</td>
      </tr>
      <tr>
          <td>Bonus Points</td>
          <td>0</td>
      </tr>
      <tr>
          <td>Written Exam Score</td>
          <td>68.47</td>
      </tr>
  </tbody>
</table>
<h3 id="2335-happiness">23:35 Happiness</h3>
<p>For the past four days, I’ve been guiding my mom around the main streets of Shuicheng. Today, to help her practice exploring the city on her own, I asked her to walk along Gongyuan Road to find me. She successfully followed the path and made it to me. We took a short stroll, and she got to know the surrounding streets a little better.</p>
<p>After dropping my mom off, I walked along the Shuicheng River to pick up Huanhuan.<br>
Winter is truly over—the cherry blossoms along the riverbank are in full bloom, clustered in thick bunches. Crowds of people gathered beneath them: girls in all kinds of dresses, middle-aged men and women, elderly folks, and children. Shuicheng is coming alive again.</p>
<p>After meeting Huanhuan, we walked the cherry blossom-lined path once more. It had been a long time since we were alone together, and we both felt relaxed and at ease. The only downside was that I’d walked too much—my lower back was aching terribly.</p>
<p>We took a taxi back from Minghu Road and cooked a bowl of Buldak ramen with crayfish flavor, along with some leftover vegetarian dishes from the morning. It was absolutely delicious—everything was just perfect, even the chilled broth from the vegetables.</p>
]]></content:encoded>
    </item>
  </channel>
</rss>
