diff --git a/about/index.html b/about/index.html index 960200de3..6dc2b86b2 100644 --- a/about/index.html +++ b/about/index.html @@ -337,6 +337,18 @@

Frequent Tags

+ + diff --git a/archives/index.html b/archives/index.html index fe9fd58a6..4b2c386fe 100644 --- a/archives/index.html +++ b/archives/index.html @@ -5,7 +5,7 @@ -archives | 阿波尔的博客 +Archives | 阿波尔的博客 @@ -126,7 +126,7 @@
-

archives

+

Archives

@@ -429,6 +429,18 @@

0001

+ + diff --git a/comments/index.html b/comments/index.html index 26ba36e88..23ffd31ca 100644 --- a/comments/index.html +++ b/comments/index.html @@ -184,6 +184,18 @@

comments

+ + diff --git a/index.xml b/index.xml index 784f72501..a8b319657 100644 --- a/index.xml +++ b/index.xml @@ -119,7 +119,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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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="hahahugoshortcode30s0hbhb"><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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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> clan old photos diff --git "a/posts/cdn\345\205\254\345\205\261\345\272\223\347\232\204\344\277\256\346\224\271/index.html" "b/posts/cdn\345\205\254\345\205\261\345\272\223\347\232\204\344\277\256\346\224\271/index.html" index 47797962f..3029a51c8 100644 --- "a/posts/cdn\345\205\254\345\205\261\345\272\223\347\232\204\344\277\256\346\224\271/index.html" +++ "b/posts/cdn\345\205\254\345\205\261\345\272\223\347\232\204\344\277\256\346\224\271/index.html" @@ -177,6 +177,18 @@

CDN公共库的修改 + + diff --git a/posts/clan-old-photos/index.html b/posts/clan-old-photos/index.html index 0e010d8be..ef0c51c13 100644 --- a/posts/clan-old-photos/index.html +++ b/posts/clan-old-photos/index.html @@ -324,6 +324,18 @@

clan old photos

+ + diff --git a/posts/creating-a-new-theme/index.html b/posts/creating-a-new-theme/index.html index 11cf7fe6f..08855ba21 100644 --- a/posts/creating-a-new-theme/index.html +++ b/posts/creating-a-new-theme/index.html @@ -942,6 +942,18 @@

Don’t Repeat Yourself

+ + diff --git a/posts/first/index.html b/posts/first/index.html index 5ba799162..a5f4ab430 100644 --- a/posts/first/index.html +++ b/posts/first/index.html @@ -149,6 +149,18 @@

Hello Hugo

+ + diff --git a/posts/goisforlovers/index.html b/posts/goisforlovers/index.html index 307c51725..5bb84e64c 100644 --- a/posts/goisforlovers/index.html +++ b/posts/goisforlovers/index.html @@ -370,6 +370,18 @@

Using Site (config) Parameters

+ + diff --git a/posts/hugoisforlovers/index.html b/posts/hugoisforlovers/index.html index 7abc324a0..e941f64ff 100644 --- a/posts/hugoisforlovers/index.html +++ b/posts/hugoisforlovers/index.html @@ -191,6 +191,18 @@

Step 4. Have fun

+ + diff --git "a/posts/hugo\345\215\232\345\256\242\346\220\255\345\273\272\350\277\207\347\250\213/index.html" "b/posts/hugo\345\215\232\345\256\242\346\220\255\345\273\272\350\277\207\347\250\213/index.html" index a36fd36cd..daa32278b 100644 --- "a/posts/hugo\345\215\232\345\256\242\346\220\255\345\273\272\350\277\207\347\250\213/index.html" +++ "b/posts/hugo\345\215\232\345\256\242\346\220\255\345\273\272\350\277\207\347\250\213/index.html" @@ -364,6 +364,18 @@

4.设置静态文件及上传

