20240426-use-whisper-to-generate-subtitles

williamgateszhao · Apr 26, 2024 · a339a29 · a339a29
1 parent cc2e1a3
commit a339a29
Show file tree

Hide file tree

Showing 65 changed files with 2,021 additions and 1,576 deletions.
diff --git a/2006/01/narcissu-time-goes-on/index.html b/2006/01/narcissu-time-goes-on/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html lang="en-us">
-
-<head>
+    <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -10,23 +9,27 @@
 
 
 
-    
+
     <meta property="og:site_name" content="WilliamGates&#39; Blog" />
-    <meta property="og:title" content="Narcissu：冰冻的时间再次开始了流动 | WilliamGates&#39; Blog"/>
+    <meta property="og:title" content="Narcissu：冰冻的时间再次开始了流动 | WilliamGates&#39; Blog" />
     <meta itemprop="name" content="Narcissu：冰冻的时间再次开始了流动 | WilliamGates&#39; Blog" />
     <meta name="twitter:title" content="Narcissu：冰冻的时间再次开始了流动 | WilliamGates&#39; Blog" />
     <meta name="application-name" content="Narcissu：冰冻的时间再次开始了流动 | WilliamGates&#39; Blog" />
 
 
-    <meta name="description" content="" />
-    <meta name="twitter:description" content=""/>
-    <meta itemprop="description" content=""/>
-    <meta property="og:description" content="" />
+    <meta name="description"
+        content="" />
+    <meta name="twitter:description"
+        content="" />
+    <meta itemprop="description"
+        content="" />
+    <meta property="og:description"
+        content="" />
 
 
 
 
-    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="shortcut icon" type="image/x-icon" href="/%20favicon.ico" />
 
     <link rel="stylesheet" href="/sass/main.min.ab99ff095f832511e24ffb2fba2b51ad473b2f7e9301d674eba2c6c3a6e8bd81.css">
 
@@ -66,6 +69,8 @@
 
                 <a href="/posts/">Posts</a>
 
+                <a href="/index.xml">RSS</a>
+
                 <button id="dark-mode-button">
                   <svg class="light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path fill="#FFD983" d="M30.312.776C32 19 20 32 .776 30.312c8.199 7.717 21.091 7.588 29.107-.429C37.9 21.867 38.03 8.975 30.312.776z"/><path d="M30.705 15.915a1.163 1.163 0 1 0 1.643 1.641a1.163 1.163 0 0 0-1.643-1.641zm-16.022 14.38a1.74 1.74 0 0 0 0 2.465a1.742 1.742 0 1 0 0-2.465zm13.968-2.147a2.904 2.904 0 0 1-4.108 0a2.902 2.902 0 0 1 0-4.107a2.902 2.902 0 0 1 4.108 0a2.902 2.902 0 0 1 0 4.107z" fill="#FFCC4D"/><rect x="0" y="0" width="36" height="36" fill="rgba(0, 0, 0, 0)" /></svg>
                   <svg class="dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path fill="#FFD983" d="M16 2s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2V2zm18 14s2 0 2 2s-2 2-2 2h-2s-2 0-2-2s2-2 2-2h2zM4 16s2 0 2 2s-2 2-2 2H2s-2 0-2-2s2-2 2-2h2zm5.121-8.707s1.414 1.414 0 2.828s-2.828 0-2.828 0L4.878 8.708s-1.414-1.414 0-2.829c1.415-1.414 2.829 0 2.829 0l1.414 1.414zm21 21s1.414 1.414 0 2.828s-2.828 0-2.828 0l-1.414-1.414s-1.414-1.414 0-2.828s2.828 0 2.828 0l1.414 1.414zm-.413-18.172s-1.414 1.414-2.828 0s0-2.828 0-2.828l1.414-1.414s1.414-1.414 2.828 0s0 2.828 0 2.828l-1.414 1.414zm-21 21s-1.414 1.414-2.828 0s0-2.828 0-2.828l1.414-1.414s1.414-1.414 2.828 0s0 2.828 0 2.828l-1.414 1.414zM16 32s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2v-2z"/><circle fill="#FFD983" cx="18" cy="18" r="10"/><rect x="0" y="0" width="36" height="36" fill="rgba(0, 0, 0, 0)" /></svg>
