AnYthING

【澎湖親子遊記】觀音亭退潮抓螃蟹、水族館看大魟魚餵食秀！夏日菊島慢活行程分享

2026-10-15T23:23:22.857+08:00

炎炎夏日，最適合帶著孩子來澎湖放慢步調走走。這次的菊島之行，沒有塞滿緊湊的跳島趕場，而是選擇留在本島，讓小朋友用雙腳踩踏潮間帶、近距離接觸海洋生態。

📍 第一站：觀音亭濱海步道與潮間帶探索

來到馬公市區，觀音亭休憩園區絕對是老少咸宜的必訪景點。沿著步道走，遠處就是著名的彩虹橋，晴空萬里下的海景讓人心曠神怡。步道兩旁還設有色彩繽紛的裝置藝術，拍照打卡十分吸睛。

走下彩虹橋旁的沙灘，適逢退潮時間，露出了平坦的泥灘與小水窪。小朋友一看到水窪立刻蹲下身子，拿著小鏟子與觀察盒認真「尋寶」，玩得不亦樂乎。

沒多久，藍色水桶裡就迎來了今天的第一位小客人——一隻活力十足的小螃蟹！讓孩子親手觀察大自然的奧妙，比起課本更有趣、更有記憶點（觀察完記得讓小動物回歸大海喔）！

📍 第二站：澎湖水族館——精彩絕倫的大洋池餵食秀

避開正中午的烈日，水族館是極佳的室內吹冷氣兼育兒景點。澎湖水族館的大洋池餵食秀是這裡的重頭戲！

潛水員帶著餌料下水時，成群的大型魚類與魟魚紛紛圍繞上來。體型龐大的魟魚優雅地拍打雙翅貼著玻璃游過，像是在跟觀眾微笑打招呼一樣，模樣既震撼又可愛。現場不論大人小孩都看得目不轉睛，快門聲停不下來。

💡 澎湖慢遊小貼士

潮汐時間要先查：想帶孩子去潮間帶抓蟹、踏浪，出發前務必確認當天退潮時間，抓準退潮前後 1～2 小時最安全好玩。
防曬與補水不可少：澎湖的陽光非常熱情，遮陽帽、防曬乳與隨身水壺一定要備齊。
室內景點穿插搭配：正午紫外線最強時，安排水族館等室內展館，大人舒服、小孩也不容易中暑。

看著孩子專注的背影與收穫滿滿的笑容，這就是全家旅行最美好的意義！

從零打造自己的 AWS 股票看盤網站：EC2 + Ubuntu + Docker + Nginx + Node.js + K 線

2026-08-23T12:02:05.687+08:00

🚀 從零打造自己的 AWS 股票看盤網站：EC2 + Ubuntu + Docker + Nginx + Node.js + K 線

最近想自己做一個可以放在網路上使用的股票 Dashboard，所以乾脆從零開始架一台 AWS EC2，自己建立 Linux Server，再把 Docker、Nginx、Node.js 和股票 API 串起來。

最後做出來的東西包含：

🇹🇼 台股即時股價
🇺🇸 美股即時股價
📈 股票 K 線
🔍 股票查詢
➕ 網頁新增股票
🗑️ 網頁刪除股票
📝 記事本
🧮 計算機
🔄 自動更新
🌐 使用瀏覽器直接開啟
🐳 Docker Container 化
🔀 Nginx Reverse Proxy

而且整套不是架在自己的電腦，而是放在 AWS EC2 上。

一、先了解最後的架構

最後整個系統大概長這樣：


                    Internet
                       │
                       ▼
              ┌─────────────────┐
              │    AWS EC2      │
              │     Ubuntu      │
              └────────┬────────┘
                       │
                       ▼
              ┌─────────────────┐
              │     Nginx       │
              │      :80        │
              └────────┬────────┘
                       │
                       ▼
              ┌─────────────────┐
              │    Node.js      │
              │      :3000      │
              └────────┬────────┘
                       │
             ┌─────────┴─────────┐
             ▼                   ▼
       Yahoo Finance          新聞 API
          API                    API
             │
             ▼
       股票 / K線資料