+ + diff --git "a/posts/hugo\346\267\273\345\212\240\347\237\255\344\273\243\347\240\201/index.html" "b/posts/hugo\346\267\273\345\212\240\347\237\255\344\273\243\347\240\201/index.html" index 239e07178..ded7c51be 100644 --- "a/posts/hugo\346\267\273\345\212\240\347\237\255\344\273\243\347\240\201/index.html" +++ "b/posts/hugo\346\267\273\345\212\240\347\237\255\344\273\243\347\240\201/index.html" @@ -221,6 +221,18 @@

以下几个短代码的应用

+ + diff --git "a/posts/hugo\350\247\243\345\206\263\347\275\221\346\230\223\344\272\221\351\237\263\344\271\220\344\270\215\346\230\276\347\244\272\351\227\256\351\242\230/index.html" "b/posts/hugo\350\247\243\345\206\263\347\275\221\346\230\223\344\272\221\351\237\263\344\271\220\344\270\215\346\230\276\347\244\272\351\227\256\351\242\230/index.html" index f1b016200..c7ecfdbdc 100644 --- "a/posts/hugo\350\247\243\345\206\263\347\275\221\346\230\223\344\272\221\351\237\263\344\271\220\344\270\215\346\230\276\347\244\272\351\227\256\351\242\230/index.html" +++ "b/posts/hugo\350\247\243\345\206\263\347\275\221\346\230\223\344\272\221\351\237\263\344\271\220\344\270\215\346\230\276\347\244\272\351\227\256\351\242\230/index.html" @@ -178,6 +178,18 @@

Hugo解决网易云音 + + diff --git a/posts/index.xml b/posts/index.xml index c6bb564af..db99b206d 100644 --- a/posts/index.xml +++ b/posts/index.xml @@ -119,7 +119,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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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="hahahugoshortcode30s0hbhb"><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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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> clan old photos diff --git "a/posts/ipad\345\233\275\345\214\272\346\215\242\346\210\220\347\276\216\345\214\272/index.html" "b/posts/ipad\345\233\275\345\214\272\346\215\242\346\210\220\347\276\216\345\214\272/index.html" index 22649f287..926ef7852 100644 --- "a/posts/ipad\345\233\275\345\214\272\346\215\242\346\210\220\347\276\216\345\214\272/index.html" +++ "b/posts/ipad\345\233\275\345\214\272\346\215\242\346\210\220\347\276\216\345\214\272/index.html" @@ -164,6 +164,18 @@
测试环境如下:
+ + diff --git a/posts/migrate-from-jekyll/index.html b/posts/migrate-from-jekyll/index.html index 1b9da1d14..fb8fb328a 100644 --- a/posts/migrate-from-jekyll/index.html +++ b/posts/migrate-from-jekyll/index.html @@ -270,6 +270,18 @@

A practical example in a diff

+ + diff --git "a/posts/typora\347\232\204\344\270\200\344\272\233\346\211\251\345\261\225\345\272\224\347\224\250/index.html" "b/posts/typora\347\232\204\344\270\200\344\272\233\346\211\251\345\261\225\345\272\224\347\224\250/index.html" index af9373278..229e915c3 100644 --- "a/posts/typora\347\232\204\344\270\200\344\272\233\346\211\251\345\261\225\345\272\224\347\224\250/index.html" +++ "b/posts/typora\347\232\204\344\270\200\344\272\233\346\211\251\345\261\225\345\272\224\347\224\250/index.html" @@ -1032,6 +1032,18 @@

7.引入echarts图表库

+ + diff --git "a/posts/vps\345\256\236\347\216\260\346\265\201\351\207\217\350\256\277\351\227\256\345\271\266\345\274\200\345\220\257ipv6/index.html" "b/posts/vps\345\256\236\347\216\260\346\265\201\351\207\217\350\256\277\351\227\256\345\271\266\345\274\200\345\220\257ipv6/index.html" index 7e1b0dd3e..c97f2e446 100644 --- "a/posts/vps\345\256\236\347\216\260\346\265\201\351\207\217\350\256\277\351\227\256\345\271\266\345\274\200\345\220\257ipv6/index.html" +++ "b/posts/vps\345\256\236\347\216\260\346\265\201\351\207\217\350\256\277\351\227\256\345\271\266\345\274\200\345\220\257ipv6/index.html" @@ -206,6 +206,18 @@

