PageSourceSearch

https://ronny.wang/albums

html ronny.wang collected 2026-10-07 21:52:11 UTC 45,999 bytes, 721 lines download raw bytes

1<!DOCTYPE html>
2<html lang="zh-TW">
3
4<head>
5    <meta charset="UTF-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <title>Ronny&apos;s BLOG | 相簿分享 | 痞客邦 | PIXNET</title>
8<meta name="title" content="Ronny&apos;s BLOG | 相簿分享 | 痞客邦 | PIXNET">
9<meta name="description" content="Ronny&apos;s BLOG 的 PIXNET 相簿分享,紀錄生活照片、活動紀錄與影像作品。">
10<meta name="author" content="Ronny&apos;s BLOG">
11<meta name="article:author" content="Ronny&apos;s BLOG">
12<meta name="robots" content="index, follow, max-image-preview:large, max-video-preview:-1, max-snippet:-1">
13<meta name="google-adsense-platform-account" content="ca-pub-3389357009051920">
14<meta property="og:title" content="Ronny&apos;s BLOG | 相簿分享 | 痞客邦 | PIXNET">
15<meta property="og:description" content="Ronny&apos;s BLOG 的 PIXNET 相簿分享,紀錄生活照片、活動紀錄與影像作品。">
16<meta property="og:image" content="https://s3.1px.tw/blog/common/avatar/blog_cover_light.jpg">
17<meta property="og:type" content="website">
18<meta property="og:url" content="https://ronny.wang/albums">
19<meta property="og:site_name" content="Ronny&apos;s BLOG | 相簿分享 | 痞客邦 | PIXNET">
20<meta property="og:locale" content="zh_TW">
21<meta property="og:image:alt" content="Ronny&apos;s BLOG的PIXNET相簿">
22<meta property="og:updated_time" content="2026-10-08T05:52:11+08:00">
23<meta property="twitter:title" content="Ronny&apos;s BLOG | 相簿分享 | 痞客邦 | PIXNET">
24<meta property="twitter:description" content="Ronny&apos;s BLOG 的 PIXNET 相簿分享,紀錄生活照片、活動紀錄與影像作品。">
25<meta property="twitter:card" content="summary_large_image">
26<meta property="twitter:image" content="https://s3.1px.tw/blog/common/avatar/blog_cover_light.jpg">
27<meta property="twitter:site" content="@PIXNET">
28<link rel="canonical" href="https://ronny.wang/albums">
29<script type="text/javascript" id="pixnet-vars">
30    window.PIXNET = {"post_id":"0","name":"ronnywang","user_id":"0","blog_id":"358","display_ads":true,"options":{"AdultWarning":false,"DisplayAds":true,"BusinessTheme":false,"Label":"none"},"ad_options":{"chictrip":false}};
31</script>
31
32
33    <link href="https://static.1px.tw/blog/v1p2/css/fix.css?v=1788288265" rel="stylesheet" type="text/css" />
34    <link href="https://static.1px.tw/blog/v1p2/css/mobile.global.min.css?v=1788288265" rel="stylesheet" type="text/css" />
35    <link href="https://static.1px.tw/blog/v1p2/css/mobile.min.css?v=1788288265" rel="stylesheet" type="text/css" />
36    <link href="https://static.1px.tw/blog/v1p2/lib/simple-lightbox.min.css?v=1788288265" rel="stylesheet" type="text/css" />
37    <link href="https://static.1px.tw/blog/v1p2/css/components/mobile-navbar.min.css?v=1788288265" rel="stylesheet" type="text/css" />
38    <link href="https://static.1px.tw/blog/v1p2/css/components/adult-warning.min.css?v=1788288265" rel="stylesheet" type="text/css" />
39    <link href="https://static.1px.tw/blog/v1p2/css/components/post-comment.min.css?v=1788288265" rel="stylesheet" type="text/css" />
40    <link href="https://static.1px.tw/blog/v1p2/css/components/post-recommend.min.css?v=1788288265" rel="stylesheet" type="text/css" />
41    <link href="https://static.1px.tw/blog/v1p2/css/components/mobile-footbar.min.css?v=1788288265" rel="stylesheet" type="text/css" />
42    <link rel="icon" href="https://static.1px.tw/blog/v1p2/img/favicon.ico?v=1788288265"/>
43    
43<script type="text/javascript" src="https://static.1px.tw/blog/v1p2/js/pixsdk.min.js?v=1788288265"></script>
43
44    
44<script src="https://static.1px.tw/blog/v1p2/lib/alpinejs.min.js?v=1788288265" defer></script>
44
45    <!-- 
45<script src="https://static.1px.tw/blog/v1p2/lib/simple-lightbox.min.js?v=1788288265"></script>
45 -->
46
47    
47<script type="text/javascript" src="https://static.1px.tw/blog/v1p2/lib/glightbox/js/glightbox.min.js?v=1788288265"></script>
47
48    <link href="https://static.1px.tw/blog/v1p2/lib/glightbox/css/glightbox.min.css?v=1788288265" rel="stylesheet" type="text/css" />
49
50    <style>
51        .glightbox-container .gdesc-inner {
52            display: flex;
53            align-items: center;
54            justify-content: space-between;
55            gap: 24px;
56            padding: 20px 22px;
57        }
58
59        .glightbox-container .gslide-title,
60        .glightbox-container .gslide-desc {
61            margin: 0;
62        }
63
64        /* 左側 caption */
65        .glightbox-container .gslide-title {
66            flex: 1 1 auto;
67            min-width: 0;
68        }
69
70        /* 右側查看文章 */
71        .glightbox-container .gslide-desc {
72            flex: 0 0 auto;
73            width: auto;
74            text-align: right;
75        }
76
77        .glightbox-container .gslide-desc a {
78            display: inline-flex;
79            align-items: center;
80            width: auto;
81            white-space: nowrap;
82        }
83    </style>
84
85    <!-- Google Tag Manager -->
86    
86<script>
vendor: 343 bytes, lines 86-90
86(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
87    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
88    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
89    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
90    })(window,document,'script','dataLayer','
90GTM-TRLQMPKX
vendor: 3 bytes, line 90
90');
90</script>
90
91    <!-- End Google Tag Manager -->
92    
93</head>
94
95<body id="">
96    <div class="relative min-h-screen main">
97         <div x-data="pixNavbar()" x-init="init()" @keydown.escape.window="closeMenu">
98
99    <!-- NAVBAR -->
100    <nav class="navbar pixnavbar">
101        <div class="navbar-inner">
102
103            <a href="https://www.pixnet.net">
104                <img
105                    alt="PIXNET Logo"
106                    src="https://static.1px.tw/blog-next/public/logo_pixnet_ch.svg"
107                />
108            </a>
109
110            <!-- LOGIN -->
111            <a
112                x-cloak
113                x-show="!user"
114                class="login-link"
115                :href="loginUrl"
116                rel="nofollow"
117            >
118                登入
119            </a>
120
121            <!-- AVATAR -->
122            <span
123                x-cloak
124                x-show="user"
125                class="avatar sidebar-trigger"
126                @click="toggleMenu"
127            >
128                <img class="avatar-image" :src="avatar" />
129            </span>
130
131        </div>
132    </nav>
133
134
135    <!-- OVERLAY -->
136    <div
137        class="menu-overlay"
138        x-show="menuOpen"
139        x-transition.opacity
140        @click="closeMenu"
141    ></div>
142
143
144    <!-- SIDEBAR -->
145    <div
146        id="menu"
147        class="menu-wrapper"
148        :class="{ active: menuOpen }"
149    >
150
151        <div class="menu-header">
152
153            <span class="avatar">
154                <img class="avatar-image" :src="avatar" />
155            </span>
156
157            <div class="profile">
158                <span class="profile-title" x-text="user?.display_name"></span>
159                <span class="profile-subtitle" x-text="user?.id"></span>
160            </div>
161
162        </div>
163
164        <div class="menu-content">
165
166            <!-- card -->
167            <div class="menu-card">
168
169                <a class="menu-item" :href="blogUrl">
170                    <span class="menu-item-label">我的部落格</span>
171                    <span class="menu-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span>
172                </a>
173
174                <a class="menu-item" href="https://panel.pixnet.tw/" rel="nofollow">
175                    <span class="menu-item-label">我的部落格後台</span>
176                    <span class="menu-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span>
177                </a>
178
179                <a class="menu-item" href="https://account.pixnet.tw/" rel="nofollow">
180                    <span class="menu-item-label">我的帳號</span>
181                    <span class="menu-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span>
182                </a>
183
184            </div>
185
186        </div>
187
188
189        <!-- logout bottom -->
190        <div class="menu-footer">
191
192            <a class="menu-item logout" :href="logoutUrl" rel="nofollow">
193                <span class="menu-item-label">登出</span>
194                <span class="menu-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span>
195            </a>
196
197        </div>
198
199    </div>
200
201</div>
202
203<script>
204document.addEventListener('alpine:init', () => {
205
206    Alpine.data('pixNavbar', () => ({
207
208        menuOpen: false,
209        user: null,
210
211        get avatar() {
212            return this.user?.avatar
213                || 'https://static.1px.tw/blog-next/public/default_avatar.png'
214        },
215
216        get blogUrl() {
217            return this.user?.blog?.url || '/blog'
218        },
219
220        get loginUrl() {
221            return '/auth/authorize?redirect_uri=' + encodeURIComponent(location.href)
222        },
223
224        get logoutUrl() {
225            return '/auth/logout?redirect_uri=' + encodeURIComponent(location.href)
226        },
227
228        toggleMenu() {
229            this.menuOpen = !this.menuOpen
230            this.toggleScroll()
231        },
232
233        closeMenu() {
234            this.menuOpen = false
235            this.toggleScroll()
236        },
237
238        toggleScroll(){
239            document.body.style.overflow =
240                this.menuOpen ? 'hidden' : ''
241        },
242
243        async init(){
244
245            const user = await PIXNET.init()
246
247            if (user) {
248                this.user = user
249            }
250
251            document.addEventListener("pixnet:user-ready",(e)=>{
252                this.user = e.detail
253            })
254
255        }
256
257    }))
258
259})
260</script>
260
261 
262        <!-- end of navbar -->
263        <div id="panel" class="panel relative container mx-auto max-w-5xl">
264             <div class="sm:px-4">
265  <div class="bg-muted relative flex flex-col items-center justify-center gap-4 overflow-clip py-10 sm:mt-8 sm:rounded-sm">
266    <img src="https://picsum.photos/seed/ronnywang/1200/400" class="absolute inset-0 h-full w-full object-cover" />
267    <div class="absolute inset-0 bg-black/40 backdrop-blur-sm"></div>
268    <div class="relative z-10 flex flex-col items-center justify-center gap-4 px-4">
269      <span data-slot="avatar" class="relative flex shrink-0 overflow-hidden rounded-full size-24 shadow">
270        <img data-slot="avatar-image" class="aspect-square size-full" src="https://s3.1px.tw/blog/common/avatar/blog_cover_light.jpg" />
271      </span>
272      <div class="text-center">
273        <h1 class="mb-1 text-2xl font-bold text-white text-shadow-2xs">
274          Ronny&#039;s BLOG
275        </h1>
276      </div>
277      <div class="flex items-center justify-center gap-3">
278                <a href="https://ronny.wang/albums" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 has-[&gt;svg]:px-3 cursor-pointer rounded-full">
279            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-photo-filled">
280                <path d="M8.813 11.612c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.986 4.986l.094 .083a1 1 0 0 0 1.403 -1.403l-.083 -.094l-1.292 -1.293l.292 -.293l.106 -.095c.457 -.38 .918 -.38 1.386 .011l.108 .098l4.674 4.675a4 4 0 0 1 -3.775 3.599l-.206 .005h-12a4 4 0 0 1 -3.98 -3.603l6.687 -6.69l.106 -.095zm9.187 -9.612a4 4 0 0 1 3.995 3.8l.005 .2v9.585l-3.293 -3.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-.307 .306l-2.293 -2.292l-.15 -.137c-1.256 -1.095 -2.85 -1.097 -4.096 -.017l-.154 .14l-5.307 5.306v-9.585a4 4 0 0 1 3.8 -3.995l.2 -.005h12zm-2.99 5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z"
281                ></path>
282            </svg>相簿
283        </a>
284        <a href="https://ronny.wang/blog" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[&gt;svg]:px-3 cursor-pointer rounded-full">
285            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-article-filled">
286                <path
287                d="M19 3a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h14zm-2 12h-10l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h10l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm0 -4h-10l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h10l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm0 -4h-10l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h10l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z"
288                ></path>
289            </svg>部落格
290        </a>
291                <a href="https://www.pixnet.net/pcard/ronnywang" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 h-9 px-4 py-2 has-[&gt;svg]:px-3 cursor-pointer rounded-full">
292            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-cards-filled">
293                <path d="M10.348 3.169l-7.15 3.113a2 2 0 0 0 -1.03 2.608l4.92 11.895a1.96 1.96 0 0 0 2.59 1.063l7.142 -3.11a2.002 2.002 0 0 0 1.036 -2.611l-4.92 -11.894a1.96 1.96 0 0 0 -2.588 -1.064z"></path>
294                <path d="M16 3a2 2 0 0 1 1.995 1.85l.005 .15v3.5a1 1 0 0 1 -1.993 .117l-.007 -.117v-3.5h-1a1 1 0 0 1 -.117 -1.993l.117 -.007h1z"></path>
295                <path d="M19.08 5.61a1 1 0 0 1 1.31 -.53c.257 .108 .505 .21 .769 .314a2 2 0 0 1 1.114 2.479l-.056 .146l-2.298 5.374a1 1 0 0 1 -1.878 -.676l.04 -.11l2.296 -5.371l-.366 -.148l-.402 -.167a1 1 0 0 1 -.53 -1.312z"></path>
296            </svg>名片
297        </a>
298      </div>
299    </div>
300  </div>
301</div>
302 
303            <div class="p-4">
304    <div class="mb-12 flex flex-col gap-4">
305        <!-- toolbar -->
306        <div class="album-toolbar">
307            <form class="album-filter-form" method="GET" action="">
308
309                <!-- 日期排序 -->
310                <select name="sort" class="album-filter-select" aria-label="排序" onchange="this.form.submit()">
311                    <option value="-id" selected>日期最新</option>
312                    <option value="id">日期最舊</option>
313                </select>
314
315                                <!-- 資料夾過濾 -->
316                <select name="folderId" class="album-filter-select" aria-label="相簿資料夾" onchange="this.form.submit()">
317                    <option value="all" selected>全部相簿</option>
318
319                                        <option value="14982168" >
319新聞標籤雲</option>
320                                        <option value="14376390" >遊山玩水</option>
321                                        <option value="14951787" >gov-data</option>
322                                        <option value="14356062" >WORK</option>
323                                        <option value="14182990" >米漿生活記錄</option>
324                                        <option value="14982162" >房客花花和皮梅</option>
325                                        <option value="14209406" >雜物室</option>
326                                        <option value="14388370" >休閒娛樂?</option>
327                                        <option value="14578011" >植物</option>
328                                        <option value="14594208" >20120330-0406 山東之旅</option>
329                                        <option value="14575069" >Coffee Relax</option>
330                                        <option value="14483276" >GAME</option>
331                                        <option value="14388428" >特別活動?!</option>
332                                        <option value="14387307" >風景</option>
333                                        <option value="14378774" >酒的記憶</option>
334                                        <option value="14343587" >We are Company!</option>
335                                    </select>
336                
337            </form>
338        </div>
339
340                <div class="grid grid-cols-2 gap-3 sm:grid-cols-5">
341                            <a href="https://ronny.wang/albums/15056408">
342                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
343                        <div data-slot="card-content" class="px-0">
344                                                            <div class="grid grid-cols-3 gap-1">
345                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
346                                        <img src="https://pimg.1px.tw/ronnywang/1483166687-610219832.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
347                                    </div>
348                                    <div class="bg-muted overflow-clip rounded-tr-lg">
349                                        <img src="https://pimg.1px.tw/ronnywang/1483166650-2390188428.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
350                                    </div>
351                                    <div class="bg-muted overflow-clip rounded-br-lg">
352                                        <img src="https://pimg.1px.tw/ronnywang/1483166625-2076669849.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
353                                    </div>
354                                </div>
355                                                    </div>
356                    </div>
357                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
358                        <div data-slot="card-title" class="font-semibold text-sm">2016新聞標籤雲</div>
359                        <div data-slot="card-description" class="text-muted-foreground text-sm">12 張照片</div>
360                    </div>
361                </a>
362                            <a href="https://ronny.wang/albums/15026272">
363                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
364                        <div data-slot="card-content" class="px-0">
365                                                            <div class="grid grid-cols-3 gap-1">
366                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
367                                        <img src="https://pimg.1px.tw/ronnywang/1447731237-4179028937.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
368                                    </div>
369                                    <div class="bg-muted overflow-clip rounded-tr-lg">
370                                        <img src="https://pimg.1px.tw/ronnywang/1447731237-723747196.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
371                                    </div>
372                                    <div class="bg-muted overflow-clip rounded-br-lg">
373                                        <img src="https://pimg.1px.tw/ronnywang/1447731235-3982669492.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
374                                    </div>
375                                </div>
376                                                    </div>
377                    </div>
378                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
379                        <div data-slot="card-title" class="font-semibold text-sm">20151109-13樂桃超便宜機票沖繩行</div>
380                        <div data-slot="card-description" class="text-muted-foreground text-sm">200 張照片</div>
381                    </div>
382                </a>
383                            <a href="https://ronny.wang/albums/15006964">
384                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
385                        <div data-slot="card-content" class="px-0">
386                                                            <div class="grid grid-cols-3 gap-1">
387                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
388                                        <img src="https://pimg.1px.tw/ronnywang/1429356531-2276584309.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
389                                    </div>
390                                    <div class="bg-muted overflow-clip rounded-tr-lg">
391                                        <img src="https://pimg.1px.tw/ronnywang/1429356709-3545388500.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
392                                    </div>
393                                    <div class="bg-muted overflow-clip rounded-br-lg">
394                                        <img src="https://pimg.1px.tw/ronnywang/1429356562-1342192684.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
395                                    </div>
396                                </div>
397                                                    </div>
398                    </div>
399                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
400                        <div data-slot="card-title" class="font-semibold text-sm">政治獻金 20150418</div>
401                        <div data-slot="card-description" class="text-muted-foreground text-sm">599 張照片</div>
402                    </div>
403                </a>
404                            <a href="https://ronny.wang/albums/14987940">
405                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
406                        <div data-slot="card-content" class="px-0">
407                                                            <div class="grid grid-cols-3 gap-1">
408                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
409                                        <img src="https://pimg.1px.tw/ronnywang/1414994441-1021913754.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
410                                    </div>
411                                    <div class="bg-muted overflow-clip rounded-tr-lg">
412                                        <img src="https://pimg.1px.tw/ronnywang/1414994157-516
412525267.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
413                                    </div>
414                                    <div class="bg-muted overflow-clip rounded-br-lg">
415                                        <img src="https://pimg.1px.tw/ronnywang/1414994121-2838397293.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
416                                    </div>
417                                </div>
418                                                    </div>
419                    </div>
420                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
421                        <div data-slot="card-title" class="font-semibold text-sm">2014 九合一大選</div>
422                        <div data-slot="card-description" class="text-muted-foreground text-sm">13 張照片</div>
423                    </div>
424                </a>
425                            <a href="https://ronny.wang/albums/14982171">
426                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
427                        <div data-slot="card-content" class="px-0">
428                                                            <div class="grid grid-cols-3 gap-1">
429                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
430                                        <img src="https://pimg.1px.tw/ronnywang/1410680574-1215664861.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
431                                    </div>
432                                    <div class="bg-muted overflow-clip rounded-tr-lg">
433                                        <img src="https://pimg.1px.tw/ronnywang/1410680549-344447561.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
434                                    </div>
435                                    <div class="bg-muted overflow-clip rounded-br-lg">
436                                        <img src="https://pimg.1px.tw/ronnywang/1410680520-3019817209.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
437                                    </div>
438                                </div>
439                                                    </div>
440                    </div>
441                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
442                        <div data-slot="card-title" class="font-semibold text-sm">2014年新聞標籤雲</div>
443                        <div data-slot="card-description" class="text-muted-foreground text-sm">8 張照片</div>
444                    </div>
445                </a>
446                            <a href="https://ronny.wang/albums/14978976">
447                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
448                        <div data-slot="card-content" class="px-0">
449                                                            <div class="grid grid-cols-3 gap-1">
450                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
451                                        <img src="https://pimg.1px.tw/ronnywang/1408740469-2049826948.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
452                                    </div>
453                                    <div class="bg-muted overflow-clip rounded-tr-lg">
454                                        <img src="https://pimg.1px.tw/ronnywang/1408740454-408919182.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
455                                    </div>
456                                    <div class="bg-muted overflow-clip rounded-br-lg">
457                                        <img src="https://pimg.1px.tw/ronnywang/1408740441-3670278907.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
458                                    </div>
459                                </div>
460                                                    </div>
461                    </div>
462                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
463                        <div data-slot="card-title" class="font-semibold text-sm">政治獻金 20140822</div>
464                        <div data-slot="card-description" class="text-muted-foreground text-sm">1,480 張照片</div>
465                    </div>
466                </a>
467                            <a href="https://ronny.wang/albums/14978481">
468                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
469                        <div data-slot="card-content" class="px-0">
470                                                            <div class="grid grid-cols-3 gap-1">
471                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
472                                        <img src="https://pimg.1px.tw/ronnywang/1408586555-1879127137.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
473                                    </div>
474                                    <div class="bg-muted overflow-clip rounded-tr-lg">
475                                        <img src="https://pimg.1px.tw/ronnywang/1408586514-3279950831.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
476                                    </div>
477                                    <div class="bg-muted overflow-clip rounded-br-lg">
478                                        <img src="https://pimg.1px.tw/ronnywang/1408586565-942300078.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
479                                    </div>
480                                </div>
481                                                    </div>
482                    </div>
483                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
484                        <div data-slot="card-title" class="font-semibold text-sm">政治獻金 20140820</div>
485                        <div data-slot="card-description" class="text-muted-foreground text-sm">458 張照片</div>
486                    </div>
487                </a>
488                            <a href="https://ronny.wang/albums/14978166">
489                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
490                        <div data-slot="card-content" class="px-0">
491                                                            <div class="grid grid-cols-3 gap-1">
492                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
493                                        <img src="https://pimg.1px.tw/ronnywang/1408328225-1771337530.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
494                                    </div>
495                                    <div class="bg-muted overflow-clip rounded-tr-lg">
496                                        <img src="https://pimg.1px.tw/ronnywang/1408328213-3503585669.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
497                                    </div>
498                                    <div class="bg-muted overflow-clip rounded-br-lg">
499                                        <img src="
500Warning: Undefined array key 2 in /var/www/blog-api/webroot/runtime/view/a14391e07e793b36cb3a76c35ef60d8b8ecaa2b6.php on line 108
501
502Warning: Trying to access array offset on null in /var/www/blog-api/webroot/runtime/view/a14391e07e793b36cb3a76c35ef60d8b8ecaa2b6.php on line 108
503" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
504                                    </div>
505                                </div>
506                                                    </div>
507                    </div>
508                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
509                        <div data-slot="card-title" class="font-semibold text-sm">
50920140816 雙溪古道路跑</div>
510                        <div data-slot="card-description" class="text-muted-foreground text-sm">2 張照片</div>
511                    </div>
512                </a>
513                            <a href="https://ronny.wang/albums/14972571">
514                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
515                        <div data-slot="card-content" class="px-0">
516                                                            <div class="grid grid-cols-3 gap-1">
517                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
518                                        <img src="https://pimg.1px.tw/ronnywang/1404921558-4268820027.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
519                                    </div>
520                                    <div class="bg-muted overflow-clip rounded-tr-lg">
521                                        <img src="https://pimg.1px.tw/ronnywang/1408538731-499091425.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
522                                    </div>
523                                    <div class="bg-muted overflow-clip rounded-br-lg">
524                                        <img src="https://pimg.1px.tw/ronnywang/1404921563-3285893014.jpg" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
525                                    </div>
526                                </div>
527                                                    </div>
528                    </div>
529                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
530                        <div data-slot="card-title" class="font-semibold text-sm">政治獻金 20140709</div>
531                        <div data-slot="card-description" class="text-muted-foreground text-sm">565 張照片</div>
532                    </div>
533                </a>
534                            <a href="https://ronny.wang/albums/14969235">
535                    <div data-slot="card" class="bg-card text-card-foreground flex flex-col rounded-xl border group gap-0 border-none p-0 shadow-none">
536                        <div data-slot="card-content" class="px-0">
537                                                            <div class="grid grid-cols-3 gap-1">
538                                    <div class="bg-muted col-span-2 row-span-2 overflow-clip rounded-l-lg">
539                                        <img src="https://pimg.1px.tw/ronnywang/1404961126-367938167.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy" />
540                                    </div>
541                                    <div class="bg-muted overflow-clip rounded-tr-lg">
542                                        <img src="https://pimg.1px.tw/ronnywang/1404961119-3482618939.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
543                                    </div>
544                                    <div class="bg-muted overflow-clip rounded-br-lg">
545                                        <img src="https://pimg.1px.tw/ronnywang/1404961111-933944368.png" class="aspect-square h-full w-full scale-110 object-cover transition-transform duration-300 group-hover:scale-100" loading="lazy">
546                                    </div>
547                                </div>
548                                                    </div>
549                    </div>
550                    <div data-slot="card-header" class="@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-0 px-0 py-2">
551                        <div data-slot="card-title" class="font-semibold text-sm">政治獻金 20140617</div>
552                        <div data-slot="card-description" class="text-muted-foreground text-sm">2,422 張照片</div>
553                    </div>
554                </a>
555                    </div>
556
557         <div class="page">
558    
559    
560                        <span>1</span>
561                                <a href="https://ronny.wang/albums?page=2">2</a>
562                                <a href="https://ronny.wang/albums?page=3">3</a>
563            
564            <a href="https://ronny.wang/albums?page=2" class="next">»</a>
565    
566            <a href="https://ronny.wang/albums?page=17" class="next">最後一頁</a>
567    </div>
568 
569            </div>
570</div>
571            <img src="/api/track/pv" alt="Blog Stats" width="1" height="1" style="display:none;" />
572        </div>
573
574        
575        <div id="back-to-top-button" class="fixed right-5 bottom-30 z-20 transition-opacity duration-300 pointer-events-none opacity-0">
576            <button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 size-9 rounded-full bg-white shadow-lg" aria-label="back to top">
577                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg>
578            </button>
579        </div>
580
581        
581<script>
582            document.addEventListener("DOMContentLoaded", function () {
583                const btn = document.getElementById("back-to-top-button");
584
585                if (!btn) return;
586
587                // 捲動時顯示/隱藏按鈕
588                window.addEventListener("scroll", () => {
589                if (window.scrollY > 0) {
590                    btn.classList.remove("opacity-0", "pointer-events-none");
591                } else {
592                    btn.classList.add("opacity-0", "pointer-events-none");
593                }
594                });
595
596                // 點擊時平滑捲回頂端
597                btn.addEventListener("click", () => {
598                window.scrollTo({
599                    top: 0,
600                    behavior: "smooth",
601                });
602                });
603            });
604        </script>
604
605
606
607         <footer
608  style="
609    padding: 16px;
610    color: #777;
611    font-size: 13px;
612    line-height: 1.6;
613    text-align: center;
614  "
615>
616  <span>© 2026 <a href="https://www.pixnet.net" style="color: inherit; text-decoration: none;">PIXNET</a></span>
617  <span aria-hidden="true">|</span>
618  <span>文章與圖片權利屬原作者所有</span>
619  <br />
620  <a href="https://account.pixnet.tw/privacy" style="color: inherit; text-decoration: none;">隱私權政策</a>
621  <span aria-hidden="true">|</span>
622  <a href="https://account.pixnet.tw/regulation" style="color: inherit; text-decoration: none;">服務聲明</a>
623</footer>
624 
625    </div>
626
627    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 627-628
627
628    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
628GTM-TRLQMPKX
vendor: 91 bytes, lines 628-630
628"
629    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
630    
630<!-- End Google Tag Manager (noscript) -->
631
632    <!-- Pixnet SDK -->
633    
633<script type="text/javascript">
634        document.addEventListener("DOMContentLoaded", function () {
635            // datalayer push event
636            window.dataLayer = window.dataLayer || [];
637            window.dataLayer.push({
638                'event': 'hydration_complete'
639            })
640        });
641    </script>
641
642    <!-- End Pixnet SDK -->
643
644     <div
645    x-data="adultWarning()"
646    x-init="init()"
647    x-show="visible"
648    x-cloak
649    class="aw-overlay"
650    :class="{ 'mobile': isMobile }"
651>
652    <div class="aw-modal">
653
654        <div class="aw-icon">
655            ⚠️
656        </div>
657
658        <h2 class="aw-title">成人內容提醒</h2>
659
660        <p class="aw-desc">
661            本部落格內容僅限年滿十八歲者瀏覽。<br>
662            若您未滿十八歲,請立即離開。
663        </p>
664
665        <p class="aw-sub">
666            已滿十八歲者,亦請勿將內容提供給未成年人士。
667        </p>
668
669        <div class="aw-actions">
670            <button class="aw-btn primary" @click="accept()">我已滿18歲</button>
671            <button class="aw-btn secondary" @click="decline()">離開</button>
672        </div>
673
674    </div>
675</div>
676
677<script>
678document.addEventListener('alpine:init', () => {
679    Alpine.data('adultWarning', () => ({
680        visible: false,
681        isMobile: false,
682        storageKey: 'adult_warning_accepted_at',
683
684        init() {
685            this.isMobile = window.innerWidth < 768;
686
687            if (!window.PIXNET?.options?.AdultWarning) return;
688
689            const ts = localStorage.getItem(this.storageKey);
690            if (ts && Date.now() - parseInt(ts) < 4 * 60 * 60 * 1000) return;
691
692            this.visible = true;
693
694            // 🔒 防止背景滾動
695            document.body.classList.add('modal-open');
696        },
697
698        accept() {
699            localStorage.setItem(this.storageKey, Date.now().toString());
700            this.close();
701        },
702
703        decline() {
704            window.location.href = 'https://www.pixnet.net/'; // 或其他安全的網站
705        },
706
707        close() {
708            this.visible = false;
709            document.body.classList.remove('modal-open');
710        }
711    }))
712})
713</script>
713
714 
715    <!-- end of adult warning -->
716
717    <!-- PIXNET Tracking -->
718    
718<script async type="text/javascript" src="https://static.1px.tw/blog/v1p2/lib/tracking.min.js?v=1788288265"></script>
718
719    <!-- End PIXNET Tracking -->
720</body>
721</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.