使用者其實不需要知道 Node.js 的 3000 Port。

瀏覽器只需要：


http://EC2_PUBLIC_IP

Nginx 收到請求之後，再把 /api/... 的請求轉給 Node.js。

二、建立 AWS EC2

首先在 AWS 建立 EC2。

我選擇：


OS：Ubuntu
架構：64-bit

建立完成後會取得：


Public IPv4 Address

例如：


http://xxx.xxx.xxx.xxx

這個就是之後從 Windows 瀏覽器連進去的地址。

三、Windows 登入 Ubuntu

Windows 可以直接使用 SSH。

例如：


ssh -i "你的金鑰.pem" ubuntu@你的EC2_IP

成功後會看到類似：


ubuntu@ip-172-31-29-108:~$

這代表已經進入 AWS EC2。

四、第一次遇到的 Linux 權限問題

一開始執行：


apt update

結果出現：


Could not open lock file
Permission denied

原因很簡單。

Ubuntu 一般使用者不能直接修改系統套件。

所以改成：


sudo apt update

以及：


sudo apt upgrade -y

這是一個很常見的 Linux 初學者問題。

五、安裝 Docker

接下來安裝 Docker。

安裝完成後確認：


docker --version

以及：


docker compose version

如果兩個都有版本號，就可以開始建立網站。

六、建立網站目錄

我把整個專案放在：


~/mywebsite

結構如下：


mywebsite/
│
├── compose.yaml
│
├── nginx.conf
│
├── html/
│   └── index.html
│
└── server/
    ├── Dockerfile
    ├── package.json
    └── server.js

這樣前端和後端可以分開管理。

七、建立 Node.js API

Node.js 負責：


取得股票資料
↓
處理 Yahoo Finance API
↓
提供自己的 API
↓
讓前端呼叫

例如：


/api/quote
/api/markets
/api/chart
/api/health

八、Dockerfile

Node.js 使用 Docker 包起來。


FROM node:22-alpine

WORKDIR /app

COPY package.json .

RUN npm install --omit=dev

COPY server.js .

EXPOSE 3000

CMD ["node", "server.js"]

這樣 Node.js 就不需要直接安裝在 Ubuntu 主機上。

九、package.json

使用 Express：


{
  "name": "market-api",
  "version": "1.0.0",
  "type": "module",
  "main": "server.js",
  "scripts": {
    "start": "node server.js"
  },
  "dependencies": {
    "express": "^5.1.0"
  }
}

十、第一次遇到 Docker 問題

一開始執行：


docker compose up -d --build

結果：


failed to read dockerfile:
open Dockerfile:
no such file or directory

這個錯誤其實非常直接。

Docker Compose 找不到：


server/Dockerfile

後來確認專案結構：


server/
├── Dockerfile
├── package.json
└── server.js

問題就解決了。

這也提醒了一件事情：

Docker 出錯時，不要只看最後一行，先確認檔案結構。

十一、股票 API

後端使用 Yahoo Finance Chart API 取得資料。

例如：


AAPL
NVDA
MSFT
TSLA

台股則可以使用：


2330.TW
2317.TW
2454.TW

台灣加權指數：


^TWII

美國主要指數：


^GSPC
^IXIC

十二、即時股價 API

自己建立：


/api/quote

例如：


curl "http://localhost/api/quote?symbol=AAPL"

API 回傳：


{
  "success": true,
  "symbol": "AAPL",
  "price": 309.35,
  "previousClose": 311.3,
  "change": -1.95,
  "changePercent": -0.626,
  "currency": "USD"
}

這樣前端就不用直接碰 Yahoo。

架構變成：


Browser
   ↓
Nginx
   ↓
Node.js
   ↓
Yahoo Finance

十三、最重要的 K 線 API

一開始網站可以看到股價，但是：

K 線完全沒有。

