diff --git a/archetypes/default.md b/archetypes/default.md index 25b6752..936b279 100644 --- a/archetypes/default.md +++ b/archetypes/default.md @@ -1,5 +1,8 @@ +++ date = '{{ .Date }}' draft = true -title = '{{ replace .File.ContentBaseName "-" " " | title }}' -+++ +author = "paw" +title = '{{ replace .Name "-" " " | title }}' +categories = ["Example"] +tags = ["Markdown"] ++++ \ No newline at end of file diff --git a/content/_index.md b/content/_index.md index 6156c29..4338478 100644 --- a/content/_index.md +++ b/content/_index.md @@ -25,7 +25,7 @@ TL;DR ============ 这里（暂时）由木分镇的PeterAlexWain A.K.A paw维护。 这里（暂时或者很长一段时间）可能会充满低创与牢骚一类的没有任何营养价值的东西。 -paw很希望与你交换友链,（如果你不嫌弃的话，）请偷偷联系他交换友链。 +paw很希望与你交换友链，{{< muhehehe text="如果嫌弃的话，" >}}请偷偷联系他交换友链。 paw喜欢猫科动物，喜欢Unix，喜欢计算器，喜欢Ruby，喜欢沿着没有阳光的角落阴暗爬行，喜欢一切可爱的东西（，当然还有你）。 paw喜欢很多东西但是又无能为力，他的技术水平令人汗颜。 为什么说这里是互联网的尽头呢？因为这里既不有趣也没有知识，访问这里可能会让你痛苦（，就像paw活在现实世界一样）。 diff --git a/content/post/blog-muhehehe.md b/content/post/blog-muhehehe.md new file mode 100644 index 0000000..b581796 --- /dev/null +++ b/content/post/blog-muhehehe.md @@ -0,0 +1,67 @@ ++++ +date = '2025-05-02T14:42:07+08:00' +draft = false +author = "paw" +title = '让你的Hugo博客支持萌百式的黑幕' +categories = ["blog"] +tags = ["css","muhehehe"] ++++ + +>非常喜欢某明清时期知名文学评论家的一句话:"paw有可能很可爱 +>{{< muhehehe text="，但是paw很可爱有点不可能" title="出自《明朝-提瓦剌史》" >}}" +>
+>——【清】甘雨 +>
+ +TL;DR +============================== +首先新建`static/css/muheheh.css`，并且内容为： +~~~css +.muhehehe, +.muhehehe a, +a .muhehehe, +.muhehehe a.new { + background-color: #252525; + color: #252525; + text-shadow: none; +} +.muhehehe:hover, +.muhehehe:active, +.muhehehe:hover .muhehehe, +.muhehehe:active .muhehehe { + color: white !important; +} +.muhehehe:hover a, +a:hover .muhehehe, +.muhehehe:active a, +a:active .muhehehe { + color: lightblue !important; +} +.muhehehe:hover .new, +.muhehehe .new:hover, +.new:hover .muhehehe, +.muhehehe:active .new, +.muhehehe .new:active, +.new:active .muhehehe { + color: #BA0000 !important; +} +~~~ +然后在你的主题引入的外部header中添加上 +~~~css + +~~~ +作为范例，paw的博客主题所引入的的外部header为`layouts/partials/head_custom.html`。 +最后，我们{{}}再新建一个shortcode，文件地址为`layouts/shortcodes/muhehehe.html`，内容为 +~~~html +{{ .Get "text" }} +~~~ +这样就完成啦，接下来就可以在你的.md文章里使用 +~~~css +{{}} +~~~ +来实现萌娘百科一样的黑幕效果啦。 +效果：{{}} + +QA环节之：为什么这个项目要叫做"muhehehe"呢 +=================== +A:因为muhehehe很像是[可爱小猫的奸奇笑声](https://www.bilibili.com/video/BV1mUP1erExj/)。尽管可爱小猫正在奸笑，但是也没人能拒他；{{}} \ No newline at end of file diff --git a/content/post/build-ur-own-gitea.md b/content/post/build-ur-own-gitea.md new file mode 100644 index 0000000..c7e8c26 --- /dev/null +++ b/content/post/build-ur-own-gitea.md @@ -0,0 +1,8 @@ ++++ +date = '2025-05-02T14:16:21+08:00' +draft = true +author = "paw" +title = 'Build Ur Own Gitea' +categories = ["Example"] +tags = ["Markdown"] ++++ \ No newline at end of file diff --git a/content/post/helloworld.md b/content/post/helloworld.md index ba3b3fd..48b8dcc 100644 --- a/content/post/helloworld.md +++ b/content/post/helloworld.md @@ -1,7 +1,7 @@ +++ date = '2025-04-28T00:44:05+08:00' draft = false -author= "PeterAlexWain" +author= "paw" title = 'Helloworld' categories = ["Example"] tags = ["Markdown"] @@ -108,11 +108,11 @@ doc](#an-h2-header). Here's a footnote [^1]. Tables can look like this: -size|material |color -----|------------|------------ -9 |leather |brown -10 |hemp canvas |natural -11 |glass |transparent +| size | material | color | +| ---- | ----------- | ----------- | +| 9 | leather | brown | +| 10 | hemp canvas | natural | +| 11 | glass | transparent | Table: Shoes, their sizes, and what they're made of diff --git a/hugo.toml b/hugo.toml index 653fe12..7f7a187 100644 --- a/hugo.toml +++ b/hugo.toml @@ -6,7 +6,7 @@ ignoreFiles = ["\\.Rmd$", "_files$", "_cache$"] languageCode = "en-us" theme = "hugo-classic" title = "Let's fall in love" -#enableGitInfo = true +enableGitInfo = true [markup.goldmark.renderer] unsafe = true diff --git a/layouts/partials/head_custom.html b/layouts/partials/head_custom.html index 0559965..76f1390 100644 --- a/layouts/partials/head_custom.html +++ b/layouts/partials/head_custom.html @@ -1,12 +1,11 @@ - +

- - \ No newline at end of file + + + \ No newline at end of file diff --git a/layouts/shortcodes/muhehehe.html b/layouts/shortcodes/muhehehe.html new file mode 100644 index 0000000..bcd2b31 --- /dev/null +++ b/layouts/shortcodes/muhehehe.html @@ -0,0 +1 @@ +{{ .Get "text" }} \ No newline at end of file diff --git a/layouts/shortcodes/typed.html b/layouts/shortcodes/typed.html index cbf5132..591992b 100644 --- a/layouts/shortcodes/typed.html +++ b/layouts/shortcodes/typed.html @@ -12,21 +12,20 @@ {{- end -}} \ No newline at end of file diff --git a/public/404.html b/public/404.html index 9fb82ff..08ff327 100644 --- a/public/404.html +++ b/public/404.html @@ -14,15 +14,14 @@ - +

- + + diff --git a/public/categories/blog/index.html b/public/categories/blog/index.html new file mode 100644 index 0000000..1f0243c --- /dev/null +++ b/public/categories/blog/index.html @@ -0,0 +1,125 @@ + + + + + + + + + + + + + Blog | Let's fall in love + + + + +

+ +

+ + + + + + + + + + + +
+ +
+ + + +
+ +

Blog

+ + + + + +
+
+ + + + + +
+ © 2025 PeterAlexWain | Github | Keybase + +
+ + + diff --git a/public/categories/blog/index.xml b/public/categories/blog/index.xml new file mode 100644 index 0000000..330c70b --- /dev/null +++ b/public/categories/blog/index.xml @@ -0,0 +1,19 @@ + + + + Blog on Let's fall in love + http://localhost:1313/categories/blog/ + Recent content in Blog on Let's fall in love + Hugo + en-us + Fri, 02 May 2025 14:42:07 +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有可能很可爱 <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/categories/example/index.html b/public/categories/example/index.html index 1a67e94..67ba5d3 100644 --- a/public/categories/example/index.html +++ b/public/categories/example/index.html @@ -14,15 +14,14 @@ - +

- + + diff --git a/public/categories/example/index.xml b/public/categories/example/index.xml index 5638d57..7ce5523 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 - Mon, 28 Apr 2025 00:44:05 +0800 + Thu, 01 May 2025 10:08:03 +0800 Helloworld diff --git a/public/categories/index.html b/public/categories/index.html index 04370e9..e434eaf 100644 --- a/public/categories/index.html +++ b/public/categories/index.html @@ -14,15 +14,14 @@ - +

- + + @@ -72,6 +73,10 @@
    +
  • + Blog (1) +
    • +
  • Example (1)
    • diff --git a/public/categories/index.xml b/public/categories/index.xml index 88f2cc9..3ad1e3a 100644 --- a/public/categories/index.xml +++ b/public/categories/index.xml @@ -6,8 +6,15 @@ Recent content in Categories on Let's fall in love Hugo en-us - Mon, 28 Apr 2025 00:44:05 +0800 + Fri, 02 May 2025 14:42:07 +0800 + + Blog + http://localhost:1313/categories/blog/ + Fri, 02 May 2025 14:42:07 +0800 + http://localhost:1313/categories/blog/ + + Example http://localhost:1313/categories/example/ diff --git a/public/css/muhehehe.css b/public/css/muhehehe.css new file mode 100644 index 0000000..c827d61 --- /dev/null +++ b/public/css/muhehehe.css @@ -0,0 +1,31 @@ +.muhehehe, +.muhehehe a, +a .muhehehe, +.muhehehe a.new { + background-color: #252525; + color: #252525; + text-shadow: none; +} + +.muhehehe:hover, +.muhehehe:active, +.muhehehe:hover .muhehehe, +.muhehehe:active .muhehehe { + color: white !important; +} + +.muhehehe:hover a, +a:hover .muhehehe, +.muhehehe:active a, +a:active .muhehehe { + color: lightblue !important; +} + +.muhehehe:hover .new, +.muhehehe .new:hover, +.new:hover .muhehehe, +.muhehehe:active .new, +.muhehehe .new:active, +.new:active .muhehehe { + color: #BA0000 !important; +} \ No newline at end of file diff --git a/public/index.html b/public/index.html index 011c439..31789f5 100644 --- a/public/index.html +++ b/public/index.html @@ -15,15 +15,14 @@ - +

    - + + @@ -75,19 +76,20 @@

    @@ -141,7 +143,7 @@ document.addEventListener("DOMContentLoaded", function() {

    ¿What’s more?

    这里（暂时）由木分镇的PeterAlexWain A.K.A paw维护。
    这里（暂时或者很长一段时间）可能会充满低创与牢骚一类的没有任何营养价值的东西。
    -paw很希望与你交换友链,（如果你不嫌弃的话，）请偷偷联系他交换友链。
    +paw很希望与你交换友链，如果嫌弃的话，请偷偷联系他交换友链。 paw喜欢猫科动物，喜欢Unix，喜欢计算器，喜欢Ruby，喜欢沿着没有阳光的角落阴暗爬行，喜欢一切可爱的东西（，当然还有你）。
    paw喜欢很多东西但是又无能为力，他的技术水平令人汗颜。
    为什么说这里是互联网的尽头呢？因为这里既不有趣也没有知识，访问这里可能会让你痛苦（，就像paw活在现实世界一样）。
    @@ -158,6 +160,11 @@ By the way,paw iz bad at inglish,just lik hiz chinglish.
    +

  • + 2025/05/02 + 让你的Hugo博客支持萌百式的黑幕 +
    • +
  • 2025/04/28 Helloworld diff --git a/public/index.xml b/public/index.xml index 1aaae22..fb46966 100644 --- a/public/index.xml +++ b/public/index.xml @@ -6,8 +6,14 @@ Recent content in Home on Let's fall in love Hugo en-us - Mon, 28 Apr 2025 00:44:05 +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有可能很可爱 <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 http://localhost:1313/post/2025/04/28/helloworld/ diff --git a/public/post/2025/04/28/helloworld/index.html b/public/post/2025/04/28/helloworld/index.html index 8894290..3e5113c 100644 --- a/public/post/2025/04/28/helloworld/index.html +++ b/public/post/2025/04/28/helloworld/index.html @@ -14,15 +14,14 @@ - +

    - + + @@ -69,7 +70,7 @@

    Helloworld

    -

    PeterAlexWain

    +

    paw

    2025/04/28

    diff --git a/public/post/2025/05/02/让你的hugo博客支持萌百式的黑幕/index.html b/public/post/2025/05/02/让你的hugo博客支持萌百式的黑幕/index.html new file mode 100644 index 0000000..9731105 --- /dev/null +++ b/public/post/2025/05/02/让你的hugo博客支持萌百式的黑幕/index.html @@ -0,0 +1,178 @@ + + + + + + + + + + + + + 让你的Hugo博客支持萌百式的黑幕 | Let's fall in love + + + + +

    + +

    + + + + + + + + + + + +
    + +
    + + +
    +

    让你的Hugo博客支持萌百式的黑幕

    +

    paw

    +

    2025/05/02

    +

    + + + Categories: blog + + + + Tags: css muhehehe + + +

    +
    + + + +
    +
    +
    +

    非常喜欢某明清时期知名文学评论家的一句话:“paw有可能很可爱 +，但是paw很可爱有点不可能”

    +
    +——【清】甘雨 +
    +

    TL;DR

    +

    首先新建static/css/muheheh.css，并且内容为：

    +
    .muhehehe,
+.muhehehe a,
+a .muhehehe,
+.muhehehe a.new {
+    background-color: #252525;
+    color: #252525;
+    text-shadow: none;
+}
+.muhehehe:hover,
+.muhehehe:active,
+.muhehehe:hover .muhehehe,
+.muhehehe:active .muhehehe {
+    color: white !important;
+}
+.muhehehe:hover a,
+a:hover .muhehehe,
+.muhehehe:active a,
+a:active .muhehehe {
+    color: lightblue !important;
+}
+.muhehehe:hover .new,
+.muhehehe .new:hover,
+.new:hover .muhehehe,
+.muhehehe:active .new,
+.muhehehe .new:active,
+.new:active .muhehehe {
+    color: #BA0000 !important;
+}
+

    然后在你的主题引入的外部header中添加上

    +
    <link rel="stylesheet" href="/css/muhehehe.css">
+

    作为范例，paw的博客主题所引入的的外部header为layouts/partials/head_custom.html。
    +最后，我们为了少些几行代码再新建一个shortcode，文件地址为layouts/shortcodes/muhehehe.html，内容为

    +
    <span class="muhehehe" title="{{ default " qwq" (.Get "title" ) }}">{{ .Get "text" }}</span>
+

    这样就完成啦，接下来就可以在你的.md文章里使用

    +
    {{< muhehehe text="你想说的话" title="鼠标放上去时会显示的内容，默认为qwq" >}}
+

    来实现萌娘百科一样的黑幕效果啦。
    +效果：你想说的话

    +

    QA环节之：为什么这个项目要叫做"muhehehe"呢

    +

    A:因为muhehehe很像是可爱小猫的奸奇笑声。尽管可爱小猫正在奸笑，但是也没人能拒他；就像没人能拒绝你一样。

    + + >> Home +
    +
    +
    + + + + + +
    + © 2025 PeterAlexWain | Github | Keybase + +
    + + + diff --git a/public/post/index.html b/public/post/index.html index 23192fc..957d066 100644 --- a/public/post/index.html +++ b/public/post/index.html @@ -14,15 +14,14 @@ - +

    - + + @@ -79,6 +80,11 @@ +
  • + 2025/05/02 + 让你的Hugo博客支持萌百式的黑幕 +
    • +
  • 2025/04/28 Helloworld diff --git a/public/post/index.xml b/public/post/index.xml index 1ed9744..f6aaf2e 100644 --- a/public/post/index.xml +++ b/public/post/index.xml @@ -6,8 +6,15 @@ Recent content in Posts on Let's fall in love Hugo en-us - Mon, 28 Apr 2025 00:44:05 +0800 + Fri, 02 May 2025 14:42:07 +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> + Helloworld http://localhost:1313/post/2025/04/28/helloworld/ diff --git a/public/sitemap.xml b/public/sitemap.xml index ddca096..1d8ab6b 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -2,25 +2,37 @@ + http://localhost:1313/categories/blog/ + 2025-05-02T14:42:07+08:00 + http://localhost:1313/categories/ - 2025-04-28T00:44:05+08:00 + 2025-05-02T14:42:07+08:00 - http://localhost:1313/categories/example/ - 2025-04-28T00:44:05+08:00 + http://localhost:1313/tags/css/ + 2025-05-02T14:42:07+08:00 - http://localhost:1313/post/2025/04/28/helloworld/ - 2025-04-28T00:44:05+08:00 - - http://localhost:1313/ - 2025-04-28T00:44:05+08:00 - - http://localhost:1313/tags/markdown/ - 2025-04-28T00:44:05+08:00 + http://localhost:1313/tags/muhehehe/ + 2025-05-02T14:42:07+08:00 http://localhost:1313/post/ - 2025-04-28T00:44:05+08:00 + 2025-05-02T14:42:07+08:00 http://localhost:1313/tags/ - 2025-04-28T00:44:05+08:00 + 2025-05-02T14:42:07+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 + + http://localhost:1313/categories/example/ + 2025-05-01T10:08:03+08:00 + + http://localhost:1313/post/2025/04/28/helloworld/ + 2025-05-01T10:08:03+08:00 + + http://localhost:1313/tags/markdown/ + 2025-05-01T10:08:03+08:00 + + http://localhost:1313/ + 2025-05-01T10:33:37+08:00 diff --git a/public/tags/css/index.html b/public/tags/css/index.html new file mode 100644 index 0000000..a67ef60 --- /dev/null +++ b/public/tags/css/index.html @@ -0,0 +1,125 @@ + + + + + + + + + + + + + Css | Let's fall in love + + + + +

    + +

    + + + + + + + + + + + +
    + +
    + + + +
    + +

    Css

    + + + + + +
    +
    + + + + + +
    + © 2025 PeterAlexWain | Github | Keybase + +
    + + + diff --git a/public/tags/css/index.xml b/public/tags/css/index.xml new file mode 100644 index 0000000..71a7c52 --- /dev/null +++ b/public/tags/css/index.xml @@ -0,0 +1,19 @@ + + + + Css on Let's fall in love + http://localhost:1313/tags/css/ + Recent content in Css on Let's fall in love + Hugo + en-us + Fri, 02 May 2025 14:42:07 +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> + + + diff --git a/public/tags/index.html b/public/tags/index.html index fcc0c58..9698286 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -14,15 +14,14 @@ - +

    - + + @@ -72,10 +73,18 @@