@@ -101,12 +106,7 @@ <h1>Narcissu：冰冻的时间再次开始了流动</h1>
     </article>
 
     <div class="article-post">
-    <p><img loading="lazy" 
-    src="/assets/img/narcissu-time-goes-on.jpg" 
-    alt="narcissu-time-goes-on" 
-
-    width=500 
-    height="600"  /></p>
+    <p><img loading="lazy" src="/assets/img/narcissu-time-goes-on.jpg" alt="narcissu-time-goes-on"  width=500 height="600" /></p>
 <p>　　我是不愿意把这个作品称为“游戏”的，更不想用“玩”这个字，只是实在找不到词语来解释了……其实，就像制作人员所说，它更接近于一部小说，虽然 Gal本来就跟小说差不多，但这部更加特别，如果按作者的希望不去听语音的话，这简直就完完全全是一部电子小说，连Gal最常见的选项都没有，一路到底，没有任何可以选择或停留的地方。</p>
 <p>　　结束之后，没有太强烈的感觉，似乎不该笑，但又似乎不该哭，没有太明确的悲伤或喜悦。我该为女主角高兴？还是扼腕？好像，一切都应该在她走进海水的一瞬，被潮水轻松的带走，不留痕迹。</p>
 <!--description-->
@@ -163,13 +163,11 @@ <h1>Narcissu：冰冻的时间再次开始了流动</h1>
     <section class="container">
         <nav class="footer-links">
 
-            <a href="/index.xml">RSS</a>
-
         </nav>
 
 
     </section>
-    <script defer src="/ts/features.c81551cd4dbef120af278f16966a41142c02be9ff5d6a669be09820fbf047456.js" 
+    <script defer src="/ts/features.f658accd96ff946aea04e7fca44a794f9632d32718aaf69be3f0f434b3ac6118.js" 
     data-enable-footnotes="true"
     ></script>
 </footer>

diff --git a/2006/01/photostudio-in-august/index.html b/2006/01/photostudio-in-august/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html lang="en-us">
-
-<head>
+    <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -10,23 +9,27 @@
 
 
 
-    
+
     <meta property="og:site_name" content="WilliamGates&#39; Blog" />
-    <meta property="og:title" content="八月照相馆——绝望中的希望，是残酷还是温暖？ | WilliamGates&#39; Blog"/>
+    <meta property="og:title" content="八月照相馆——绝望中的希望，是残酷还是温暖？ | WilliamGates&#39; Blog" />
     <meta itemprop="name" content="八月照相馆——绝望中的希望，是残酷还是温暖？ | WilliamGates&#39; Blog" />
     <meta name="twitter:title" content="八月照相馆——绝望中的希望，是残酷还是温暖？ | WilliamGates&#39; Blog" />
     <meta name="application-name" content="八月照相馆——绝望中的希望，是残酷还是温暖？ | WilliamGates&#39; Blog" />
 
 
-    <meta name="description" content="" />
-    <meta name="twitter:description" content=""/>
-    <meta itemprop="description" content=""/>
-    <meta property="og:description" content="" />
+    <meta name="description"
+        content="" />
+    <meta name="twitter:description"
+        content="" />
+    <meta itemprop="description"
+        content="" />
+    <meta property="og:description"
+        content="" />
 
 
 
 
-    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="shortcut icon" type="image/x-icon" href="/%20favicon.ico" />
 
     <link rel="stylesheet" href="/sass/main.min.ab99ff095f832511e24ffb2fba2b51ad473b2f7e9301d674eba2c6c3a6e8bd81.css">
 
@@ -66,6 +69,8 @@
 
                 <a href="/posts/">Posts</a>
 
