From c1f52d01145b36e20f042822a5b0f3804c1b8042 Mon Sep 17 00:00:00 2001 From: paw Date: Sat, 3 May 2025 08:52:12 +0800 Subject: [PATCH] fix muheheh --- content/_index.md | 10 +++++----- content/post/blog-muhehehe.md | 2 +- public/categories/blog/index.xml | 2 +- public/categories/example/index.xml | 2 +- public/categories/index.xml | 2 +- public/index.html | 10 +++++----- public/post/index.xml | 4 ++-- public/sitemap.xml | 22 +++++++++++----------- public/tags/css/index.xml | 4 ++-- public/tags/index.xml | 2 +- public/tags/markdown/index.xml | 2 +- public/tags/muhehehe/index.xml | 4 ++-- 12 files changed, 33 insertions(+), 33 deletions(-) diff --git a/content/_index.md b/content/_index.md index 4338478..3d41ca5 100644 --- a/content/_index.md +++ b/content/_index.md @@ -26,12 +26,12 @@ TL;DR 这里（暂时）由木分镇的PeterAlexWain A.K.A paw维护。 这里（暂时或者很长一段时间）可能会充满低创与牢骚一类的没有任何营养价值的东西。 paw很希望与你交换友链，{{< muhehehe text="如果嫌弃的话，" >}}请偷偷联系他交换友链。 -paw喜欢猫科动物，喜欢Unix，喜欢计算器，喜欢Ruby，喜欢沿着没有阳光的角落阴暗爬行，喜欢一切可爱的东西（，当然还有你）。 +paw喜欢猫科动物，喜欢Unix，喜欢计算器，喜欢Ruby，喜欢沿着没有阳光的角落阴暗爬行，喜欢一切可爱的东西{{}}。 paw喜欢很多东西但是又无能为力，他的技术水平令人汗颜。 -为什么说这里是互联网的尽头呢？因为这里既不有趣也没有知识，访问这里可能会让你痛苦（，就像paw活在现实世界一样）。 -可以逗一逗活在这个页面左上角的黑猫玩，黑猫特别可爱（，就像是你）。 -（如果没有特别说明，）这里的所有文章都属于CC BY-NC-ND 4.0授权。 -如果你做了一些让他难过的事，paw就只能躲在他（桥洞底下）的家里，抱着捡来的（不是浅色的）被单哭泣。 +为什么说这里是互联网的尽头呢？因为这里既不有趣也没有知识，访问这里可能会让你痛苦{{}}。 +可以逗一逗活在这个页面左上角的黑猫玩，黑猫特别可爱{{}}。 +{{}}这里的所有文章都属于CC BY-NC-ND 4.0授权。 +如果你做了一些让他难过的事，paw就只能躲在他{{}}的家里，抱着捡来的{{}}被单哭泣。 By the way,paw iz bad at inglish,just lik hiz chinglish. 很高兴看到我们走向了下坡路，在各自消亡之前我们能做的唯一一件事就是相爱。 diff --git a/content/post/blog-muhehehe.md b/content/post/blog-muhehehe.md index b581796..dc599d7 100644 --- a/content/post/blog-muhehehe.md +++ b/content/post/blog-muhehehe.md @@ -64,4 +64,4 @@ a:active .muhehehe { QA环节之：为什么这个项目要叫做"muhehehe"呢 =================== -A:因为muhehehe很像是[可爱小猫的奸奇笑声](https://www.bilibili.com/video/BV1mUP1erExj/)。尽管可爱小猫正在奸笑，但是也没人能拒他；{{}} \ No newline at end of file +A:因为muhehehe很像是[可爱小猫的奸奇笑声](https://www.bilibili.com/video/BV1mUP1erExj/)，背后隐藏着不可告人的秘密。尽管可爱小猫正在奸笑，但是也没人能拒他；{{}} \ No newline at end of file diff --git a/public/categories/blog/index.xml b/public/categories/blog/index.xml index 330c70b..080e05d 100644 --- a/public/categories/blog/index.xml +++ b/public/categories/blog/index.xml @@ -6,7 +6,7 @@ Recent content in Blog on Let's fall in love Hugo en-us - Fri, 02 May 2025 14:42:07 +0800 + Fri, 02 May 2025 15:20:47 +0800 让你的Hugo博客支持萌百式的黑幕 diff --git a/public/categories/example/index.xml b/public/categories/example/index.xml index 7ce5523..680f070 100644 --- a/public/categories/example/index.xml +++ b/public/categories/example/index.xml @@ -6,7 +6,7 @@ Recent content in Example on Let's fall in love Hugo en-us - Thu, 01 May 2025 10:08:03 +0800 + Fri, 02 May 2025 15:20:47 +0800 Helloworld diff --git a/public/categories/index.xml b/public/categories/index.xml index 3ad1e3a..b25444e 100644 --- a/public/categories/index.xml +++ b/public/categories/index.xml @@ -6,7 +6,7 @@ Recent content in Categories on Let's fall in love Hugo en-us - Fri, 02 May 2025 14:42:07 +0800 + Fri, 02 May 2025 15:20:47 +0800 Blog diff --git a/public/index.html b/public/index.html index 31789f5..861b093 100644 --- a/public/index.html +++ b/public/index.html @@ -144,12 +144,12 @@

这里（暂时）由木分镇的PeterAlexWain A.K.A paw维护。
这里（暂时或者很长一段时间）可能会充满低创与牢骚一类的没有任何营养价值的东西。
paw很希望与你交换友链，如果嫌弃的话，请偷偷联系他交换友链。 -paw喜欢猫科动物，喜欢Unix，喜欢计算器，喜欢Ruby，喜欢沿着没有阳光的角落阴暗爬行，喜欢一切可爱的东西（，当然还有你）。
+paw喜欢猫科动物，喜欢Unix，喜欢计算器，喜欢Ruby，喜欢沿着没有阳光的角落阴暗爬行，喜欢一切可爱的东西，当然还有你。
paw喜欢很多东西但是又无能为力，他的技术水平令人汗颜。
-为什么说这里是互联网的尽头呢？因为这里既不有趣也没有知识，访问这里可能会让你痛苦（，就像paw活在现实世界一样）。
-可以逗一逗活在这个页面左上角的黑猫玩，黑猫特别可爱（，就像是你）。
-（如果没有特别说明，）这里的所有文章都属于CC BY-NC-ND 4.0授权。
-如果你做了一些让他难过的事，paw就只能躲在他（桥洞底下）的家里，抱着捡来的（不是浅色的）被单哭泣。
+为什么说这里是互联网的尽头呢？因为这里既不有趣也没有知识，访问这里可能会让你痛苦，就像paw活在现实世界一样。
+可以逗一逗活在这个页面左上角的黑猫玩，黑猫特别可爱，就像是你。
+如果没有特别说明，这里的所有文章都属于CC BY-NC-ND 4.0授权。
+如果你做了一些让他难过的事，paw就只能躲在他桥洞底下的家里，抱着捡来的不是浅色的被单哭泣。
By the way,paw iz bad at inglish,just lik hiz chinglish.
很高兴看到我们走向了下坡路，在各自消亡之前我们能做的唯一一件事就是相爱。

diff --git a/public/post/index.xml b/public/post/index.xml index f6aaf2e..5d40af2 100644 --- a/public/post/index.xml +++ b/public/post/index.xml @@ -6,14 +6,14 @@ Recent content in Posts on Let's fall in love Hugo en-us - Fri, 02 May 2025 14:42:07 +0800 + Fri, 02 May 2025 15:20:47 +0800 让你的Hugo博客支持萌百式的黑幕 http://localhost:1313/post/2025/05/02/%E8%AE%A9%E4%BD%A0%E7%9A%84hugo%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E8%90%8C%E7%99%BE%E5%BC%8F%E7%9A%84%E9%BB%91%E5%B9%95/ Fri, 02 May 2025 14:42:07 +0800 http://localhost:1313/post/2025/05/02/%E8%AE%A9%E4%BD%A0%E7%9A%84hugo%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E8%90%8C%E7%99%BE%E5%BC%8F%E7%9A%84%E9%BB%91%E5%B9%95/ - <blockquote> <p>非常喜欢某明清时期知名文学评论家的一句话:&ldquo;paw有可能很可爱<br> <span class="muhehehe" title="出自《提瓦剌史-上》">，但是paw很可爱有点不可能</span>&rdquo; ——[清] 甘雨</p></blockquote> <h1 id="tldr">TL;DR</h1> <p>首先新建<code>static/css/muheheh.css</code>，并且内容为：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span>.<span style="color:#a6e22e">new</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background-color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">text-shadow</span>: <span style="color:#66d9ef">none</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">white</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">lightblue</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#BA0000</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>然后在你的主题引入的外部header中添加上</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#f92672">link</span> <span style="color:#f92672">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#f92672">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/css/muhehehe.css&#34;</span><span style="color:#f92672">&gt;</span> </span></span></code></pre></div><p>作为范例，paw的博客主题所引入的的外部header为<code>layouts/partials/head_custom.html</code>。<br> 最后，我们<span class="muhehehe" title=" qwq">为了少些几行代码</span>再新建一个shortcode，文件地址为<code>layouts/shortcodes/muhehehe.html</code>，内容为</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;muhehehe&#34;</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;{{ default &#34;</span> <span style="color:#a6e22e">qwq</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">(.</span><span style="color:#a6e22e">Get</span> <span style="color:#960050;background-color:#1e0010">&#34;</span><span style="color:#a6e22e">title</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">)</span> <span style="color:#960050;background-color:#1e0010">}}&#34;</span>&gt;{{ .Get &#34;text&#34; }}&lt;/<span style="color:#f92672">span</span>&gt; </span></span></code></pre></div><p>这样就完成啦，接下来就可以在你的.md文章里使用</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672"><span class="muhehehe" title="鼠标放上去时会显示的内容，默认为qwq">你想说的话</span></span> </span></span></code></pre></div><p>来实现萌娘百科一样的黑幕效果啦</p> <h1 id="qa环节之为什么这个项目要叫做muhehehe呢">QA环节之：为什么这个项目要叫做&quot;muhehehe&quot;呢</h1> <p>A:因为muhehehe很像是<a href="https://www.bilibili.com/video/BV1mUP1erExj/">可爱小猫的奸奇笑声</a>。没人能拒绝可爱小猫，<span class="muhehehe" title=" qwq">就像没人能拒绝你</span>尽管可爱小猫正在奸笑。</p> + <blockquote> <p>非常喜欢某明清时期知名文学评论家的一句话:&ldquo;paw有可能很可爱 <span class="muhehehe" title="出自《明朝-提瓦剌史》">，但是paw很可爱有点不可能</span>&rdquo;</p> <div style="text-align: right;"> ——【清】甘雨 </div></blockquote> <h1 id="tldr">TL;DR</h1> <p>首先新建<code>static/css/muheheh.css</code>，并且内容为：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span>.<span style="color:#a6e22e">new</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background-color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">text-shadow</span>: <span style="color:#66d9ef">none</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">white</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">lightblue</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#BA0000</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>然后在你的主题引入的外部header中添加上</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#f92672">link</span> <span style="color:#f92672">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#f92672">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/css/muhehehe.css&#34;</span><span style="color:#f92672">&gt;</span> </span></span></code></pre></div><p>作为范例，paw的博客主题所引入的的外部header为<code>layouts/partials/head_custom.html</code>。<br> 最后，我们<span class="muhehehe" title=" qwq">为了少些几行代码</span>再新建一个shortcode，文件地址为<code>layouts/shortcodes/muhehehe.html</code>，内容为</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;muhehehe&#34;</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;{{ default &#34;</span> <span style="color:#a6e22e">qwq</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">(.</span><span style="color:#a6e22e">Get</span> <span style="color:#960050;background-color:#1e0010">&#34;</span><span style="color:#a6e22e">title</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">)</span> <span style="color:#960050;background-color:#1e0010">}}&#34;</span>&gt;{{ .Get &#34;text&#34; }}&lt;/<span style="color:#f92672">span</span>&gt; </span></span></code></pre></div><p>这样就完成啦，接下来就可以在你的.md文章里使用</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>{<span style="color:#960050;background-color:#1e0010">{&lt;</span> <span style="color:#960050;background-color:#1e0010">muhehehe</span> <span style="color:#960050;background-color:#1e0010">text=&#34;你想说的话&#34;</span> <span style="color:#960050;background-color:#1e0010">title=&#34;鼠标放上去时会显示的内容，默认为qwq&#34;</span> <span style="color:#960050;background-color:#1e0010">&gt;</span>}<span style="color:#960050;background-color:#1e0010">}</span> </span></span></code></pre></div><p>来实现萌娘百科一样的黑幕效果啦。<br> 效果：<span class="muhehehe" title="鼠标放上去时会显示的内容，默认为qwq">你想说的话</span></p> <h1 id="qa环节之为什么这个项目要叫做muhehehe呢">QA环节之：为什么这个项目要叫做&quot;muhehehe&quot;呢</h1> <p>A:因为muhehehe很像是<a href="https://www.bilibili.com/video/BV1mUP1erExj/">可爱小猫的奸奇笑声</a>。尽管可爱小猫正在奸笑，但是也没人能拒他；<span class="muhehehe" title=" qwq">就像没人能拒绝你一样。</span></p> Helloworld diff --git a/public/sitemap.xml b/public/sitemap.xml index 1d8ab6b..594dbfa 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -3,36 +3,36 @@ xmlns:xhtml="http://www.w3.org/1999/xhtml"> http://localhost:1313/categories/blog/ - 2025-05-02T14:42:07+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/categories/ - 2025-05-02T14:42:07+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/tags/css/ - 2025-05-02T14:42:07+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/tags/muhehehe/ - 2025-05-02T14:42:07+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/post/ - 2025-05-02T14:42:07+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/tags/ - 2025-05-02T14:42:07+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/post/2025/05/02/%E8%AE%A9%E4%BD%A0%E7%9A%84hugo%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E8%90%8C%E7%99%BE%E5%BC%8F%E7%9A%84%E9%BB%91%E5%B9%95/ - 2025-05-02T14:42:07+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/categories/example/ - 2025-05-01T10:08:03+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/post/2025/04/28/helloworld/ - 2025-05-01T10:08:03+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/tags/markdown/ - 2025-05-01T10:08:03+08:00 + 2025-05-02T15:20:47+08:00 http://localhost:1313/ - 2025-05-01T10:33:37+08:00 + 2025-05-02T15:20:47+08:00 diff --git a/public/tags/css/index.xml b/public/tags/css/index.xml index 71a7c52..32a97c9 100644 --- a/public/tags/css/index.xml +++ b/public/tags/css/index.xml @@ -6,14 +6,14 @@ Recent content in Css on Let's fall in love Hugo en-us - Fri, 02 May 2025 14:42:07 +0800 + Fri, 02 May 2025 15:20:47 +0800 让你的Hugo博客支持萌百式的黑幕 http://localhost:1313/post/2025/05/02/%E8%AE%A9%E4%BD%A0%E7%9A%84hugo%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E8%90%8C%E7%99%BE%E5%BC%8F%E7%9A%84%E9%BB%91%E5%B9%95/ Fri, 02 May 2025 14:42:07 +0800 http://localhost:1313/post/2025/05/02/%E8%AE%A9%E4%BD%A0%E7%9A%84hugo%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E8%90%8C%E7%99%BE%E5%BC%8F%E7%9A%84%E9%BB%91%E5%B9%95/ - <blockquote> <p>非常喜欢某明清时期知名文学评论家的一句话:&ldquo;paw有可能很可爱<br> <span class="muhehehe" title="出自《提瓦剌史-上》">，但是paw很可爱有点不可能</span>&rdquo; ——[清] 甘雨</p></blockquote> <h1 id="tldr">TL;DR</h1> <p>首先新建<code>static/css/muheheh.css</code>，并且内容为：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span>.<span style="color:#a6e22e">new</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background-color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">text-shadow</span>: <span style="color:#66d9ef">none</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">white</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">lightblue</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#BA0000</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>然后在你的主题引入的外部header中添加上</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#f92672">link</span> <span style="color:#f92672">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#f92672">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/css/muhehehe.css&#34;</span><span style="color:#f92672">&gt;</span> </span></span></code></pre></div><p>作为范例，paw的博客主题所引入的的外部header为<code>layouts/partials/head_custom.html</code>。<br> 最后，我们<span class="muhehehe" title=" qwq">为了少些几行代码</span>再新建一个shortcode，文件地址为<code>layouts/shortcodes/muhehehe.html</code>，内容为</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;muhehehe&#34;</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;{{ default &#34;</span> <span style="color:#a6e22e">qwq</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">(.</span><span style="color:#a6e22e">Get</span> <span style="color:#960050;background-color:#1e0010">&#34;</span><span style="color:#a6e22e">title</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">)</span> <span style="color:#960050;background-color:#1e0010">}}&#34;</span>&gt;{{ .Get &#34;text&#34; }}&lt;/<span style="color:#f92672">span</span>&gt; </span></span></code></pre></div><p>这样就完成啦，接下来就可以在你的.md文章里使用</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672"><span class="muhehehe" title="鼠标放上去时会显示的内容，默认为qwq">你想说的话</span></span> </span></span></code></pre></div><p>来实现萌娘百科一样的黑幕效果啦</p> <h1 id="qa环节之为什么这个项目要叫做muhehehe呢">QA环节之：为什么这个项目要叫做&quot;muhehehe&quot;呢</h1> <p>A:因为muhehehe很像是<a href="https://www.bilibili.com/video/BV1mUP1erExj/">可爱小猫的奸奇笑声</a>。没人能拒绝可爱小猫，<span class="muhehehe" title=" qwq">就像没人能拒绝你</span>尽管可爱小猫正在奸笑。</p> + <blockquote> <p>非常喜欢某明清时期知名文学评论家的一句话:&ldquo;paw有可能很可爱 <span class="muhehehe" title="出自《明朝-提瓦剌史》">，但是paw很可爱有点不可能</span>&rdquo;</p> <div style="text-align: right;"> ——【清】甘雨 </div></blockquote> <h1 id="tldr">TL;DR</h1> <p>首先新建<code>static/css/muheheh.css</code>，并且内容为：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span>.<span style="color:#a6e22e">new</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background-color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">text-shadow</span>: <span style="color:#66d9ef">none</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">white</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">lightblue</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#BA0000</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>然后在你的主题引入的外部header中添加上</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#f92672">link</span> <span style="color:#f92672">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#f92672">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/css/muhehehe.css&#34;</span><span style="color:#f92672">&gt;</span> </span></span></code></pre></div><p>作为范例，paw的博客主题所引入的的外部header为<code>layouts/partials/head_custom.html</code>。<br> 最后，我们<span class="muhehehe" title=" qwq">为了少些几行代码</span>再新建一个shortcode，文件地址为<code>layouts/shortcodes/muhehehe.html</code>，内容为</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;muhehehe&#34;</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;{{ default &#34;</span> <span style="color:#a6e22e">qwq</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">(.</span><span style="color:#a6e22e">Get</span> <span style="color:#960050;background-color:#1e0010">&#34;</span><span style="color:#a6e22e">title</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">)</span> <span style="color:#960050;background-color:#1e0010">}}&#34;</span>&gt;{{ .Get &#34;text&#34; }}&lt;/<span style="color:#f92672">span</span>&gt; </span></span></code></pre></div><p>这样就完成啦，接下来就可以在你的.md文章里使用</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>{<span style="color:#960050;background-color:#1e0010">{&lt;</span> <span style="color:#960050;background-color:#1e0010">muhehehe</span> <span style="color:#960050;background-color:#1e0010">text=&#34;你想说的话&#34;</span> <span style="color:#960050;background-color:#1e0010">title=&#34;鼠标放上去时会显示的内容，默认为qwq&#34;</span> <span style="color:#960050;background-color:#1e0010">&gt;</span>}<span style="color:#960050;background-color:#1e0010">}</span> </span></span></code></pre></div><p>来实现萌娘百科一样的黑幕效果啦。<br> 效果：<span class="muhehehe" title="鼠标放上去时会显示的内容，默认为qwq">你想说的话</span></p> <h1 id="qa环节之为什么这个项目要叫做muhehehe呢">QA环节之：为什么这个项目要叫做&quot;muhehehe&quot;呢</h1> <p>A:因为muhehehe很像是<a href="https://www.bilibili.com/video/BV1mUP1erExj/">可爱小猫的奸奇笑声</a>。尽管可爱小猫正在奸笑，但是也没人能拒他；<span class="muhehehe" title=" qwq">就像没人能拒绝你一样。</span></p> diff --git a/public/tags/index.xml b/public/tags/index.xml index 342f658..392939b 100644 --- a/public/tags/index.xml +++ b/public/tags/index.xml @@ -6,7 +6,7 @@ Recent content in Tags on Let's fall in love Hugo en-us - Fri, 02 May 2025 14:42:07 +0800 + Fri, 02 May 2025 15:20:47 +0800 Css diff --git a/public/tags/markdown/index.xml b/public/tags/markdown/index.xml index e59e5d0..5465a36 100644 --- a/public/tags/markdown/index.xml +++ b/public/tags/markdown/index.xml @@ -6,7 +6,7 @@ Recent content in Markdown on Let's fall in love Hugo en-us - Thu, 01 May 2025 10:08:03 +0800 + Fri, 02 May 2025 15:20:47 +0800 Helloworld diff --git a/public/tags/muhehehe/index.xml b/public/tags/muhehehe/index.xml index e2e15ac..740ae8f 100644 --- a/public/tags/muhehehe/index.xml +++ b/public/tags/muhehehe/index.xml @@ -6,14 +6,14 @@ Recent content in Muhehehe on Let's fall in love Hugo en-us - Fri, 02 May 2025 14:42:07 +0800 + Fri, 02 May 2025 15:20:47 +0800 让你的Hugo博客支持萌百式的黑幕 http://localhost:1313/post/2025/05/02/%E8%AE%A9%E4%BD%A0%E7%9A%84hugo%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E8%90%8C%E7%99%BE%E5%BC%8F%E7%9A%84%E9%BB%91%E5%B9%95/ Fri, 02 May 2025 14:42:07 +0800 http://localhost:1313/post/2025/05/02/%E8%AE%A9%E4%BD%A0%E7%9A%84hugo%E5%8D%9A%E5%AE%A2%E6%94%AF%E6%8C%81%E8%90%8C%E7%99%BE%E5%BC%8F%E7%9A%84%E9%BB%91%E5%B9%95/ - <blockquote> <p>非常喜欢某明清时期知名文学评论家的一句话:&ldquo;paw有可能很可爱<br> <span class="muhehehe" title="出自《提瓦剌史-上》">，但是paw很可爱有点不可能</span>&rdquo; ——[清] 甘雨</p></blockquote> <h1 id="tldr">TL;DR</h1> <p>首先新建<code>static/css/muheheh.css</code>，并且内容为：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span>.<span style="color:#a6e22e">new</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background-color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">text-shadow</span>: <span style="color:#66d9ef">none</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">white</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">lightblue</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#BA0000</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>然后在你的主题引入的外部header中添加上</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#f92672">link</span> <span style="color:#f92672">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#f92672">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/css/muhehehe.css&#34;</span><span style="color:#f92672">&gt;</span> </span></span></code></pre></div><p>作为范例，paw的博客主题所引入的的外部header为<code>layouts/partials/head_custom.html</code>。<br> 最后，我们<span class="muhehehe" title=" qwq">为了少些几行代码</span>再新建一个shortcode，文件地址为<code>layouts/shortcodes/muhehehe.html</code>，内容为</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;muhehehe&#34;</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;{{ default &#34;</span> <span style="color:#a6e22e">qwq</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">(.</span><span style="color:#a6e22e">Get</span> <span style="color:#960050;background-color:#1e0010">&#34;</span><span style="color:#a6e22e">title</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">)</span> <span style="color:#960050;background-color:#1e0010">}}&#34;</span>&gt;{{ .Get &#34;text&#34; }}&lt;/<span style="color:#f92672">span</span>&gt; </span></span></code></pre></div><p>这样就完成啦，接下来就可以在你的.md文章里使用</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672"><span class="muhehehe" title="鼠标放上去时会显示的内容，默认为qwq">你想说的话</span></span> </span></span></code></pre></div><p>来实现萌娘百科一样的黑幕效果啦</p> <h1 id="qa环节之为什么这个项目要叫做muhehehe呢">QA环节之：为什么这个项目要叫做&quot;muhehehe&quot;呢</h1> <p>A:因为muhehehe很像是<a href="https://www.bilibili.com/video/BV1mUP1erExj/">可爱小猫的奸奇笑声</a>。没人能拒绝可爱小猫，<span class="muhehehe" title=" qwq">就像没人能拒绝你</span>尽管可爱小猫正在奸笑。</p> + <blockquote> <p>非常喜欢某明清时期知名文学评论家的一句话:&ldquo;paw有可能很可爱 <span class="muhehehe" title="出自《明朝-提瓦剌史》">，但是paw很可爱有点不可能</span>&rdquo;</p> <div style="text-align: right;"> ——【清】甘雨 </div></blockquote> <h1 id="tldr">TL;DR</h1> <p>首先新建<code>static/css/muheheh.css</code>，并且内容为：</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> <span style="color:#f92672">a</span>.<span style="color:#a6e22e">new</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">background-color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#252525</span>; </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">text-shadow</span>: <span style="color:#66d9ef">none</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">white</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> <span style="color:#f92672">a</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span><span style="color:#f92672">a</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#66d9ef">lightblue</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">hover</span> .<span style="color:#a6e22e">muhehehe</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">new</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">muhehehe</span> .<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span><span style="color:#f92672">,</span> </span></span><span style="display:flex;"><span>.<span style="color:#a6e22e">new</span>:<span style="color:#a6e22e">active</span> .<span style="color:#a6e22e">muhehehe</span> { </span></span><span style="display:flex;"><span> <span style="color:#66d9ef">color</span>: <span style="color:#ae81ff">#BA0000</span> <span style="color:#75715e">!important</span>; </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>然后在你的主题引入的外部header中添加上</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#f92672">link</span> <span style="color:#f92672">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#f92672">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/css/muhehehe.css&#34;</span><span style="color:#f92672">&gt;</span> </span></span></code></pre></div><p>作为范例，paw的博客主题所引入的的外部header为<code>layouts/partials/head_custom.html</code>。<br> 最后，我们<span class="muhehehe" title=" qwq">为了少些几行代码</span>再新建一个shortcode，文件地址为<code>layouts/shortcodes/muhehehe.html</code>，内容为</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>&lt;<span style="color:#f92672">span</span> <span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;muhehehe&#34;</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;{{ default &#34;</span> <span style="color:#a6e22e">qwq</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">(.</span><span style="color:#a6e22e">Get</span> <span style="color:#960050;background-color:#1e0010">&#34;</span><span style="color:#a6e22e">title</span><span style="color:#960050;background-color:#1e0010">&#34;</span> <span style="color:#960050;background-color:#1e0010">)</span> <span style="color:#960050;background-color:#1e0010">}}&#34;</span>&gt;{{ .Get &#34;text&#34; }}&lt;/<span style="color:#f92672">span</span>&gt; </span></span></code></pre></div><p>这样就完成啦，接下来就可以在你的.md文章里使用</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>{<span style="color:#960050;background-color:#1e0010">{&lt;</span> <span style="color:#960050;background-color:#1e0010">muhehehe</span> <span style="color:#960050;background-color:#1e0010">text=&#34;你想说的话&#34;</span> <span style="color:#960050;background-color:#1e0010">title=&#34;鼠标放上去时会显示的内容，默认为qwq&#34;</span> <span style="color:#960050;background-color:#1e0010">&gt;</span>}<span style="color:#960050;background-color:#1e0010">}</span> </span></span></code></pre></div><p>来实现萌娘百科一样的黑幕效果啦。<br> 效果：<span class="muhehehe" title="鼠标放上去时会显示的内容，默认为qwq">你想说的话</span></p> <h1 id="qa环节之为什么这个项目要叫做muhehehe呢">QA环节之：为什么这个项目要叫做&quot;muhehehe&quot;呢</h1> <p>A:因为muhehehe很像是<a href="https://www.bilibili.com/video/BV1mUP1erExj/">可爱小猫的奸奇笑声</a>。尽管可爱小猫正在奸笑，但是也没人能拒他；<span class="muhehehe" title=" qwq">就像没人能拒绝你一样。</span></p>