update gallery

davidchen0970 · Nov 20, 2024 · c926716 · c926716
1 parent e905edf
commit c926716
Show file tree

Hide file tree

Showing 198 changed files with 4,298 additions and 2,386 deletions.
diff --git a/content/post/OpenFlow Flow Table/index.zh-tw.md b/content/post/OpenFlow Flow Table/index.zh-tw.md
@@ -30,18 +30,14 @@ reference:
 ---
 
 ### 1. Open Flow 的架構
+![圖1 : OpenFlow 架構示意圖](https://www.cables-solutions.com/wp-content/uploads/2018/07/what-is-openflow-switch.png)  
 
-| 圖片 | 說明 | 
-| :--------: | -------- |
-| ![]( https://www.cables-solutions.com/wp-content/uploads/2018/07/what-is-openflow-switch.png)  |   <ul style='list-style-position:outside;'><li>在 OpenFlow 的交換器中，最主要的結構就是 Flow Table。<li>Flow Table 彼此具有順序性，封包也被規定不能由後往前傳遞。</ul>   | 
+<ul style='list-style-position:outside;'><li>在 OpenFlow 的交換器中，最主要的結構就是 Flow Table。<li>Flow Table 彼此具有順序性，封包也被規定不能由後往前傳遞。</ul> 
 
 #### 1.1 Flow Table 的 Pipeline
+![圖2: OpenFlow Pipeline 簡易流程圖](https://www.researchgate.net/publication/318652506/figure/fig1/AS:519482711998464@1500865738587/Flow-Table-Packet-Processing-Pipeline-2.png) 
 
-|  | 
-| -------- | 
-| ![]( https://www.researchgate.net/publication/318652506/figure/fig1/AS:519482711998464@1500865738587/Flow-Table-Packet-Processing-Pipeline-2.png)  | 
-| ![](https://i.imgur.com/MC05Xma.jpg)
-  | 
+![圖3: OpenFlow Pipeline 詳細流程圖](https://i.imgur.com/MC05Xma.jpg) 
 
 ### 2. Flow Table 和 Flow Entry
 
@@ -69,10 +65,10 @@ reference:
 
 #### 3.2 Flow Table 管線處理流程
 
-|圖片| 解釋|
-|:---:|---|
-|![](https://i.imgur.com/JnHJVhP.jpg)|<ul style='list-style-position:outside;'><li>封包一定要從 table 0 開始比對。</li> <li>**由 priority 高的開始比對**。</li> </ul>|
+![圖4: Flow Table 管線處理流程](https://i.imgur.com/JnHJVhP.jpg)
 
+- 封包一定要從 table 0 開始比對。
+- **由 priority 高的開始比對**。
 
 #### 3.3 Table Miss Entry
 

diff --git a/content/post/ryu code 1/index.zh-tw.md b/content/post/ryu code 1/index.zh-tw.md
@@ -1,6 +1,6 @@
 +++
 date = '2024-11-18T02:14:38+08:00'
-title = 'PRP、HSR 與 FRER'
+title = '軟體定義網路 - ryu 的第一個程式'
 image = "pawel-czerwinski-fnLi5j7kPU4-unsplash.jpg"
 categories = [
     "Protocol"
@@ -57,10 +57,10 @@ sudo apt install ryu-bin
 ### 2. 測試 ryu
 
 在終端機輸入以下指令:
-```bash
+```
 sudo ryu-manager ryu.app.simple_switch_13
 ```
-![](https://i.imgur.com/6HAQZmI.png)
+![圖1: 測試結果](https://i.imgur.com/6HAQZmI.png)
 
 如果有上述結果代表正常執行。
 

diff --git a/content/post/ryu code 1/pawel-czerwinski-fnLi5j7kPU4-unsplash.jpg b/content/post/ryu code 1/pawel-czerwinski-fnLi5j7kPU4-unsplash.jpg
diff --git a/hugo.yaml b/hugo.yaml
@@ -50,6 +50,7 @@ permalinks:
   page: /:slug/
 
 params:
+  enableGitInfo : true
   mainSections:
     - post
   featuredImageField: image
@@ -204,7 +205,13 @@ params:
     cover:
       enabled: true
     content:
-      enabled: true
+      enabled: false
+  render:
+    image:
+      externalLink:
+        enabled: true
+
+
 
 ### Custom menu
 ### See https://stack.jimmycai.com/config/menu

diff --git a/public/404.html b/public/404.html
@@ -12,7 +12,7 @@
 <meta property='og:site_name' content='歡迎光臨我家'>
 <meta property='og:type' content='website'><meta property='og:updated_time' content=' 2024-11-18T04:03:18&#43;08:00 '/>
 <meta name="twitter:title" content="404 Page not found">
-<meta name="twitter:description" content="施工中，施工中...">
+<meta name="twitter:description" content="施工中，施工中..."><script src="/js/external-image-resize.js"></script>
     </head>
     <body class="">
     <script>

diff --git a/public/archives/index.html b/public/archives/index.html
@@ -12,7 +12,7 @@
 <meta property='og:site_name' content='歡迎光臨我家'>
 <meta property='og:type' content='article'><meta property='article:section' content='Page' /><meta property='article:published_time' content='2019-05-28T00:00:00&#43;00:00'/><meta property='article:modified_time' content='2019-05-28T00:00:00&#43;00:00'/>
 <meta name="twitter:title" content="檔案">
-<meta name="twitter:description" content="">
+<meta name="twitter:description" content=""><script src="/js/external-image-resize.js"></script>
     </head>
     <body class="template-archives">
     <script>
@@ -406,16 +406,19 @@ <h2 class="archives-date section-title"><a href="/archives/#2024">2024</a></h2>
         <div class="article-list--compact">
 
                 <article>
-    <a href="/p/prphsr-%E8%88%87-frer/">
+    <a href="/p/%E8%BB%9F%E9%AB%94%E5%AE%9A%E7%BE%A9%E7%B6%B2%E8%B7%AF-ryu-%E7%9A%84%E7%AC%AC%E4%B8%80%E5%80%8B%E7%A8%8B%E5%BC%8F/">
         <div class="article-details">
-            <h2 class="article-title">PRP、HSR 與 FRER</h2>
+            <h2 class="article-title">軟體定義網路 - ryu 的第一個程式</h2>
             <footer class="article-time">
                 <time datetime='2024-11-18T02:14:38&#43;08:00'>Nov 18, 2024</time>
             </footer>
         </div>
             <div class="article-image">
-
-                    <img src="/pawel-czerwinski-fnLi5j7kPU4-unsplash.jpg" loading="lazy" alt="Featured image of post PRP、HSR 與 FRER" />
+                <img src="/p/%E8%BB%9F%E9%AB%94%E5%AE%9A%E7%BE%A9%E7%B6%B2%E8%B7%AF-ryu-%E7%9A%84%E7%AC%AC%E4%B8%80%E5%80%8B%E7%A8%8B%E5%BC%8F/pawel-czerwinski-fnLi5j7kPU4-unsplash_hu8032832195007787809.jpg" 
+                        width="120"
+                        height="120" 
+                        alt="軟體定義網路 - ryu 的第一個程式"
+                        loading="lazy">
 
             </div>
 
@@ -579,8 +582,11 @@ <h2 class="article-title">PRP、HSR 與 FRER</h2>
             </footer>
         </div>
             <div class="article-image">
-
-                    <img src="/pawel-czerwinski-fnLi5j7kPU4-unsplash.jpg" loading="lazy" alt="Featured image of post PRP、HSR 與 FRER" />
+                <img src="/p/prphsr-%E8%88%87-frer/pawel-czerwinski-fnLi5j7kPU4-unsplash_hu8032832195007787809.jpg" 
+                        width="120"
+                        height="120" 
+                        alt="PRP、HSR 與 FRER"
+                        loading="lazy">
 
             </div>
 

diff --git a/public/categories/graphic-programming/index.html b/public/categories/graphic-programming/index.html
@@ -17,7 +17,7 @@
   rel="alternate"
   type="application/rss&#43;xml"
   href="https://example.com/categories/graphic-programming/index.xml"
-/>
+/><script src="/js/external-image-resize.js"></script>
     </head>
     <body class="">
     <script>

diff --git a/public/categories/graphic-programming/index.xml b/public/categories/graphic-programming/index.xml
@@ -16,20 +16,22 @@
         <description>&lt;img src="https://example.com/p/sierpinski-gasket/pawel-czerwinski-yUkcmOU07CQ-unsplash.jpg" alt="Featured image of post Sierpinski Gasket" /&gt;&lt;h1 id=&#34;sierpinski-gasket&#34;&gt;Sierpinski Gasket
 &lt;/h1&gt;&lt;p&gt;&lt;strong&gt;這篇文章由 AI 自動產生，尚在整理當中&lt;/strong&gt;&lt;/p&gt;
 &lt;p&gt;在數學的廣闊領域中，分形幾何以其獨特的自相似性和無限的複雜性吸引了無數人的目光。其中，&lt;strong&gt;Sierpinski Gasket（謝爾賓斯基三角形）&lt;/strong&gt; 作為分形幾何中的經典代表，展現了簡單規則下蘊藏的無限美麗。今天，我們將深入了解 Sierpinski Gasket，探索其構造方法、數學性質及其在現實中的應用。&lt;/p&gt;
-&lt;p&gt;&lt;img src=&#34;https://example.com/p/sierpinski-gasket/Sierpinski_Gasket.png&#34;
-	width=&#34;592&#34;
-	height=&#34;583&#34;
-	srcset=&#34;https://example.com/p/sierpinski-gasket/Sierpinski_Gasket_hu6900824192516665066.png 480w, https://example.com/p/sierpinski-gasket/Sierpinski_Gasket_hu17873769084831844443.png 1024w&#34;
-	loading=&#34;lazy&#34;
-
-		alt=&#34;Sierpinski Gasket Triangle&#34;
-
-
-		class=&#34;gallery-image&#34; 
-		data-flex-grow=&#34;101&#34;
-		data-flex-basis=&#34;243px&#34;
-
-&gt;&lt;/p&gt;
+&lt;p&gt;
+&lt;img src=&#34;https://example.com/p/sierpinski-gasket/Sierpinski_Gasket.png&#34;
+    width=&#34;592&#34;
+    height=&#34;583&#34;
+
+    loading=&#34;lazy&#34;
+
+        alt=&#34;Sierpinski Gasket Triangle&#34;
+
+
+        class=&#34;gallery-image&#34; 
+        data-flex-grow=&#34;101&#34;
+        data-flex-basis=&#34;243px&#34;
+
+&gt;
+&lt;/p&gt;
 &lt;h2 id=&#34;什麼是-sierpinski-gasket&#34;&gt;什麼是 Sierpinski Gasket？
 &lt;/h2&gt;&lt;p&gt;Sierpinski Gasket，又稱謝爾賓斯基三角形，是由波蘭數學家瓦茨瓦夫·謝爾賓斯基（Wacław Sierpiński）在 1915 年提出的分形結構。&lt;/p&gt;
 &lt;h2 id=&#34;sierpinski-gasket-的建立方法&#34;&gt;Sierpinski Gasket 的建立方法

diff --git a/public/categories/hugo/index.html b/public/categories/hugo/index.html
@@ -17,7 +17,7 @@
   rel="alternate"
   type="application/rss&#43;xml"
   href="https://example.com/categories/hugo/index.xml"
-/>
+/><script src="/js/external-image-resize.js"></script>
     </head>
     <body class="">
     <script>

diff --git a/public/categories/hugo/index.xml b/public/categories/hugo/index.xml
@@ -93,20 +93,22 @@
 &lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
 &lt;/div&gt;
 &lt;/div&gt;&lt;p&gt;此設定確保對於 &lt;code&gt;.hbs&lt;/code&gt; 或 &lt;code&gt;.handlebars&lt;/code&gt; 擴展名的 Handlebars 檔案，會禁用自動格式化。&lt;/p&gt;
-&lt;p&gt;&lt;img src=&#34;https://example.com/p/disable-auto-formatting-for-hugo-templates-in-vs-code/logddd.png&#34;
-	width=&#34;633&#34;
-	height=&#34;482&#34;
-	srcset=&#34;https://example.com/p/disable-auto-formatting-for-hugo-templates-in-vs-code/logddd_hu8239465718293841369.png 480w, https://example.com/p/disable-auto-formatting-for-hugo-templates-in-vs-code/logddd_hu5232790001785036436.png 1024w&#34;
-	loading=&#34;lazy&#34;
-
-		alt=&#34;圖1&#34;
-
-
-		class=&#34;gallery-image&#34; 
-		data-flex-grow=&#34;131&#34;
-		data-flex-basis=&#34;315px&#34;
-
-&gt;&lt;/p&gt;
+&lt;p&gt;
+&lt;img src=&#34;https://example.com/p/disable-auto-formatting-for-hugo-templates-in-vs-code/logddd.png&#34;
+    width=&#34;633&#34;
+    height=&#34;482&#34;
+
+    loading=&#34;lazy&#34;
+
+        alt=&#34;圖1&#34;
+
+
+        class=&#34;gallery-image&#34; 
+        data-flex-grow=&#34;131&#34;
+        data-flex-basis=&#34;315px&#34;
+
+&gt;
+&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ol&gt;
 </description>

diff --git a/public/categories/index.html b/public/categories/index.html
@@ -16,7 +16,7 @@
   rel="alternate"
   type="application/rss&#43;xml"
   href="https://example.com/categories/index.xml"
-/>
+/><script src="/js/external-image-resize.js"></script>
     </head>
     <body class="">
     <script>

diff --git a/public/categories/mptcp/index.html b/public/categories/mptcp/index.html
@@ -16,7 +16,7 @@
   rel="alternate"
   type="application/rss&#43;xml"
   href="https://example.com/categories/mptcp/index.xml"
-/>
+/><script src="/js/external-image-resize.js"></script>
     </head>
     <body class="">
     <script>

diff --git a/public/categories/mptcp/index.xml b/public/categories/mptcp/index.xml
@@ -22,20 +22,22 @@
 &lt;/h2&gt;&lt;ol&gt;
 &lt;li&gt;
 &lt;p&gt;利用 script 建立拓樸&lt;/p&gt;
-&lt;p&gt;&lt;img src=&#34;https://example.com/p/mptcp-exp1/topo.png&#34;
-	width=&#34;1351&#34;
-	height=&#34;285&#34;
-	srcset=&#34;https://example.com/p/mptcp-exp1/topo_hu16803539351573969268.png 480w, https://example.com/p/mptcp-exp1/topo_hu10515431294449368284.png 1024w&#34;
-	loading=&#34;lazy&#34;
-
-		alt=&#34;圖1: 實驗拓樸&#34;
-
-
-		class=&#34;gallery-image&#34; 
-		data-flex-grow=&#34;474&#34;
-		data-flex-basis=&#34;1137px&#34;
-
-&gt;&lt;/p&gt;
+&lt;p&gt;
+&lt;img src=&#34;https://example.com/p/mptcp-exp1/topo.png&#34;
+    width=&#34;1351&#34;
+    height=&#34;285&#34;
+
+    loading=&#34;lazy&#34;
+
+        alt=&#34;圖1: 實驗拓樸&#34;
+
+
+        class=&#34;gallery-image&#34; 
+        data-flex-grow=&#34;474&#34;
+        data-flex-basis=&#34;1137px&#34;
+
+&gt;
+&lt;/p&gt;
 &lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
 &lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
 &lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;  1
@@ -329,37 +331,41 @@
 &lt;/h2&gt;&lt;ol&gt;
 &lt;li&gt;
 &lt;p&gt;沒開 MPTCP&lt;/p&gt;
-&lt;p&gt;&lt;img src=&#34;https://example.com/p/mptcp-exp1/result_without_MPTCP.png&#34;
-	width=&#34;1282&#34;
-	height=&#34;1095&#34;
-	srcset=&#34;https://example.com/p/mptcp-exp1/result_without_MPTCP_hu4517821490470557055.png 480w, https://example.com/p/mptcp-exp1/result_without_MPTCP_hu17110751667852302139.png 1024w&#34;
-	loading=&#34;lazy&#34;
-
-		alt=&#34;圖2: 沒有開啟 MPTCP 的實驗結果&#34;
-
-
-		class=&#34;gallery-image&#34; 
-		data-flex-grow=&#34;117&#34;
-		data-flex-basis=&#34;280px&#34;
-
-&gt;&lt;/p&gt;
+&lt;p&gt;
+&lt;img src=&#34;https://example.com/p/mptcp-exp1/result_without_MPTCP.png&#34;
+    width=&#34;1282&#34;
+    height=&#34;1095&#34;
+
+    loading=&#34;lazy&#34;
+
+        alt=&#34;圖2: 沒有開啟 MPTCP 的實驗結果&#34;
+
+
+        class=&#34;gallery-image&#34; 
+        data-flex-grow=&#34;117&#34;
+        data-flex-basis=&#34;280px&#34;
+
+&gt;
+&lt;/p&gt;
 &lt;/li&gt;
 &lt;li&gt;
 &lt;p&gt;有開 MPTCP&lt;/p&gt;
-&lt;p&gt;&lt;img src=&#34;https://example.com/p/mptcp-exp1/result_with_MPTCP.png&#34;
-	width=&#34;1282&#34;
-	height=&#34;1095&#34;
-	srcset=&#34;https://example.com/p/mptcp-exp1/result_with_MPTCP_hu3697326743680049867.png 480w, https://example.com/p/mptcp-exp1/result_with_MPTCP_hu11550123445469188098.png 1024w&#34;
-	loading=&#34;lazy&#34;
-
-		alt=&#34;圖3: 開啟 MPTCP 之後的實驗結果&#34;
-
-
-		class=&#34;gallery-image&#34; 
-		data-flex-grow=&#34;117&#34;
-		data-flex-basis=&#34;280px&#34;
-
-&gt;&lt;/p&gt;
+&lt;p&gt;
+&lt;img src=&#34;https://example.com/p/mptcp-exp1/result_with_MPTCP.png&#34;
+    width=&#34;1282&#34;
+    height=&#34;1095&#34;
+
+    loading=&#34;lazy&#34;
+
+        alt=&#34;圖3: 開啟 MPTCP 之後的實驗結果&#34;
+
+
+        class=&#34;gallery-image&#34; 
+        data-flex-grow=&#34;117&#34;
+        data-flex-basis=&#34;280px&#34;
+
+&gt;
+&lt;/p&gt;
 &lt;/li&gt;
 &lt;/ol&gt;
 &lt;h2 id=&#34;5-結論&#34;&gt;5. 結論

diff --git a/public/categories/p4/index.html b/public/categories/p4/index.html
@@ -17,7 +17,7 @@
   rel="alternate"
   type="application/rss&#43;xml"
   href="https://example.com/categories/p4/index.xml"
-/>
+/><script src="/js/external-image-resize.js"></script>
     </head>
     <body class="">
     <script>