+                <a href="/index.xml">RSS</a>
+
                 <button id="dark-mode-button">
                   <svg class="light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path fill="#FFD983" d="M30.312.776C32 19 20 32 .776 30.312c8.199 7.717 21.091 7.588 29.107-.429C37.9 21.867 38.03 8.975 30.312.776z"/><path d="M30.705 15.915a1.163 1.163 0 1 0 1.643 1.641a1.163 1.163 0 0 0-1.643-1.641zm-16.022 14.38a1.74 1.74 0 0 0 0 2.465a1.742 1.742 0 1 0 0-2.465zm13.968-2.147a2.904 2.904 0 0 1-4.108 0a2.902 2.902 0 0 1 0-4.107a2.902 2.902 0 0 1 4.108 0a2.902 2.902 0 0 1 0 4.107z" fill="#FFCC4D"/><rect x="0" y="0" width="36" height="36" fill="rgba(0, 0, 0, 0)" /></svg>
                   <svg class="dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path fill="#FFD983" d="M16 2s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2V2zm18 14s2 0 2 2s-2 2-2 2h-2s-2 0-2-2s2-2 2-2h2zM4 16s2 0 2 2s-2 2-2 2H2s-2 0-2-2s2-2 2-2h2zm5.121-8.707s1.414 1.414 0 2.828s-2.828 0-2.828 0L4.878 8.708s-1.414-1.414 0-2.829c1.415-1.414 2.829 0 2.829 0l1.414 1.414zm21 21s1.414 1.414 0 2.828s-2.828 0-2.828 0l-1.414-1.414s-1.414-1.414 0-2.828s2.828 0 2.828 0l1.414 1.414zm-.413-18.172s-1.414 1.414-2.828 0s0-2.828 0-2.828l1.414-1.414s1.414-1.414 2.828 0s0 2.828 0 2.828l-1.414 1.414zm-21 21s-1.414 1.414-2.828 0s0-2.828 0-2.828l1.414-1.414s1.414-1.414 2.828 0s0 2.828 0 2.828l-1.414 1.414zM16 32s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2v-2z"/><circle fill="#FFD983" cx="18" cy="18" r="10"/><rect x="0" y="0" width="36" height="36" fill="rgba(0, 0, 0, 0)" /></svg>
@@ -101,12 +106,7 @@ <h1>八月照相馆——绝望中的希望，是残酷还是温暖？</h1>
     </article>
 
     <div class="article-post">
-    <p><img loading="lazy" 
-    src="/assets/img/photostudio-in-august.jpg" 
-    alt="photostudio-in-august" 
-
-    width=399 
-    height="570"  /></p>
+    <p><img loading="lazy" src="/assets/img/photostudio-in-august.jpg" alt="photostudio-in-august"  width=399 height="570" /></p>
 <p>　　一部好电影，应该不是要传达一个什么特定的意义，而只是提出一个问题。<br>
 　　每个人看同一部电影，会看到不同的心情。<br>
 　　也许有人会为这部电影掉眼泪，也许有人会想如果自己失去了爱人会如何。<br>
@@ -182,13 +182,11 @@ <h1>八月照相馆——绝望中的希望，是残酷还是温暖？</h1>
     <section class="container">
         <nav class="footer-links">
 
-            <a href="/index.xml">RSS</a>
-
         </nav>
 
 
     </section>
-    <script defer src="/ts/features.c81551cd4dbef120af278f16966a41142c02be9ff5d6a669be09820fbf047456.js" 
+    <script defer src="/ts/features.f658accd96ff946aea04e7fca44a794f9632d32718aaf69be3f0f434b3ac6118.js" 
     data-enable-footnotes="true"
     ></script>
 </footer>

diff --git a/2006/04/i-s-the-miracle-the-fairy-tale/index.html b/2006/04/i-s-the-miracle-the-fairy-tale/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html lang="en-us">
-
-<head>
+    <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -10,23 +9,27 @@
 
 
 
-    
+
     <meta property="og:site_name" content="WilliamGates&#39; Blog" />