後來發現前端呼叫：


/api/chart

但是 Node.js 根本沒有這個 API。

所以瀏覽器得到：


Cannot GET /api/chart

這就是非常典型的：

前端已經寫好了，但後端沒有對應 API。

後來在 Node.js 加入：


/api/chart

讓它支援：


1d
5d
1mo
6mo
1y
5y

例如：


curl "http://localhost/api/chart?symbol=AAPL&range=1y"

成功之後會得到：


{
  "success": true,
  "symbol": "AAPL",
  "range": "1y",
  "interval": "1d",
  "data": [
    {
      "time": "...",
      "open": 300,
      "high": 305,
      "low": 298,
      "close": 303,
      "volume": 123456
    }
  ]
}

前端再把這些資料畫成 K 線。

十四、又遇到一個很有趣的 Docker 問題

有一次：


curl "http://localhost:3000/api/chart?symbol=AAPL&range=1y"

結果：


curl: (7)
Failed to connect to localhost port 3000

但是：


docker compose ps

卻顯示：


market-api   ...   3000/tcp

注意這兩個不是同一件事情。


3000/tcp

代表：

Container 裡面有 3000 Port

不代表：


EC2:3000

已經開放。

十五、直接從 Container 裡測試

於是改成：


docker compose exec market-api \
wget -qO- \
"http://127.0.0.1:3000/api/health"

結果：


{
  "status": "ok",
  "service": "market-api"
}

這就證明：

Node.js 本身是正常的。

而且：


Market API listening on 0.0.0.0:3000

也確認 Node.js 正在監聽：


0.0.0.0:3000

十六、為什麼最後不用開 AWS 3000 Port？

因為我們使用 Nginx。

外部：


Browser
   ↓
EC2 :80

Nginx：

:80

再轉：


market-api:3000

所以 AWS Security Group 只需要讓網站使用：

Node.js 的：

不需要直接暴露給 Internet。

這樣反而比較安全。

十七、Nginx 的角色

Nginx 在這個專案裡做兩件事。

第一：


提供 HTML

第二：


Reverse Proxy

例如：


/api/chart

會被轉給：


market-api:3000

而：

則直接提供：


html/index.html

十八、最後做出 Dashboard

前端最後整合：


┌────────────────────────────────────────┐
│        📊 Market Dashboard             │
├────────────────────────────────────────┤
│                                        │
│ 🇹🇼 台股                                │
│                                        │
│ 台積電      2330.TW     +...%          │
│ 鴻海        2317.TW     +...%          │
│ 聯發科      2454.TW     -...%          │
│                                        │
├────────────────────────────────────────┤
│                                        │
│ 🇺🇸 美股                                │
│                                        │
│ AAPL        Apple       +...%           │
│ NVDA        NVIDIA      +...%           │
│ MSFT        Microsoft   +...%           │
│ TSLA        Tesla       -...%           │
│                                        │
├────────────────────────────────────────┤
│                                        │
│ 📈 AAPL                                 │
│                                        │
│ 1D  5D  1M  6M  1Y  5Y                  │
│                                        │
│        🕯️ K線圖                         │
│                                        │
└────────────────────────────────────────┘

十九、增加網頁直接管理股票

後來又增加：


＋ 新增股票

以及：


刪除

例如直接輸入：


NVDA
NVIDIA

就可以新增。

股票清單則存在：


localStorage

因此不需要每次修改 Server。

二十、記事本

又加入一個簡單的記事本：


📝 我的記事本

可以記錄：


今天觀察台積電
AAPL 等待回檔
NVDA 注意成交量

資料存在瀏覽器的：


localStorage

二十一、計算機

Dashboard 裡面也加入：


🧮 計算機

支援：


+
-
×
÷
%
()

所以看股票的時候可以直接計算：


100 × 1.08

或：


300000 × 0.05

二十二、目前完成的系統

到目前為止，這個小專案已經變成：