2.3安装warp ipv6

+ + diff --git "a/posts/windows10\345\222\214archlinux\345\217\214\347\263\273\347\273\237\345\220\257\345\212\250/index.html" "b/posts/windows10\345\222\214archlinux\345\217\214\347\263\273\347\273\237\345\220\257\345\212\250/index.html" index 1ce30fc78..d61ca159c 100644 --- "a/posts/windows10\345\222\214archlinux\345\217\214\347\263\273\347\273\237\345\220\257\345\212\250/index.html" +++ "b/posts/windows10\345\222\214archlinux\345\217\214\347\263\273\347\273\237\345\220\257\345\212\250/index.html" @@ -278,6 +278,18 @@

2.Archlinux基础安装

+ + diff --git "a/posts/\344\270\272\344\273\200\344\271\210\351\200\211\346\213\251hugo\346\220\255\345\273\272\346\210\221\347\232\204\345\215\232\345\256\242/index.html" "b/posts/\344\270\272\344\273\200\344\271\210\351\200\211\346\213\251hugo\346\220\255\345\273\272\346\210\221\347\232\204\345\215\232\345\256\242/index.html" index 8152b5370..84d7d1351 100644 --- "a/posts/\344\270\272\344\273\200\344\271\210\351\200\211\346\213\251hugo\346\220\255\345\273\272\346\210\221\347\232\204\345\215\232\345\256\242/index.html" +++ "b/posts/\344\270\272\344\273\200\344\271\210\351\200\211\346\213\251hugo\346\220\255\345\273\272\346\210\221\347\232\204\345\215\232\345\256\242/index.html" @@ -142,6 +142,18 @@

为什么选择hugo搭 + + diff --git "a/posts/\345\203\265\345\260\270\347\275\221\347\273\234911-s5/index.html" "b/posts/\345\203\265\345\260\270\347\275\221\347\273\234911-s5/index.html" index e7614a117..158dcd620 100644 --- "a/posts/\345\203\265\345\260\270\347\275\221\347\273\234911-s5/index.html" +++ "b/posts/\345\203\265\345\260\270\347\275\221\347\273\234911-s5/index.html" @@ -179,6 +179,18 @@

僵尸网络911 S5

+ + diff --git "a/posts/\345\205\211\347\214\253\344\273\245\345\217\212\350\267\257\347\224\261\345\231\250\347\232\204\350\256\276\347\275\256/index.html" "b/posts/\345\205\211\347\214\253\344\273\245\345\217\212\350\267\257\347\224\261\345\231\250\347\232\204\350\256\276\347\275\256/index.html" index 27f9b2c42..2c80042a7 100644 --- "a/posts/\345\205\211\347\214\253\344\273\245\345\217\212\350\267\257\347\224\261\345\231\250\347\232\204\350\256\276\347\275\256/index.html" +++ "b/posts/\345\205\211\347\214\253\344\273\245\345\217\212\350\267\257\347\224\261\345\231\250\347\232\204\350\256\276\347\275\256/index.html" @@ -196,6 +196,18 @@

2.路由器设置

+ + diff --git "a/posts/\345\206\215\350\247\201\346\264\233\344\274\212\345\260\224\345\276\267/index.html" "b/posts/\345\206\215\350\247\201\346\264\233\344\274\212\345\260\224\345\276\267/index.html" index dceb44418..a15e248b2 100644 --- "a/posts/\345\206\215\350\247\201\346\264\233\344\274\212\345\260\224\345\276\267/index.html" +++ "b/posts/\345\206\215\350\247\201\346\264\233\344\274\212\345\260\224\345\276\267/index.html" @@ -166,6 +166,18 @@