-    <meta property="og:title" content="I&#39;&#39;S：一个关于奇迹的童话 | WilliamGates&#39; Blog"/>
+    <meta property="og:title" content="I&#39;&#39;S：一个关于奇迹的童话 | WilliamGates&#39; Blog" />
     <meta itemprop="name" content="I&#39;&#39;S：一个关于奇迹的童话 | WilliamGates&#39; Blog" />
     <meta name="twitter:title" content="I&#39;&#39;S：一个关于奇迹的童话 | WilliamGates&#39; Blog" />
     <meta name="application-name" content="I&#39;&#39;S：一个关于奇迹的童话 | WilliamGates&#39; Blog" />
 
 
-    <meta name="description" content="" />
-    <meta name="twitter:description" content=""/>
-    <meta itemprop="description" content=""/>
-    <meta property="og:description" content="" />
+    <meta name="description"
+        content="" />
+    <meta name="twitter:description"
+        content="" />
+    <meta itemprop="description"
+        content="" />
+    <meta property="og:description"
+        content="" />
 
 
 
 
-    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="shortcut icon" type="image/x-icon" href="/%20favicon.ico" />
 
     <link rel="stylesheet" href="/sass/main.min.ab99ff095f832511e24ffb2fba2b51ad473b2f7e9301d674eba2c6c3a6e8bd81.css">
 
@@ -66,6 +69,8 @@
 
                 <a href="/posts/">Posts</a>
 
+                <a href="/index.xml">RSS</a>
+
                 <button id="dark-mode-button">
                   <svg class="light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path fill="#FFD983" d="M30.312.776C32 19 20 32 .776 30.312c8.199 7.717 21.091 7.588 29.107-.429C37.9 21.867 38.03 8.975 30.312.776z"/><path d="M30.705 15.915a1.163 1.163 0 1 0 1.643 1.641a1.163 1.163 0 0 0-1.643-1.641zm-16.022 14.38a1.74 1.74 0 0 0 0 2.465a1.742 1.742 0 1 0 0-2.465zm13.968-2.147a2.904 2.904 0 0 1-4.108 0a2.902 2.902 0 0 1 0-4.107a2.902 2.902 0 0 1 4.108 0a2.902 2.902 0 0 1 0 4.107z" fill="#FFCC4D"/><rect x="0" y="0" width="36" height="36" fill="rgba(0, 0, 0, 0)" /></svg>
                   <svg class="dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 36 36"><path fill="#FFD983" d="M16 2s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2V2zm18 14s2 0 2 2s-2 2-2 2h-2s-2 0-2-2s2-2 2-2h2zM4 16s2 0 2 2s-2 2-2 2H2s-2 0-2-2s2-2 2-2h2zm5.121-8.707s1.414 1.414 0 2.828s-2.828 0-2.828 0L4.878 8.708s-1.414-1.414 0-2.829c1.415-1.414 2.829 0 2.829 0l1.414 1.414zm21 21s1.414 1.414 0 2.828s-2.828 0-2.828 0l-1.414-1.414s-1.414-1.414 0-2.828s2.828 0 2.828 0l1.414 1.414zm-.413-18.172s-1.414 1.414-2.828 0s0-2.828 0-2.828l1.414-1.414s1.414-1.414 2.828 0s0 2.828 0 2.828l-1.414 1.414zm-21 21s-1.414 1.414-2.828 0s0-2.828 0-2.828l1.414-1.414s1.414-1.414 2.828 0s0 2.828 0 2.828l-1.414 1.414zM16 32s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2v-2z"/><circle fill="#FFD983" cx="18" cy="18" r="10"/><rect x="0" y="0" width="36" height="36" fill="rgba(0, 0, 0, 0)" /></svg>
@@ -102,41 +107,16 @@ <h1>I&#39;&#39;S：一个关于奇迹的童话</h1>
 
     <div class="article-post">
     <p>　　看完了I''S的漫画，很后悔自己现在才看到这么优秀的作品，又有些庆幸，在看这部作品之前，看了草莓100%，否则对比看来，可能连看完草莓的兴致都没有了。</p>
