build

2026-06-28 00:24:21 +00:00 · 2026-04-10 23:01:44 +08:00
parent 53b941450f
commit 065a978848
5 changed files with 20 additions and 72 deletions
@@ -110,7 +110,7 @@
                    <div style="height: 8.17%;"></div>
                    <img class="device-on-hover" style="height: 66.83%;" src="assets/hero/cover_render.png" alt="Cover">
                    <div class="text-button">
-                        <span>获取纸质书</span>
+                        <span>了解纸质书</span>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                            <path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" />
                        </svg>
@@ -111,7 +111,7 @@
                    <img class="device-on-hover" style="height: 66.31%;" src="../assets/hero/web_mac_iphone.png" alt="">
                    <div style="height: 4.34%;"></div>
                    <div class="text-button">
-                        <span>Web</span>
+                        <span>Read Online</span>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                            <path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" />
                        </svg>
@@ -122,7 +122,7 @@
                <a href="https://github.com/krahets/hello-algo/releases">
                    <img class="device-on-hover" style="height: 75%;" src="../assets/hero/pdf_ipad.png" alt="">
                    <div class="text-button">
-                        <span>PDF/EPUB</span>
+                        <span>Download PDF/EPUB</span>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                            <path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" />
                        </svg>
@@ -1,68 +0,0 @@
---
-comments: true
-icon: material/book-open-page-variant
-status: new
---
-
-# 紙の書籍
-
-長い時間をかけて磨き上げた『Hello アルゴリズム』の紙の書籍が、ついに発売されました！今の気持ちは、次の一節で表せます：
-
-<p align="center">風を追い月を追って立ち止まるな、草原の果てには春の山がある。</p>
-
-![](index.assets/paper_book_overview.jpg){ class="animation-figure" }
-
-以下の動画では紙の書籍を紹介しており、私の考えもいくつか含まれています：
-
- データ構造とアルゴリズムを学ぶ重要性。
- なぜ紙の書籍で Python を選んだのか。
- 知識共有に対する理解。
-
-> 新人 UP 主ですので、ぜひ応援と高評価・チャンネル登録をお願いします～ありがとうございます！
-
-<div class="video-container">
-    <iframe src="//player.bilibili.com/player.html?aid=1051597767&bvid=BV1QH4y157uC&cid=1462564112&p=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
-</div>
-
-紙の書籍のスナップショット：
-
-![](index.assets/paper_book_chapter_heap.jpg){ class="animation-figure" }
-
-![](index.assets/paper_book_avl_tree.jpg){ class="animation-figure" }
-
-## 長所と短所
-
-紙の書籍ならではの魅力を、簡単にまとめると次のとおりです：
-
- フルカラー印刷を採用し、本書の「アニメーション図解」の強みをそのまま活かせます。
- 紙の素材にもこだわり、色彩を高い精度で再現しつつ、紙の書籍ならではの質感も残しています。
- 紙の書籍版は Web 版よりも書式が整っており、たとえば図中の数式には斜体を用いています。
- 価格を上げずに、マインドマップの折り込みページやしおりも付属します。
- 紙の書籍、Web 版、PDF 版で内容は同期しており、自由に切り替えて読めます。
-
-!!! tip
-
-    紙の書籍と Web 版を同期させるのは難しいため、細かな違いが生じる場合があります。ご了承ください！
-
-もちろん、購入前に検討しておくべき点もいくつかあります：
-
- Python 言語を使用しているため、あなたの主言語と合わない可能性があります（Python は疑似コードと捉え、考え方の理解を重視してください）。
- フルカラー印刷は図解やコードの読みやすさを大きく高める一方で、白黒印刷より価格はやや高くなります。
-
-!!! tip
-
-    「印刷品質」と「価格」は、アルゴリズムにおける「時間効率」と「空間効率」のようなもので、両立は容易ではありません。そして私は、「印刷品質」は「時間効率」に当たるため、より重視すべきだと考えています。
-
-## 購入リンク
-
-紙の書籍に興味があれば、ぜひ一冊ご検討ください。新刊の 5 割引を用意していただきましたので、[こちらのリンク](https://3.cn/1X-qmTD3)をご覧いただくか、以下の QR コードをスキャンしてください：
-
-![](index.assets/book_jd_link.jpg){ class="animation-figure" }
-
-## あとがき
-
-当初、私は紙の書籍出版に必要な作業量を甘く見ていて、オープンソースプロジェクトをきちんと保守していれば、紙の書籍版も何らかの自動化手段で生成できると思っていました。実際には、紙の書籍の制作フローとオープンソースプロジェクトの更新の仕組みには大きな違いがあり、その間をつなぐには多くの追加作業が必要でした。
-
-一冊の本の初稿と出版基準を満たす完成稿との間には、なお大きな隔たりがあります。出版社（企画、編集、デザイン、マーケティングなど）と著者が力を合わせ、長い時間をかけて磨き上げていく必要があります。ここで、図霊の企画編集者である王軍花さん、そして人民郵電出版社と図霊コミュニティで本書の出版工程に携わってくださったすべての皆さまに感謝いたします！
-
-この本があなたの助けになれば幸いです！
@@ -790,3 +790,19 @@ a:hover .device-on-hover {
    flex: 1 1 30%;
  }
 }
+
+@media screen and (max-width: 44em) {
+  .reading-media {
+    flex-direction: column;
+    align-items: center;
+    height: auto;
+  }
+
+  .media-block {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    height: min(78vw, 32rem);
+    margin: 0 0 1em;
+  }
+}
@@ -110,7 +110,7 @@
                    <div style="height: 8.17%;"></div>
                    <img class="device-on-hover" style="height: 66.83%;" src="../assets/hero/cover_render.png" alt="Cover">
                    <div class="text-button">
-                        <span>紙質書</span>
+                        <span>了解紙質書</span>
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                            <path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" />
                        </svg>