再见,洛伊尔德 + + diff --git "a/posts/\345\215\232\345\256\242\347\275\221\347\253\231\345\212\253\346\214\201\346\201\242\345\244\215\346\226\271\346\263\225/index.html" "b/posts/\345\215\232\345\256\242\347\275\221\347\253\231\345\212\253\346\214\201\346\201\242\345\244\215\346\226\271\346\263\225/index.html" index ab72e0da6..4bcbee6d4 100644 --- "a/posts/\345\215\232\345\256\242\347\275\221\347\253\231\345\212\253\346\214\201\346\201\242\345\244\215\346\226\271\346\263\225/index.html" +++ "b/posts/\345\215\232\345\256\242\347\275\221\347\253\231\345\212\253\346\214\201\346\201\242\345\244\215\346\226\271\346\263\225/index.html" @@ -164,6 +164,18 @@

博客网站劫持恢复 + + diff --git "a/posts/\345\233\276\347\211\207\345\234\250\345\215\232\345\256\242\344\270\255\347\232\204\346\230\276\347\244\272\345\275\242\345\274\217/index.html" "b/posts/\345\233\276\347\211\207\345\234\250\345\215\232\345\256\242\344\270\255\347\232\204\346\230\276\347\244\272\345\275\242\345\274\217/index.html" index 6107eeb3f..00ce44116 100644 --- "a/posts/\345\233\276\347\211\207\345\234\250\345\215\232\345\256\242\344\270\255\347\232\204\346\230\276\347\244\272\345\275\242\345\274\217/index.html" +++ "b/posts/\345\233\276\347\211\207\345\234\250\345\215\232\345\256\242\344\270\255\347\232\204\346\230\276\347\244\272\345\275\242\345\274\217/index.html" @@ -373,6 +373,18 @@

3.3图片轮播

+ + diff --git "a/posts/\345\234\250\345\217\260\345\274\217\346\234\272\344\270\212\344\275\223\351\252\214\350\260\267\346\255\214stadia\344\272\221\346\270\270\346\210\217\345\271\263\345\217\260/index.html" "b/posts/\345\234\250\345\217\260\345\274\217\346\234\272\344\270\212\344\275\223\351\252\214\350\260\267\346\255\214stadia\344\272\221\346\270\270\346\210\217\345\271\263\345\217\260/index.html" index a5a8f10cd..c9be1b7d0 100644 --- "a/posts/\345\234\250\345\217\260\345\274\217\346\234\272\344\270\212\344\275\223\351\252\214\350\260\267\346\255\214stadia\344\272\221\346\270\270\346\210\217\345\271\263\345\217\260/index.html" +++ "b/posts/\345\234\250\345\217\260\345\274\217\346\234\272\344\270\212\344\275\223\351\252\214\350\260\267\346\255\214stadia\344\272\221\346\270\270\346\210\217\345\271\263\345\217\260/index.html" @@ -288,6 +288,18 @@

3.后话及想法

+ + diff --git "a/posts/\345\246\202\344\275\225\345\234\250\344\270\273\351\242\230\344\270\255\346\267\273\345\212\240\346\226\207\347\253\240\345\275\222\346\241\243/index.html" "b/posts/\345\246\202\344\275\225\345\234\250\344\270\273\351\242\230\344\270\255\346\267\273\345\212\240\346\226\207\347\253\240\345\275\222\346\241\243/index.html" index d0275a0a9..4e1920763 100644 --- "a/posts/\345\246\202\344\275\225\345\234\250\344\270\273\351\242\230\344\270\255\346\267\273\345\212\240\346\226\207\347\253\240\345\275\222\346\241\243/index.html" +++ "b/posts/\345\246\202\344\275\225\345\234\250\344\270\273\351\242\230\344\270\255\346\267\273\345\212\240\346\226\207\347\253\240\345\275\222\346\241\243/index.html" @@ -159,6 +159,18 @@

3.后续注意及存在问题

+ + diff --git "a/posts/\345\255\246\350\275\246\351\232\276\351\201\223\345\276\210\351\232\276\345\220\227/index.html" "b/posts/\345\255\246\350\275\246\351\232\276\351\201\223\345\276\210\351\232\276\345\220\227/index.html" index 29762ac8a..af8015fdd 100644 --- "a/posts/\345\255\246\350\275\246\351\232\276\351\201\223\345\276\210\351\232\276\345\220\227/index.html" +++ "b/posts/\345\255\246\350\275\246\351\232\276\351\201\223\345\276\210\351\232\276\345\220\227/index.html" @@ -159,6 +159,18 @@

