差異處

這裏顯示兩個版本的差異處。

--- playground:pg4_rss [2025/03/21 02:12]
kenski [4-3 Layout:RSS與Chart API]
+++ playground:pg4_rss [2025/04/16 07:37] (目前版本)
kenski [4-3 加入RSS與Embed]
@@ 行 1: / 行 1: @@
 ~~NOTOC~~
-===== 4-3 RSS與Chart API====
+===== 4-3 加入RSS與Embed====
-展示本站使用到的[[https://www.dokuwiki.org/plugins|Dokuwiki Plugins]]((Dokuwiki主程式為了維護其完整性，透過外掛Plugins與[[https://www.dokuwiki.org/template|模板Templates]]兩大類作為拓展功能用的Extensions，使用上依功能需要與喜愛的外觀來選擇，但須注意版本的相容性及延伸性。))
+  * [[wiki:dokuwiki|DokuWiki]]與語法[[wiki:syntax|Syntax]]{{fa>flask&align=right}}
+  * 展示本站使用到的[[https://www.dokuwiki.org/plugins|Dokuwiki Plugins]]((Dokuwiki主程式為了維護其完整性，透過外掛Plugins與[[https://www.dokuwiki.org/template|模板Templates]]兩大類作為拓展功能用的Extensions，使用上依功能需要與喜愛的外觀來選擇，但須注意版本的相容性及延伸性。))
 ==== RSS feed ====
@@ 行 10: / 行 11: @@
 中央氣象局RSS feed
 {{rss>https://www.cwa.gov.tw/rss/forecast/36_13.xml}}
-==== Google Chart Plug-in====
-[[https://www.dokuwiki.org/plugin:gchart|plugin:gchart]]
-  * plugin運用Google Image Chart API，但此API荒廢幾年後終於在2024年停止運行。
-    * plugin作者改用Open Source的[[https://quickchart.io/|QuickChart.io]]，因此有些圖表的顯示與之前有不同。
-  * pie3d ((3D pie graph))  pie2d ((2D pie graph)) line ((line graph)) sparkline ((“sparkline” graph)) hbar ((horizontal bar graph)) vbar ((vertical bar graph)) qr ((two-dimensional barcode))
-<gchart 350x120 vbar #0000ff #ffffff right>
-Apples       = 3
-Peaches      = 23
-Strawberries = 25
-Peanuts      = 7
-</gchart>
-<gchart qr 120x120>
-L
-https://www.tainan.com.tw/
-</gchart>
-<WRAP clear/>
-[<10>]
-==== Mermaid Plugin====
-[[https://www.dokuwiki.org/plugin:mermaid|plugin:mermaid]]
-  * 類似Google Chart都是屬於應用API的plugin
-  * 可以畫的圖形類別，有甘特圖、ER圖、Mind思緒圖...以及基本的flowchart流程圖
-  * 用Javascript來產生圖案，圖案中的文字可選取，而不是點陣圖輸出
-====test 1====
+====Weather API Forcast7.com====
-<mermaid>
+<html>
-  raw
+<a class="weatherwidget-io" href="https://forecast7.com/zh-tw/23d00120d23/tainan-city/" data-label_1="台南天氣" data-label_2="Tainan Weather" data-font="微軟正黑體 (Microsoft JhengHei)" data-icons="Climacons Animated" data-theme="marine" >台南天氣 Tainan Weather</a>
-  graph TB
+<script>
-day1 --> day2
+!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
-  subgraph day1
+</script>
-  direction LR
+</html>
-  P1((中興林場)) --> P2(((大坑農場))) --> P3((虎頭埤))
-  end
-  subgraph day2
+====pinterest embed====
-  direction RL
+<html>
-  P4((烏骨雞)) --> P5((茄冬雞))
+<iframe src="https://assets.pinterest.com/ext/embed.html?id=1020980178020058095" height="354" width="450" frameborder="0" scrolling="no" ></iframe>
-  end
+</html>
-</mermaid>
-====mind====
-<WRAP round tip 500px>
-雖然dokuwiki本身俱系統性，寫作時筆者主觀的想法不一定為讀者所理解，此時輔以Mind Graph圖表，應該可以讓放置在各namespace或文字分段分頁與wiki系統間取得平衡。
-</WRAP>
- <mermaid>
-    mindmap
-  root((台南與我))
-分區
-      區公所fb
-      Theme主題
-        Tour旅遊
-        Spot地點
-        Biz在地企業
-      market市場
-      Marketplace商圈
-      Eats飲食
-      Footer設計
-    Where’s找台南
-      Farmer農產
-      Blossom賞花
-      English單字台南
-    Temple眾神之都
-      Tao道教廟宇
-      Church教會
-      Buddism佛法
-    Biz在地企業
-    Geog自然地理
-    People名人堂
-    Culture文化
-    Museum博物館
-    Hobby興趣
-  </mermaid>
-====test 2====
-<mermaid>
-quadrantChart
-    title Spot的好吃好玩度
-    x-axis Low Reach --> High Reach
-    y-axis Low Engagement --> High Engagement
-    quadrant-1 We should expand
-    quadrant-2 Need to promote
-    quadrant-3 Re-evaluate
-    quadrant-4 May be improved
-    Campaign A: [0.3, 0.6]
-    Campaign B: [0.45, 0.23]
-    Campaign C: [0.57, 0.69]
-    Campaign D: [0.78, 0.34]
-    Campaign E: [0.40, 0.34]
-    Campaign F: [0.35, 0.78]
-    </mermaid>
 [<10>]

Tainanese 台南與我

使用者工具

網站工具

差異處

頁面工具