AWS EC2
│
└── Ubuntu
    │
    └── Docker
        │
        ├── Nginx
        │   │
        │   └── HTML Dashboard
        │
        └── Node.js
            │
            ├── /api/health
            ├── /api/quote
            ├── /api/markets
            └── /api/chart
                    │
                    └── Yahoo Finance

這已經不是單純的 HTML 網頁，而是一個真正的：

前端 + API Server + Reverse Proxy + Docker + Cloud Server

的小型 Web Application。

二十三、後來又準備加入即時新聞

下一步準備加入：


📰 即時新聞

架構會變成：


Browser
   ↓
Nginx
   ↓
Node.js
   ├── Yahoo Finance
   │
   └── News API

新聞 API Key 不直接放在 HTML，而是放在 Docker 的：


.env

例如：


GNEWS_API_KEY=xxxxxxxx

這樣比較不容易把 API Key 直接暴露在前端。

二十四、這次最大的收穫

這次最大的收穫其實不是做出一個股票網站。

而是第一次完整走過：


Cloud
↓
Linux
↓
Docker
↓
Nginx
↓
Node.js
↓
API
↓
Frontend
↓
External API

每一層都有可能出問題。

例如：

Linux 權限


Permission denied

解決：


sudo apt update

Docker 找不到 Dockerfile


open Dockerfile:
no such file or directory

解決：


確認專案目錄結構

Node API 不存在


Cannot GET /api/chart

解決：


增加 /api/chart

Container Port 問題


localhost:3000
Connection refused

解決：


docker compose exec

直接從 Container 裡確認 Node.js。

最後確認 API


docker compose exec market-api \
wget -qO- \
"http://127.0.0.1:3000/api/health"

看到：


{
  "status": "ok",
  "service": "market-api"
}

那一刻就代表：

我的 Node.js API 真的跑起來了。

二十五、下一步可以做到什麼？

目前這個架構還可以繼續往下發展。

例如：


☑ 台股
☑ 美股
☑ 即時報價
☑ K線
☑ Docker
☑ Nginx
☑ AWS EC2
☑ 股票新增/刪除
☑ 記事本
☑ 計算機

⬜ 即時新聞
⬜ HTTPS
⬜ 自訂網域
⬜ 使用者登入
⬜ 個人自選股
⬜ PostgreSQL / MySQL
⬜ Redis Cache
⬜ 股票價格警報
⬜ Telegram / LINE 通知
⬜ 財報資訊
⬜ 技術指標

到這裡，就可以開始把它從「自己玩的股票 Dashboard」，慢慢變成一個真正的個人投資資訊平台。

結語

這次最大的感覺是：

自己架 Server 沒有想像中難。

真正困難的是第一次遇到錯誤時，不知道問題到底在：


AWS？
Linux？
Docker？
Nginx？
Node.js？
API？
前端？

但只要一層一層拆開測試，其實就能慢慢找到問題。

例如：


docker compose ps

看 Container。


docker compose logs

看 Node.js。


curl

測 API。


docker compose exec

直接進 Container 測試。

這幾個指令，對之後維護 Docker Server 會非常常用。

最後從一台空白的 AWS Ubuntu：


AWS EC2
   ↓
Ubuntu
   ↓
Docker
   ↓
Nginx
   ↓
Node.js
   ↓
Yahoo Finance
   ↓
股票 Dashboard

一路做到可以直接用瀏覽器看台美股與 K 線。

這就是自己從零架一個 Web Application 最有趣的地方。 🚀

2025 台南蘭花展

2025-03-15T11:05:00.002+08:00

這個蘭花展不僅是一次視覺的盛宴，更是一場心靈的洗禮。它讓人們在繁忙的生活中停下腳步，感受大自然的魅力，並重新思考人與自然的關係。透過這張照片，我們不僅看到了蘭花的優雅與多樣性，也感受到了人們對美好生活的追求和對自然的敬畏之情。

北海道露營初體驗：與NOMAD ZIL520的逍遙之旅

2025-02-16T20:42:00.001+08:00