2.遇到难题

+ + diff --git "a/posts/\345\256\211\345\215\223\346\211\213\346\234\272\345\274\200\345\220\257\345\215\263\346\227\266\350\264\264/index.html" "b/posts/\345\256\211\345\215\223\346\211\213\346\234\272\345\274\200\345\220\257\345\215\263\346\227\266\350\264\264/index.html" index 509806bee..b0db9d8be 100644 --- "a/posts/\345\256\211\345\215\223\346\211\213\346\234\272\345\274\200\345\220\257\345\215\263\346\227\266\350\264\264/index.html" +++ "b/posts/\345\256\211\345\215\223\346\211\213\346\234\272\345\274\200\345\220\257\345\215\263\346\227\266\350\264\264/index.html" @@ -160,6 +160,18 @@
视频具体操作
+ + diff --git "a/posts/\345\260\206\346\211\230\347\256\241\344\273\216github\350\277\201\347\247\273\345\210\260vercel/index.html" "b/posts/\345\260\206\346\211\230\347\256\241\344\273\216github\350\277\201\347\247\273\345\210\260vercel/index.html" index ba90cf2f5..29236b3fb 100644 --- "a/posts/\345\260\206\346\211\230\347\256\241\344\273\216github\350\277\201\347\247\273\345\210\260vercel/index.html" +++ "b/posts/\345\260\206\346\211\230\347\256\241\344\273\216github\350\277\201\347\247\273\345\210\260vercel/index.html" @@ -236,6 +236,18 @@

2.3指定hugo博客版本号

+ + diff --git "a/posts/\346\200\216\344\271\210\350\275\254\347\247\273\345\244\247\351\207\217\345\235\217\351\201\223\347\232\204hdd\346\225\260\346\215\256\345\210\260\346\226\260\347\241\254\347\233\230/index.html" "b/posts/\346\200\216\344\271\210\350\275\254\347\247\273\345\244\247\351\207\217\345\235\217\351\201\223\347\232\204hdd\346\225\260\346\215\256\345\210\260\346\226\260\347\241\254\347\233\230/index.html" index 78d792540..bf7afe87d 100644 --- "a/posts/\346\200\216\344\271\210\350\275\254\347\247\273\345\244\247\351\207\217\345\235\217\351\201\223\347\232\204hdd\346\225\260\346\215\256\345\210\260\346\226\260\347\241\254\347\233\230/index.html" +++ "b/posts/\346\200\216\344\271\210\350\275\254\347\247\273\345\244\247\351\207\217\345\235\217\351\201\223\347\232\204hdd\346\225\260\346\215\256\345\210\260\346\226\260\347\241\254\347\233\230/index.html" @@ -285,6 +285,18 @@

2.如何防止坏道的形成 + + diff --git "a/posts/\346\212\227\345\207\235\345\211\202\347\232\204\351\200\211\346\213\251/index.html" "b/posts/\346\212\227\345\207\235\345\211\202\347\232\204\351\200\211\346\213\251/index.html" index 6f6fc57df..4c0365d39 100644 --- "a/posts/\346\212\227\345\207\235\345\211\202\347\232\204\351\200\211\346\213\251/index.html" +++ "b/posts/\346\212\227\345\207\235\345\211\202\347\232\204\351\200\211\346\213\251/index.html" @@ -159,6 +159,18 @@

4.枸橼酸钠

+ + diff --git "a/posts/\346\226\260\345\255\227\344\275\223/index.html" "b/posts/\346\226\260\345\255\227\344\275\223/index.html" index 2696700fc..bb989c78a 100644 --- "a/posts/\346\226\260\345\255\227\344\275\223/index.html" +++ "b/posts/\346\226\260\345\255\227\344\275\223/index.html" @@ -161,7 +161,7 @@

