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's BLOG | ç¸ç°¿å享 | çå®¢é¦ | PIXNET</title> 8<meta name="title" content="Ronny's BLOG | ç¸ç°¿å享 | çå®¢é¦ | PIXNET"> 9<meta name="description" content="Ronny's BLOG ç PIXNET ç¸ç°¿å享ï¼ç´éçæ´»ç §çãæ´»åç´éèå½±åä½åã"> 10<meta name="author" content="Ronny's BLOG"> 11<meta name="article:author" content="Ronny'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's BLOG | ç¸ç°¿å享 | çå®¢é¦ | PIXNET"> 15<meta property="og:description" content="Ronny'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's BLOG | ç¸ç°¿å享 | çå®¢é¦ | PIXNET"> 20<meta property="og:locale" content="zh_TW"> 21<meta property="og:image:alt" content="Ronny's BLOGçPIXNETç¸ç°¿"> 22<meta property="og:updated_time" content="2026-10-08T05:52:11+08:00"> 23<meta property="twitter:title" content="Ronny's BLOG | ç¸ç°¿å享 | çå®¢é¦ | PIXNET"> 24<meta property="twitter:description" content="Ronny'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'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-[>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-[>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-[>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.