-定风波·莫听穿林打叶声
+定风波·莫听穿林打叶声
(宋)苏轼
三月七日，沙湖道中遇雨，雨具先去，同行皆狼狈，余独不觉。已而遂晴，故作此。
莫听穿林打叶声，何妨吟啸且徐行。竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。
diff --git "a/posts/\346\262\247\346\265\267\344\270\200\345\243\260\347\254\221/index.html" "b/posts/\346\262\247\346\265\267\344\270\200\345\243\260\347\254\221/index.html"
index 683ac045c7..87c9380785 100644
--- "a/posts/\346\262\247\346\265\267\344\270\200\345\243\260\347\254\221/index.html"
+++ "b/posts/\346\262\247\346\265\267\344\270\200\345\243\260\347\254\221/index.html"
@@ -141,7 +141,7 @@ 沧海一声笑
在电影《笑傲江湖》中表现是，令狐冲、欲金盆洗手的顺风堂主刘正风和日月神教长老曲洋被东厂鹰犬左冷禅追杀，泛船而逃，途中曲刘兴之所至演奏二人青年时所作的《笑傲江湖》。刘吹横笛，曲弹古筝，令狐冲假弹三弦，并轮番唱和，以表示远离血海江湖。
而此歌又有主要有二个版本。分别是香港演员、歌手许冠杰、黄霑、张伟文所唱的粤语版，和黄霑、罗大佑、徐克所唱国语版，二个版本的歌词虽然有点区别，但唱出来所表达的意境是一样的，这里是国语版的：
-沧海一声笑
+沧海一声笑
歌手：罗大佑 / 黄霑 / 徐克
作词 : 黄霑
作曲: 黄霑
diff --git a/tags/kaiti/index.xml b/tags/kaiti/index.xml
index 0531ce3258..5634e42af7 100644
--- a/tags/kaiti/index.xml
+++ b/tags/kaiti/index.xml
@@ -14,7 +14,7 @@
https://www.zaqizaba.xyz/posts/%E6%96%B0%E5%AD%97%E4%BD%93/
Wed, 26 Jul 2023 08:21:27 +0800
https://www.zaqizaba.xyz/posts/%E6%96%B0%E5%AD%97%E4%BD%93/
- <hr>
<p>
<div class="post-img-view">
<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/liu_gongquan_shu_jin_gang_jing-710x375.jpg">
<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/liu_gongquan_shu_jin_gang_jing-710x375.jpg" alt="" />
</a>
</div>
</p>
<p>最近翻阅网页，偶然翻到了<a href="https://yihui.org/"><strong>谢益辉大佬的博客</strong></a>，发现他的引用部分字体是楷体。而且著名古籍网站<a href="https://www.shuge.org/"><strong>书格</strong></a>的引用部分也是楷体。我认为这比我单纯的引用原网页预设的字体要美观些，后来自己研究了下，改了预设字体并成功了。</p>
<h1 id="1找到设置字体文字部分ﾉωﾉ">1.找到设置字体文字部分(ﾉ*･ω･)ﾉ</h1>
<h2 id="1-1-fontscss的介绍">1-1. fonts.css的介绍</h2>
<p>我发现这些预设字体通过<code>font.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">post</span> <span style="color:#f92672">blockquote</span><span style="color:#f92672">,</span> .<span style="color:#a6e22e">newsletter</span> <span style="color:#f92672">blockquote</span><span style="color:#f92672">,</span> .<span style="color:#a6e22e">home</span> <span style="color:#f92672">blockquote</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-family</span>: <span style="color:#e6db74">'Palatino Linotype'</span>, <span style="color:#e6db74">'Book Antiqua'</span>, Palatino, <span style="color:#e6db74">'STKaiti'</span>, <span style="color:#e6db74">'KaiTi'</span>, <span style="color:#e6db74">'楷体'</span>, <span style="color:#e6db74">'SimKai'</span>, <span style="color:#e6db74">'DFKai-SB'</span>, <span style="color:#e6db74">'NSimSun'</span>, <span style="color:#66d9ef">serif</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span><span style="color:#f92672">blockquote</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-family</span>: <span style="color:#e6db74">'Palatino Linotype'</span>, <span style="color:#e6db74">'Book Antiqua'</span>, Palatino, <span style="color:#e6db74">'STKaiti'</span>, <span style="color:#e6db74">'KaiTi'</span>, <span style="color:#e6db74">'楷体'</span>, <span style="color:#e6db74">'SimKai'</span>, <span style="color:#e6db74">'DFKai-SB'</span>, <span style="color:#e6db74">'NSimSun'</span>, <span style="color:#66d9ef">serif</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span><span style="color:#f92672">code</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-family</span>: Consolas, Courier, <span style="color:#e6db74">"Courier New"</span>, <span style="color:#e6db74">'STKaiti'</span>, <span style="color:#e6db74">'KaiTi'</span>, <span style="color:#e6db74">'SimKai'</span>, <span style="color:#66d9ef">monospace</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span><span style="color:#f92672">pre</span><span style="color:#f92672">,</span> <span style="color:#f92672">code</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-size</span>: <span style="color:#ae81ff">.95</span><span style="color:#66d9ef">em</span>;
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>其中<code>.post blockquote, .newsletter blockquote, .home blockquote</code>分别指页面，通讯页，以及主页网站引用内容。而<code>blockquote</code>指代文字引用内容，<code>code</code>指代代码块引用内容，<code>font-family</code>是字族。<code>blockquote</code>首选外文字体是<code>Palatino Linotype</code>字体，中文则是<code>KaiTi</code>。而<code>code</code>外文首选是<code>Consolas</code>字体，中文字体是<code>KaiTi</code>。<code>size</code>为字体大小。</p>
<h2 id="1-2引入代码内容">1-2.引入代码内容</h2>
<p>我是这样做的，先把<code>fonts.css </code>放到<code>static/css/fonts.css</code>路径下，再到<code>layouts/partials/header</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><<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">"stylesheet"</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">"https://www.zaqizaba.xyz/css/fonts.css"</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">"sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q"</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">"anonymous"</span>></<span style="color:#f92672">script</span>>
</span></span></code></pre></div><p>注意放到<code>head</code>和<code>head'</code> 之间,然后就可以看到文字块和代码块的字体为预设字体了。</p>
<h1 id="2试一试φ皿φ">2.试一试(<em>Φ皿Φ</em>)</h1>
<p><strong>2-1.</strong> 北宋年间，苏轼因 <strong>“乌台诗案”</strong> 被贬久居黄州期间，思想由郁恨到洒脱。于是写出了著名的词作 <strong>《定风波·莫听穿林打叶声》</strong> ：</p>
<blockquote>
<h2 id="hahahugoshortcode41s0hbhb"><p style="text-align:center">定风波·莫听穿林打叶声</p></h2>
<p style="text-align:center">(宋)苏轼</p>
<p style="text-align:center"><strong>三月七日，沙湖道中遇雨，雨具先去，同行皆狼狈，余独不觉。已而遂晴，故作此。</strong></p>
<p style="text-align:center">莫听穿林打叶声，何妨吟啸且徐行。竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。</p>
<p style="text-align:center">料峭春风吹酒醒，微冷，山头斜照却相迎。回首向来萧瑟处，归去，也无风雨也无晴。</p>
<p>
<div class="post-img-view">
<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/%E5%AE%9A%E9%A3%8E%E6%B3%A2.jpeg">
<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/%E5%AE%9A%E9%A3%8E%E6%B3%A2.jpeg" alt="定风波·莫听穿林打叶声" />
</a>
</div>
</p>
</blockquote>
<p><strong>2-2.</strong> 1863年11月19日，也就是美国内战中葛底斯堡战役结束的四个半月后，林肯在宾夕法尼亚州葛底斯堡的葛底斯堡国家公墓（<strong>Gettysburg National Cemetery</strong>）揭幕式中发表此次演说，哀悼在长达五个半月的葛底斯堡之役中阵亡的将士，此演说即为著名的 <strong>《葛底斯堡演说》</strong> ，全文如下：</p>
<blockquote>
<h5 id="speakerabraham-lincolnadderslocation-gettysburg-pennsylvania-usatimenov-19-1863"><strong>“speaker：Abraham Lincoln"“adders:Location: Gettysburg, Pennsylvania, USA"“time:Nov. 19, 1863”</strong></h5>
<p><em>Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.</em></p>
+ <hr>
<p>
<div class="post-img-view">
<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/liu_gongquan_shu_jin_gang_jing-710x375.jpg">
<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/liu_gongquan_shu_jin_gang_jing-710x375.jpg" alt="" />
</a>
</div>
</p>
<p>最近翻阅网页，偶然翻到了<a href="https://yihui.org/"><strong>谢益辉大佬的博客</strong></a>，发现他的引用部分字体是楷体。而且著名古籍网站<a href="https://www.shuge.org/"><strong>书格</strong></a>的引用部分也是楷体。我认为这比我单纯的引用原网页预设的字体要美观些，后来自己研究了下，改了预设字体并成功了。</p>
<h1 id="1找到设置字体文字部分ﾉωﾉ">1.找到设置字体文字部分(ﾉ*･ω･)ﾉ</h1>
<h2 id="1-1-fontscss的介绍">1-1. fonts.css的介绍</h2>
<p>我发现这些预设字体通过<code>font.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">post</span> <span style="color:#f92672">blockquote</span><span style="color:#f92672">,</span> .<span style="color:#a6e22e">newsletter</span> <span style="color:#f92672">blockquote</span><span style="color:#f92672">,</span> .<span style="color:#a6e22e">home</span> <span style="color:#f92672">blockquote</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-family</span>: <span style="color:#e6db74">'Palatino Linotype'</span>, <span style="color:#e6db74">'Book Antiqua'</span>, Palatino, <span style="color:#e6db74">'STKaiti'</span>, <span style="color:#e6db74">'KaiTi'</span>, <span style="color:#e6db74">'楷体'</span>, <span style="color:#e6db74">'SimKai'</span>, <span style="color:#e6db74">'DFKai-SB'</span>, <span style="color:#e6db74">'NSimSun'</span>, <span style="color:#66d9ef">serif</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span><span style="color:#f92672">blockquote</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-family</span>: <span style="color:#e6db74">'Palatino Linotype'</span>, <span style="color:#e6db74">'Book Antiqua'</span>, Palatino, <span style="color:#e6db74">'STKaiti'</span>, <span style="color:#e6db74">'KaiTi'</span>, <span style="color:#e6db74">'楷体'</span>, <span style="color:#e6db74">'SimKai'</span>, <span style="color:#e6db74">'DFKai-SB'</span>, <span style="color:#e6db74">'NSimSun'</span>, <span style="color:#66d9ef">serif</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span><span style="color:#f92672">code</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-family</span>: Consolas, Courier, <span style="color:#e6db74">"Courier New"</span>, <span style="color:#e6db74">'STKaiti'</span>, <span style="color:#e6db74">'KaiTi'</span>, <span style="color:#e6db74">'SimKai'</span>, <span style="color:#66d9ef">monospace</span>;
</span></span><span style="display:flex;"><span>}
</span></span><span style="display:flex;"><span><span style="color:#f92672">pre</span><span style="color:#f92672">,</span> <span style="color:#f92672">code</span> {
</span></span><span style="display:flex;"><span> <span style="color:#66d9ef">font-size</span>: <span style="color:#ae81ff">.95</span><span style="color:#66d9ef">em</span>;
</span></span><span style="display:flex;"><span>}
</span></span></code></pre></div><p>其中<code>.post blockquote, .newsletter blockquote, .home blockquote</code>分别指页面，通讯页，以及主页网站引用内容。而<code>blockquote</code>指代文字引用内容，<code>code</code>指代代码块引用内容，<code>font-family</code>是字族。<code>blockquote</code>首选外文字体是<code>Palatino Linotype</code>字体，中文则是<code>KaiTi</code>。而<code>code</code>外文首选是<code>Consolas</code>字体，中文字体是<code>KaiTi</code>。<code>size</code>为字体大小。</p>
<h2 id="1-2引入代码内容">1-2.引入代码内容</h2>
<p>我是这样做的，先把<code>fonts.css </code>放到<code>static/css/fonts.css</code>路径下，再到<code>layouts/partials/header</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><<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">"stylesheet"</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">"https://www.zaqizaba.xyz/css/fonts.css"</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">"sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q"</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">"anonymous"</span>></<span style="color:#f92672">script</span>>
</span></span></code></pre></div><p>注意放到<code>head</code>和<code>head'</code> 之间,然后就可以看到文字块和代码块的字体为预设字体了。</p>
<h1 id="2试一试φ皿φ">2.试一试(<em>Φ皿Φ</em>)</h1>
<p><strong>2-1.</strong> 北宋年间，苏轼因 <strong>“乌台诗案”</strong> 被贬久居黄州期间，思想由郁恨到洒脱。于是写出了著名的词作 <strong>《定风波·莫听穿林打叶声》</strong> ：</p>
<blockquote>
<h2 id="hahahugoshortcode31s0hbhb"><p style="text-align:center">定风波·莫听穿林打叶声</p></h2>
<p style="text-align:center">(宋)苏轼</p>
<p style="text-align:center"><strong>三月七日，沙湖道中遇雨，雨具先去，同行皆狼狈，余独不觉。已而遂晴，故作此。</strong></p>
<p style="text-align:center">莫听穿林打叶声，何妨吟啸且徐行。竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。</p>
<p style="text-align:center">料峭春风吹酒醒，微冷，山头斜照却相迎。回首向来萧瑟处，归去，也无风雨也无晴。</p>
<p>
<div class="post-img-view">
<a data-fancybox="gallery" href="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/%E5%AE%9A%E9%A3%8E%E6%B3%A2.jpeg">
<img src="https://css-1252531711.cos.ap-chongqing.myqcloud.com/picture/%E5%AE%9A%E9%A3%8E%E6%B3%A2.jpeg" alt="定风波·莫听穿林打叶声" />
</a>
</div>
</p>
</blockquote>
<p><strong>2-2.</strong> 1863年11月19日，也就是美国内战中葛底斯堡战役结束的四个半月后，林肯在宾夕法尼亚州葛底斯堡的葛底斯堡国家公墓（<strong>Gettysburg National Cemetery</strong>）揭幕式中发表此次演说，哀悼在长达五个半月的葛底斯堡之役中阵亡的将士，此演说即为著名的 <strong>《葛底斯堡演说》</strong> ，全文如下：</p>
<blockquote>
<h5 id="speakerabraham-lincolnadderslocation-gettysburg-pennsylvania-usatimenov-19-1863"><strong>“speaker：Abraham Lincoln"“adders:Location: Gettysburg, Pennsylvania, USA"“time:Nov. 19, 1863”</strong></h5>
<p><em>Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.</em></p>