27 lines
14 KiB
XML
27 lines
14 KiB
XML
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||
<channel>
|
||
<title>Posts on Let's fall in love</title>
|
||
<link>http://localhost:1313/post/</link>
|
||
<description>Recent content in Posts on Let's fall in love</description>
|
||
<generator>Hugo</generator>
|
||
<language>en-us</language>
|
||
<lastBuildDate>Fri, 02 May 2025 14:42:07 +0800</lastBuildDate>
|
||
<atom:link href="http://localhost:1313/post/index.xml" rel="self" type="application/rss+xml" />
|
||
<item>
|
||
<title>让你的Hugo博客支持萌百式的黑幕</title>
|
||
<link>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/</link>
|
||
<pubDate>Fri, 02 May 2025 14:42:07 +0800</pubDate>
|
||
<guid>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/</guid>
|
||
<description><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></description>
|
||
</item>
|
||
<item>
|
||
<title>Helloworld</title>
|
||
<link>http://localhost:1313/post/2025/04/28/helloworld/</link>
|
||
<pubDate>Mon, 28 Apr 2025 00:44:05 +0800</pubDate>
|
||
<guid>http://localhost:1313/post/2025/04/28/helloworld/</guid>
|
||
<description><h1 id="an-h1-header">An h1 header</h1>
<p>Paragraphs are separated by a blank line.</p>
<p>2nd paragraph. <em>Italic</em>, <strong>bold</strong>, and <code>monospace</code>. Itemized lists
look like:</p>
<ul>
<li>this one</li>
<li>that one</li>
<li>the other one</li>
</ul>
<p>Note that &mdash; not considering the asterisk &mdash; the actual text
content starts at 4-columns in.</p>
<blockquote>
<p>Block quotes are
written like so.</p>
<p>They can span multiple paragraphs,
if you like.</p></blockquote>
<p>Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., &ldquo;it&rsquo;s all
in chapters 12&ndash;14&rdquo;). Three dots &hellip; will be converted to an ellipsis.
Unicode is supported. ☺</p></description>
|
||
</item>
|
||
</channel>
|
||
</rss>
|