1-2.引入代码内容

2.试一试(Φ皿Φ)

2-1. 北宋年间,苏轼因 “乌台诗案” 被贬久居黄州期间,思想由郁恨到洒脱。于是写出了著名的词作 《定风波·莫听穿林打叶声》

-

定风波·莫听穿林打叶声

+

定风波·莫听穿林打叶声

(宋)苏轼

三月七日,沙湖道中遇雨,雨具先去,同行皆狼狈,余独不觉。已而遂晴,故作此。

莫听穿林打叶声,何妨吟啸且徐行。竹杖芒鞋轻胜马,谁怕?一蓑烟雨任平生。

@@ -198,6 +198,18 @@
+ + diff --git "a/posts/\346\240\221\350\216\223\346\264\276\345\210\267\345\205\245raspbian\351\225\234\345\203\217\345\214\205/index.html" "b/posts/\346\240\221\350\216\223\346\264\276\345\210\267\345\205\245raspbian\351\225\234\345\203\217\345\214\205/index.html" index b03b4cad0..9650a15af 100644 --- "a/posts/\346\240\221\350\216\223\346\264\276\345\210\267\345\205\245raspbian\351\225\234\345\203\217\345\214\205/index.html" +++ "b/posts/\346\240\221\350\216\223\346\264\276\345\210\267\345\205\245raspbian\351\225\234\345\203\217\345\214\205/index.html" @@ -217,6 +217,18 @@

4.安装文件

+ + 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 e420bf143..ed13a28d5 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" @@ -179,6 +179,18 @@

沧海一声笑< + + diff --git "a/posts/\346\263\250\345\206\214chatgpt\345\271\266\346\210\220\345\212\237\345\256\236\347\216\260\345\276\256\344\277\241\345\257\271\346\216\245/index.html" "b/posts/\346\263\250\345\206\214chatgpt\345\271\266\346\210\220\345\212\237\345\256\236\347\216\260\345\276\256\344\277\241\345\257\271\346\216\245/index.html" index 1873801e6..0bb6f9ee5 100644 --- "a/posts/\346\263\250\345\206\214chatgpt\345\271\266\346\210\220\345\212\237\345\256\236\347\216\260\345\276\256\344\277\241\345\257\271\346\216\245/index.html" +++ "b/posts/\346\263\250\345\206\214chatgpt\345\271\266\346\210\220\345\212\237\345\256\236\347\216\260\345\276\256\344\277\241\345\257\271\346\216\245/index.html" @@ -251,6 +251,18 @@

2.对接微信

+ + diff --git "a/posts/\346\267\273\345\212\240\346\234\254\345\234\260\350\247\206\351\242\221\345\210\260hugo\345\215\232\345\256\242/index.html" "b/posts/\346\267\273\345\212\240\346\234\254\345\234\260\350\247\206\351\242\221\345\210\260hugo\345\215\232\345\256\242/index.html" index c412234c9..8c3f7f551 100644 --- "a/posts/\346\267\273\345\212\240\346\234\254\345\234\260\350\247\206\351\242\221\345\210\260hugo\345\215\232\345\256\242/index.html" +++ "b/posts/\346\267\273\345\212\240\346\234\254\345\234\260\350\247\206\351\242\221\345\210\260hugo\345\215\232\345\256\242/index.html" @@ -306,6 +306,18 @@

3.获取HTML5文件url并添加视 + + diff --git "a/posts/\347\224\261\344\277\256\347\220\206walkman\350\200\214\345\274\225\345\217\221\347\232\204\346\200\235\350\200\203/index.html" "b/posts/\347\224\261\344\277\256\347\220\206walkman\350\200\214\345\274\225\345\217\221\347\232\204\346\200\235\350\200\203/index.html" index d530aff54..f18f77f0b 100644 --- "a/posts/\347\224\261\344\277\256\347\220\206walkman\350\200\214\345\274\225\345\217\221\347\232\204\346\200\235\350\200\203/index.html" +++ "b/posts/\347\224\261\344\277\256\347\220\206walkman\350\200\214\345\274\225\345\217\221\347\232\204\346\200\235\350\200\203/index.html" @@ -270,6 +270,18 @@