第一次在北海道租露營車自駕，選擇北海道逍遙遊露營車的車型是NOMAD ZIL520，帶著兩大一小的家庭組合。要特別感謝工作人員的熱情指導，讓我們能夠順利地使用露營車。他們不僅耐心地為我們介紹了露營車的使用方法，還在訂購、行程規劃和營區預定上提供了極大的幫助。

在出發前，我做了很多功課，對比了不同品牌的露營車。最終選擇了NOMAD ZIL520

NOMAD ZIL520的車內空間非常寬敞，完全能夠滿足我們一家三口的住宿需求。車內設有舒適的床鋪，晚上可以安心入睡。而且車內還有足夠的儲物空間，方便我們放置行李和生活用品。

NOMAD ZIL520的駕駛性能也讓我非常滿意。車輛操控穩定，動力充足，無論是行駛在平坦的公路上，還是崎嶇的山路上，都能輕鬆應對。而且車輛的油耗也相對較低，這對於我們長途旅行來說非常重要。

工作人員的熱情指導

當我們到達租賃公司時，工作人員熱情地迎接了我們。他們詳細地為我們介紹了露營車的使用方法，包括車輛的駕駛操作、生活設施的使用等。在講解過程中，工作人員非常耐心，不厭其煩地解答我們的每一個問題。

（一）訂購過程中的幫助

在訂購露營車的過程中，我們遇到了一些問題。由於我們沒有提前購買高速公路的 pass，工作人員主動幫我們詢問並加購了相關的服務。這讓我們在旅行中能夠更加順暢地行駛在北海道的高速公路上，節省了許多時間。此外，他們還協助我們規划行程，根據我們的時間和興趣，為我們推薦了幾個必去的景點和露營地，讓我們的旅行更加有條不紊。

（二）行程規劃與營區預定

工作人員根據我們的行程安排，幫助我們預定了幾個風景優美的露營地。他們詳細介紹了每個露營地的環境、設施以及周邊的景點，讓我們在選擇時更加放心。他們的專業建議讓我們在旅行中能夠充分體驗到北海道的自然美景，同時也避免了許多不必要的麻煩。

道の駅對露營車用戶來說提供了多項便利，包括免費停車場、清潔的衛生間、盥洗室以及投幣式洗衣和烘衣服務。此外，這些休息站通常位於風景秀麗的地點，讓露營車旅行者能夠在旅途中享受美景。根據網友分享，有些道の駅還提供露營車營位出租服務，配備充電插頭和自來水，並且入住遊客可以免費使用園區免費Wi-Fi，這對於需要在旅途中休息和補給的露營車用戶來說是一個非常實惠的選擇

RVパーク倶知安是一個非常推薦的露營車停車場，它位於羊蹄山腳下，擁有廣闊的視野和雄偉的連綿山脈景色，讓人盡情享受大自然的美。這裡不僅提供野外露營、簡便車上過夜的完善設施，還有投幣式洗烘衣機、微波爐等便利設施，以及讓旅客放鬆的戶外三溫暖。此外，RVパーク倶知安與倶知安町市街地相當接近，車程5分鐘內就有超市、便利店和家居中心，非常便利。這裡也是前往ニセコ東急グラン・ヒラフスキー場的絕佳起點，車程僅需10分鐘左右，無論是冬季滑雪還是夏季的戶外活動，這裡都是理想的選擇。

對於我們這次的旅行來說，RVパーク倶知安不僅提供了漂亮的風景，還因為與租車公司的合作，讓我們可以免費使用這些設施，這的確是非常超值的體驗。在這裡停留的一晚，不僅讓我們享受到了舒適的露營體驗，還有機會探索周邊的自然美景和文化景點。

這次在北海道的露營之旅讓我收獲頗豐。通過租露營車自駕，我們能夠更加自由地探索北海道的美景。而NOMAD ZIL520這輛車也給我們提供了很大的便利，讓我們在旅行過程中能夠享受到舒適的生活。同時，我也要感謝工作人員的熱情幫助，他們不僅在訂購過程中為我們提供了幫助，還在行程規劃和露營車使用上給我們做了詳細的指導。

