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

Fri, 02 May 2025 14:42:07 +0800

非常喜欢某明清时期知名文学评论家的一句话:“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文章里使用

你想说的话

来实现萌娘百科一样的黑幕效果啦

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

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

Helloworld

Mon, 28 Apr 2025 00:44:05 +0800

An h1 header

Paragraphs are separated by a blank line.

2nd paragraph. Italic, bold, and monospace. Itemized lists look like:

this one
that one
the other one

Note that — not considering the asterisk — the actual text content starts at 4-columns in.

Block quotes are written like so.

They can span multiple paragraphs, if you like.

Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all in chapters 12–14”). Three dots … will be converted to an ellipsis. Unicode is supported. ☺

Posts on Let's fall in love

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

TL;DR

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

Helloworld

An h1 header