三.最后的最后

+ + diff --git "a/posts/\347\224\265\350\204\221\345\206\215\345\215\207\347\272\247/index.html" "b/posts/\347\224\265\350\204\221\345\206\215\345\215\207\347\272\247/index.html" index b6c642c83..053beab18 100644 --- "a/posts/\347\224\265\350\204\221\345\206\215\345\215\207\347\272\247/index.html" +++ "b/posts/\347\224\265\350\204\221\345\206\215\345\215\207\347\272\247/index.html" @@ -178,6 +178,18 @@

测试:

+ + diff --git "a/posts/\347\254\254\344\270\200\347\257\207\344\270\264\345\272\212\346\243\200\351\252\214\345\237\272\347\241\200/index.html" "b/posts/\347\254\254\344\270\200\347\257\207\344\270\264\345\272\212\346\243\200\351\252\214\345\237\272\347\241\200/index.html" index 8f61a539a..24ac94068 100644 --- "a/posts/\347\254\254\344\270\200\347\257\207\344\270\264\345\272\212\346\243\200\351\252\214\345\237\272\347\241\200/index.html" +++ "b/posts/\347\254\254\344\270\200\347\257\207\344\270\264\345\272\212\346\243\200\351\252\214\345\237\272\347\241\200/index.html" @@ -164,6 +164,18 @@

(四)血液生理功能

+ + diff --git "a/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2061/index.html" "b/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2061/index.html" index 4dbc59203..dd101dfaf 100644 --- "a/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2061/index.html" +++ "b/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2061/index.html" @@ -166,6 +166,18 @@
3.注意事项
+ + diff --git "a/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2062/index.html" "b/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2062/index.html" index a477d4349..bdf6f3add 100644 --- "a/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2062/index.html" +++ "b/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2062/index.html" @@ -165,6 +165,18 @@

3.注意事项

+ + diff --git "a/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2063/index.html" "b/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2063/index.html" index f158bbe14..89225412e 100644 --- "a/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2063/index.html" +++ "b/posts/\350\241\200\346\266\262\346\240\267\346\234\254\347\232\204\351\207\207\351\233\2063/index.html" @@ -262,6 +262,18 @@

5.实验结果分析

+ + diff --git "a/posts/\350\243\205\344\277\256waline/index.html" "b/posts/\350\243\205\344\277\256waline/index.html" index f979d8d6e..703f33fde 100644 --- "a/posts/\350\243\205\344\277\256waline/index.html" +++ "b/posts/\350\243\205\344\277\256waline/index.html" @@ -183,6 +183,18 @@

2.将博客评论大宽 + + diff --git "a/posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html" "b/posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html" index 9b3a7b59d..640e81d9c 100644 --- "a/posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html" +++ "b/posts/\350\256\251pc\347\253\257\347\224\250\344\270\212chatgpt/index.html" @@ -191,6 +191,18 @@

让PC端用上ChatGPT + + diff --git "a/posts/\350\256\260\345\277\206\344\270\255\347\232\204\345\212\250\347\224\273\345\234\272\351\235\242/index.html" "b/posts/\350\256\260\345\277\206\344\270\255\347\232\204\345\212\250\347\224\273\345\234\272\351\235\242/index.html" index 6c143df7f..3d6850011 100644 --- "a/posts/\350\256\260\345\277\206\344\270\255\347\232\204\345\212\250\347\224\273\345\234\272\351\235\242/index.html" +++ "b/posts/\350\256\260\345\277\206\344\270\255\347\232\204\345\212\250\347\224\273\345\234\272\351\235\242/index.html" @@ -242,6 +242,18 @@

后记