如果你也想體驗露營的樂趣，我強烈推薦你選擇租露營車自駕。在旅行過程中，你可以根據自己的節奏安排行程，還可以在自己喜歡的地方停留下來露營。相信你也會像我一樣，收獲一段難忘的旅行經歷。

慢慢來

2024-07-02T21:18:00.002+08:00

2023 11-12 杉林溪賞楓

2023-11-13T10:37:00.001+08:00

星期天中午上去大概排隊1小時左右進入園區，免收停車費進去後自己找車位。採用一進一出所以都會有位置！只是進場要排比較久，如果不急下午兩點左右到車位就很多了完全不必排隊。

賞楓處在花卉中心旁邊可以走一段步道或是搭接駁巴士20元也可

♤黑糖的故鄉 ♤溪遊美樂地

2023-10-18T23:41:00.001+08:00

仙女們知道這一位兒童界偶像！

知道他的藝名嗎

我是因為有一次市集活動認識了這一位老師

我家小帥

可以盯著👀他表演然後放生媽媽👩

不要懷疑

10/21跪請到他來跟仙女相見歡😘😘😘

┌１０月２１日┄┄┄┐

┆　　黑糖的故鄉　　┆

┆　　溪遊美樂地　　┆

└┄┄┄┄┄┄┄┄┄┘

♤黑糖的故鄉

♤溪遊美樂地

⌗⌗⌗⌗⌗⌗⌗⌗⌗⌗⌗⌗

❶日期：１０/２１

❷時間：９：００~１３：００

❸地點：🔍溪美森林公園

❹活動：善化居民可兌換🐮造型棉花糖

（數量有限送完為止）

[街頭藝人-兔兔【李彥宏】/魔術舞蹈表演藝術](https://www.facebook.com/profile.php?id=100044229736338)

掌聲加尖叫

iPhone 換購

2023-10-17T10:40:00.002+08:00

前一天會寄簡訊

等待中

大概中午由順豐收走

Sky liner 成田往東京

2023-06-07T14:45:00.001+08:00

成田往東京車站的skyliner

東京車站的JR服務處

2023-06-06T10:42:00.002+08:00

廣域周遊券取票劃位的地點

不好找從中央口進來路線如下

從JR服務處出來走回出口的路線

日本旅遊申請 visit Japan web

2023-06-05T15:32:00.001+08:00

您是否持有入境日本所需的VISA?

[否] 一般旅遊簽證選否

台灣可以免簽證入境唷

線上申請日文駕照譯本

2023-05-17T15:14:00.003+08:00

Google 搜尋日文駕照譯本申請。就可以看到申請的網頁，登入監理服務的帳號密碼（沒申請過可能會需要健保卡+讀卡機）

大概三天就已經收到日文譯本，非常方便而且不用跑一趟監理站！

魚羊鮮豆

2022-10-23T11:04:00.000+08:00

花蓮遠雄海洋公園

2022-09-27T14:27:00.004+08:00

海豚表演表演搭配一些生態環境保護的舞台劇演出，給小朋友很不錯的機會教育。不光只是單存的海豚表驗!

關機

2022-09-03T11:00:00.001+08:00

Philips 咖啡機

2022-09-03T10:59:00.000+08:00

東平米糕

2022-08-30T12:45:00.000+08:00

龍崎文衡殿

2022-08-28T17:11:00.000+08:00

萬紅刀切麵

2022-08-28T17:06:00.000+08:00

豚骨家雞白湯拉麵

2022-08-26T12:23:00.000+08:00

豚骨家

2022-08-26T11:22:00.002+08:00

魚羊

2022-08-25T10:16:00.003+08:00

永林

2022-08-24T18:23:00.002+08:00

驗車2022

2022-08-22T15:13:00.003+08:00

altis 13500 保養費用

2022-07-22T10:48:00.006+08:00