-<p><img loading="lazy" 
-    src="/assets/img/i-s-the-miracle-the-fairy-tale-01.jpg" 
-    alt="i-s-the-miracle-the-fairy-tale" 
-
-    width=385 
-    height="359"  /></p>
+<p><img loading="lazy" src="/assets/img/i-s-the-miracle-the-fairy-tale-01.jpg" alt="i-s-the-miracle-the-fairy-tale"  width=385 height="359" /></p>
 <p>　　这是一个关于奇迹的童话。</p>
 <p>　　对一个好似遥不可及的人告白，在放弃的那一刹那，一句随口的话，换来的是一份红着脸的，幸福的回答。<br>
 　　自己的女朋友成了电视上的广告明星，成了“大家的”偶像，原本在学校里每天都能看到却不敢接近半步的爱人，在成为自己女朋友之后却没有半点音讯。<br>
 　　自己所爱的人在前途最光明的时候放弃了自己的理想，因为她明白她所爱的人，有着更伟大的理想——永远和她在一起。</p>
 <!--description-->
-<p><img loading="lazy" 
-    src="/assets/img/i-s-the-miracle-the-fairy-tale-02.jpg" 
-    alt="i-s-the-miracle-the-fairy-tale" 
-
-    width=317 
-    height="235"  /></p>
-<p><img loading="lazy" 
-    src="/assets/img/i-s-the-miracle-the-fairy-tale-03.jpg" 
-    alt="i-s-the-miracle-the-fairy-tale" 
-
-    width=701 
-    height="533"  /></p>
-<p><img loading="lazy" 
-    src="/assets/img/i-s-the-miracle-the-fairy-tale-04.jpg" 
-    alt="i-s-the-miracle-the-fairy-tale" 
-
-    width=259 
-    height="391"  /></p>
-<p><img loading="lazy" 
-    src="/assets/img/i-s-the-miracle-the-fairy-tale-05.jpg" 
-    alt="i-s-the-miracle-the-fairy-tale" 
-
-    width=538 
-    height="534"  /></p>
+<p><img loading="lazy" src="/assets/img/i-s-the-miracle-the-fairy-tale-02.jpg" alt="i-s-the-miracle-the-fairy-tale"  width=317 height="235" /></p>
+<p><img loading="lazy" src="/assets/img/i-s-the-miracle-the-fairy-tale-03.jpg" alt="i-s-the-miracle-the-fairy-tale"  width=701 height="533" /></p>
+<p><img loading="lazy" src="/assets/img/i-s-the-miracle-the-fairy-tale-04.jpg" alt="i-s-the-miracle-the-fairy-tale"  width=259 height="391" /></p>
+<p><img loading="lazy" src="/assets/img/i-s-the-miracle-the-fairy-tale-05.jpg" alt="i-s-the-miracle-the-fairy-tale"  width=538 height="534" /></p>
 <p>　　这一切，完全是奇迹。现实生活中遇上哪怕一件，都可以算是三生之幸。然而，漫画就是为了表达你所不能体验的，你所不敢想象的生活而存在的。通过几乎不可能实现的故事，通过这样一个又一个奇迹，它不是要给我们说教一个什么道理，而是要问我们一个问题，人最大的价值，在哪里？名利，地位，成就，抑或是幸福的生活？或者，是拥有一个理想，并且为着这个理想坚强地走下去吧。</p>
 <p>　　理想无所谓大小之分，无所谓高低之别，伊织的理想，未必就比一贵的来得高贵，虽然到最后一刻，他才明白自己的理想是什么。他一直拼命努力的，一直在心底最深处坚持的，都是和所爱的人在一起的愿望。而为了所爱的人放弃理想，他们二人都尝试做了，然而，这到底是对是错呢？</p>
 <p>　　我不知道。</p>
@@ -185,13 +165,11 @@ <h1>I&#39;&#39;S：一个关于奇迹的童话</h1>
     <section class="container">
         <nav class="footer-links">
 
-            <a href="/index.xml">RSS</a>
-
         </nav>
 
 
     </section>
-    <script defer src="/ts/features.c81551cd4dbef120af278f16966a41142c02be9ff5d6a669be09820fbf047456.js" 
+    <script defer src="/ts/features.f658accd96ff946aea04e7fca44a794f9632d32718aaf69be3f0f434b3ac6118.js" 
     data-enable-footnotes="true"
     ></script>
 </footer>