+ + diff --git "a/posts/\350\260\210\350\260\210\350\266\205\346\225\217\345\217\215\345\272\224\344\271\213\345\236\213/index.html" "b/posts/\350\260\210\350\260\210\350\266\205\346\225\217\345\217\215\345\272\224\344\271\213\345\236\213/index.html" index 3d92ca1e1..bf6afe4bb 100644 --- "a/posts/\350\260\210\350\260\210\350\266\205\346\225\217\345\217\215\345\272\224\344\271\213\345\236\213/index.html" +++ "b/posts/\350\260\210\350\260\210\350\266\205\346\225\217\345\217\215\345\272\224\344\271\213\345\236\213/index.html" @@ -181,6 +181,18 @@
2.临床意义
+ + diff --git "a/posts/\350\277\231\344\270\252\347\244\276\344\274\232\346\210\226\350\256\270\347\234\237\347\232\204\347\227\205\344\272\206/index.html" "b/posts/\350\277\231\344\270\252\347\244\276\344\274\232\346\210\226\350\256\270\347\234\237\347\232\204\347\227\205\344\272\206/index.html" index 05ace33ce..e207750c7 100644 --- "a/posts/\350\277\231\344\270\252\347\244\276\344\274\232\346\210\226\350\256\270\347\234\237\347\232\204\347\227\205\344\272\206/index.html" +++ "b/posts/\350\277\231\344\270\252\347\244\276\344\274\232\346\210\226\350\256\270\347\234\237\347\232\204\347\227\205\344\272\206/index.html" @@ -202,6 +202,18 @@

这个社会或许真的 + + diff --git "a/posts/\351\251\276\347\205\247\347\273\210\345\275\222\346\230\257\346\213\277\345\210\260\344\272\206/index.html" "b/posts/\351\251\276\347\205\247\347\273\210\345\275\222\346\230\257\346\213\277\345\210\260\344\272\206/index.html" index 29b230ef9..903a855e6 100644 --- "a/posts/\351\251\276\347\205\247\347\273\210\345\275\222\346\230\257\346\213\277\345\210\260\344\272\206/index.html" +++ "b/posts/\351\251\276\347\205\247\347\273\210\345\275\222\346\230\257\346\213\277\345\210\260\344\272\206/index.html" @@ -168,6 +168,18 @@

驾照终归是拿到了 + + diff --git a/tags/kaiti/index.xml b/tags/kaiti/index.xml index 9f076ca1f..5634e42af 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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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="hahahugoshortcode30s0hbhb"><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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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> diff --git "a/tags/\346\226\260\345\255\227\344\275\223/index.xml" "b/tags/\346\226\260\345\255\227\344\275\223/index.xml" index b46f73c80..0a054186c 100644 --- "a/tags/\346\226\260\345\255\227\344\275\223/index.xml" +++ "b/tags/\346\226\260\345\255\227\344\275\223/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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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="hahahugoshortcode30s0hbhb"><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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#39;Palatino Linotype&#39;</span>, <span style="color:#e6db74">&#39;Book Antiqua&#39;</span>, Palatino, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;楷体&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</span>, <span style="color:#e6db74">&#39;DFKai-SB&#39;</span>, <span style="color:#e6db74">&#39;NSimSun&#39;</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">&#34;Courier New&#34;</span>, <span style="color:#e6db74">&#39;STKaiti&#39;</span>, <span style="color:#e6db74">&#39;KaiTi&#39;</span>, <span style="color:#e6db74">&#39;SimKai&#39;</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>&lt;<span style="color:#f92672">link</span> <span style="color:#a6e22e">rel</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;stylesheet&#34;</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://www.zaqizaba.xyz/css/fonts.css&#34;</span> <span style="color:#a6e22e">integrity</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;sha384-FfYjjWEyBTKb6N3GbKPCUIpvhFKlO6lL/1ZSElPI920EmGuDz7dYiNZ37U0ian6Q&#34;</span> <span style="color:#a6e22e">crossorigin</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;anonymous&#34;</span>&gt;&lt;/<span style="color:#f92672">script</span>&gt; </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>&ldquo;speaker:Abraham Lincoln&quot;&ldquo;adders:Location: Gettysburg, Pennsylvania, USA&quot;&ldquo;time:Nov. 19, 1863&rdquo;</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>