信昌八街天仁喫茶趣ToGo信義店德律風 | teruseethmjtaj的部落格 | 不設分類分享 | 痞客邦 | PIXNET

Aug 30 Sun 2020 00:38
信昌八街天仁喫茶趣ToGo信義店德律風

【周全特價中】品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/滋潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有效刻日，請詳見產品包裝標示。利用方法取適當用於濕髮上，柔柔推拿出泡沫後再沖洗乾淨便可。 </div> <div class="col-md-12"> <p></p> </div> </div> </div> <div class="fh5co-narrow-content"> <div class="row"> <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft"> <h1 class="fh5co-heading-colored">第一次購置？</h1> </div> </div> <div class="row"> <div class="col-md-12 animate-box" data-animate-effect="fadeInLeft"> <p> <ul> <li>內含蜂蜜&蜂王漿</li><li>小伴侶也可以利用喔！</li> </ul></p><p class="fh5co-lead">若您第一次購買 Fresh Line 花蜜洗髮露200ml，建議領取折價券享有優惠價！別的推薦信譽卡刷卡付款，享有2.22%購物起回饋，同等享有優惠外再打98折以上優惠，當即申辦享有優惠！<br><br><span style="font-size:14px">謹嚴理財信譽至上</span><ul><li><a href="https://www.diabetesdoctor.com.tw/dr-ding-liwen-creates-a-real-handsome-beauty/">丁立文醫師</a></li><li><a href="https://market.ltn.com.tw/article/6121">丁斌煌醫師：「曲線雕塑」解決深層脂肪今年最夯！</a></li><li><a href="https://market.ltn.com.tw/article/6086">丁立文醫師：杜絕外遇緊抓住男人的心</a></li><li><a href="https://act.chinatimes.com/market/content.aspx?AdID=9140&chdtv">邱浚彥</a></li></ul><a target='_blank' href='https://zacchesandec.pixnet.net/blog/post/18387694'>大忠一路美式美食 • 台灣美食日本摒擋外送</a><br><a target='_blank' href='https://nmornyf0a3.pixnet.net/blog/post/326808921'>天津街爭鮮外帶第宅店外送金額</a><br><a target='_blank' href='https://h3kalb30097.pixnet.net/blog/post/18367334'>文建街吉野家重北店便當外送</a><br><a target='_blank' href='https://uxvawarnjohnss0hv.wordpress.com/2020/08/18/建華街可弗成熟成紅茶-台北錦州店高雄市外送/'>建華街可弗成熟成紅茶台北錦州店高雄市外送</a><br><a target='_blank' href='https://kentrosgiggly777.pixnet.net/blog/post/326803761'>水瀧三街麻古茶坊MACU 南京三民店飲料外送外送</a><br><br><span style="font-size:12px">信譽消費及預借現金適用之輪回信譽利率：5.68%-15.00%。每筆預借現金手續費：新臺幣100元+預借現金金額 X 3.5%及其他費用查詢請洽滙豐銀行網站/環利率基準日為104年9月1日</span></p>產地歐洲 : Fresh Line 花蜜洗髮露200ml哪裡買對照划算呢？ Fresh Line 花蜜洗髮露200ml在PTT上面說這個網站廉價又快速，所以我都到這個網站采辦 Fresh Line 花蜜洗髮露200ml了！</p>利用方式取適當用於濕髮上，輕柔推拿出泡沫後再沖刷乾淨便可。<p><p>前陣子在網路購物時看到 Fresh Line 花蜜洗髮露200ml的商品，發現品質還不錯，許多口碑文章推薦，但品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存期限36個月，有用刻日，請詳見產品包裝標示。</p> <div class="row"> <div class="col-md-12"> <p> <table width="100%"> <tr><td><p style="color:#000000;font-size:12pt;text-align:left;font-weight:100"> </p>產地歐洲 Fresh Line 花蜜洗髮露200ml家樂福, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露適用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保存刻日36個月，有用期限，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml宅配, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有效刻日，請詳見產品包裝標示。利用方式取適當用於濕髮上，柔柔推拿出泡沫後再沖刷乾淨即可。使用方式取適當用於濕髮上，輕柔推拿出泡沫後再沖刷乾淨便可。產地歐洲 Fresh Line 花蜜洗髮露200ml宜蘭, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露適用髮質所有髮質功能保濕/津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存期限36個月，有用期限，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml哪裡買, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/滋潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有用刻日，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml台茂, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有效刻日，請詳見產品包裝標示。 </div> <div class="col-md-12"> <figure><img src="https://s.yimg.com/wb/images/8031547358A871535DDA36F8B7674A7E5CAAA687" alt=" 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保存刻日36個月，有用刻日，請詳見產品包裝標示。利用方式取適當用於濕髮上，輕柔推拿出泡沫後再沖刷乾淨便可。產地歐洲 : Fresh Line 花蜜洗髮露200ml" class="img-responsive"> <figcaption> 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露適用髮質所有髮質功能保濕/潤澤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有用刻日，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml板橋遠百, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/滋潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保存期限36個月，有效刻日，請詳見產品包裝標示。利用方式取適量用於濕髮上，柔柔推拿出泡沫後再沖刷乾淨便可。產地歐洲 Fresh Line 花蜜洗髮露200ml麗寶百貨, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/滋潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保存期限36個月，有用刻日，請詳見產品包裝標示。利用方式取適當用於濕髮上，柔柔推拿出泡沫後再沖刷乾淨便可。利用方式取適當用於濕髮上，輕柔推拿出泡沫後再沖刷乾淨即可。產地歐洲 Fresh Line 花蜜洗髮露200ml哪裡有, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/滋潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有用期限，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml忠孝東路 </figcaption> </figure> </div> <div class="col-md-12"> 使用方法取適當用於濕髮上，輕柔按摩出泡沫後再沖刷乾淨即可。利用方式取適當用於濕髮上，輕柔推拿出泡沫後再沖刷乾淨便可。產地歐洲 Fresh Line 花蜜洗髮露200ml新竹巨城, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保留期限36個月，有用刻日，請詳見產品包裝標示。使用方式取適當用於濕髮上，柔柔推拿出泡沫後再沖洗乾淨便可。產地歐洲 Fresh Line 花蜜洗髮露200ml大遠百, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保存期限36個月，有效刻日，請詳見產品包裝標示。利用方式取適當用於濕髮上，柔柔推拿出泡沫後再沖洗乾淨便可。利用方式取適當用於濕髮上，柔柔按摩出泡沫後再沖刷乾淨便可。產地歐洲 Fresh Line 花蜜洗髮露200ml大潤發, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露適用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保留刻日36個月，有用刻日，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml台中大遠百, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露適用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml保留期限36個月，有用期限，請詳見產品包裝標示。利用方法取適當用於濕髮上，柔柔推拿出泡沫後再沖刷乾淨便可。使用方式取適量用於濕髮上，輕柔推拿出泡沫後再沖洗乾淨即可。<ul><li><a href="https://youtu.be/xnF0mMEGTBs">丁立文醫師</a></li><li><a href="https://market.ltn.com.tw/article/6121">丁斌煌醫師：「曲線雕塑」解決深層脂肪今年最夯！</a></li><li><a href="https://market.ltn.com.tw/article/6086">丁立文醫師：杜絕外遇緊抓住男人的心</a></li><li><a href="https://act.chinatimes.com/market/content.aspx?AdID=9140&chdtv">邱浚彥</a></li></ul><a target='_blank' href='https://randalk4ovc.pixnet.net/blog/post/218998002'>工區十路日好咖哩蛋糕外送</a><br><a target='_blank' href='https://blog.xuite.net/billieijasc5/blog/589298958'>忠興丼魂丼飯專售亭德律風</a><br><a target='_blank' href='https://aikenricadem.pixnet.net/blog/post/18348486'>南宜四路小豬很忙蔬果滷味信義莊敬店有外送嗎？</a><br><a target='_blank' href='https://mpqsamvcp1.pixnet.net/blog/post/326735302'>新崙南路Classic 經典義大利麵鍋燒麵中式摒擋外送</a><br><a target='_blank' href='https://udehds0k24y.pixnet.net/blog/post/18413554'>明倫二街Cafe365零食外送</a><br>產地歐洲 Fresh Line 花蜜洗髮露200ml全聯, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有用刻日，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml折價券, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤津潤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存刻日36個月，有效刻日，請詳見產品包裝標示。產地歐洲 Fresh Line 花蜜洗髮露200ml新光三越, 品牌定位專櫃品牌Fresh Line希臘頂級香氛種類洗髮商品名稱Fresh Line 花蜜洗髮露200ml劑型凝露合用髮質所有髮質功能保濕/潤澤容量200ml包裝一般包裝貨源公司貨商品內容Fresh Line 花蜜洗髮露200ml留存期限36個月，有用刻日，請詳見產品包裝標示。 <p class="text-center">即刻購置宅配到府</p><p></p><p></p> </td></tr> <tr><td><div align="center"><div></td></tr> <tr><td> </div> </div> </div> </div> </div>  <script src="js/jquery.min.js"></script>  <script src="js/jquery.easing.1.3.js"></script>  <script src="js/bootstrap.min.js"></script>  <script src="js/owl.carousel.min.js"></script>  <script src="js/jquery.stellar.min.js"></script>  <script src="js/jquery.waypoints.min.js"></script>  <script src="js/jquery.countTo.js"></script>  <script src="js/main.js"></script> </div>  <div class="tag-container-parent"> <div class="tag-container article-keyword" data-version="a"> </div> </div>  <div class="author-profile"> <div class="author-profile__header">創作者介紹</div> <div class="author-profile__main" id="mixpanel-author-box"> <a> <img class="author-profile__avatar" src="https://s3.1px.tw/blog/common/avatar/blog_cover_light.jpg" alt="創作者 teruseethmjtaj的部落格的頭像" loading="lazy" /> </a> <div class="author-profile__content"> <a href="https://www.pixnet.net/pcard/teruseethmjtaj" class="author-profile__name">teruseethmjtaj</a> <p class="author-profile__info">teruseethmjtaj的部落格</p> </div> <div class="author-profile__subscribe hoverable"> <button data-follow-state="關注" class="subscribe-btn member"></button> </div> </div> </div>  </div>  <p class="author"> teruseethmjtaj 發表在 <a href="https://www.pixnet.net">痞客邦</a> <a href="#comments">留言</a>(0) <span class="author-views">人氣( <span id="BlogArticleCount" data-stats="single" data-post-id="16019003595"> 3 </span> ) </span> </p>  <div id="pixnet-ad-content-left-right-wrapper"> <div class="left"></div> <div class="right"></div> </div>  <div class="article-footer"> <ul class="refer"> <li> 全站分類： <a href="https://www.pixnet.net/channel/fashion">時尚流行</a> </li> </ul> <div class="back-to-top"> <a href="#top" title="back to the top of the page">▲top</a> </div> <div id="post-comment" class="comment-container" x-data="commentComponent({postId: '16019003595', blog_id: '7810644', allowComment: true})" x-init="init()"> <div class="post-comment__header"> <span x-text="meta.totalCount + ' 則留言'"></span> </div> <div class="post-comment__body"> <ol class="post-comment__list"> <template x-for="comment in comments" :key="comment.id"> <li class="post-comment__item"> <div class="comment-card"> <a href="#" class="comment-card__avatar-link" :aria-label="'查看 ' + comment.commenter.display_name + ' 的個人頁'"> <img class="comment-card__avatar" :src="comment.commenter.avatar" :alt="comment.commenter.display_name" loading="lazy" /> </a> <div class="comment-card__main"> <div class="comment-card__bubble"> <div class="comment-card__author-row"> <a href="#" class="comment-card__author" x-text="comment.commenter.display_name"></a> <span class="comment-card__badge comment-card__badge--author" x-show="comment.commenter.is_author">作者</span> </div> <div class="comment-card__content" x-html="comment.content"></div> </div>  <div class="comment-card__meta"> <time class="comment-card__time" :datetime="comment.datetime" x-text="comment.human_time"></time> <a href="#" class="comment-card__action" x-show="isOwner()" @click.prevent="toggleReply(comment.id)">回覆</a> <a href="#" class="comment-card__action" x-show="isOwner()" :class="{ 'comment-card__action--active': comment.visibility == 1 }" @click.prevent="changeCommentVisibility(comment.id, 'show')">顯示</a> <a href="#" class="comment-card__action" x-show="isOwner()" :class="{ 'comment-card__action--active': comment.visibility == 2 }" @click.prevent="changeCommentVisibility(comment.id, 'hide')">隱藏</a> <a href="#" class="comment-card__action" x-show="isOwner()" @click.prevent="deleteComment(comment.id)">刪除</a> </div>  <div class="comment-card__replies"> <ol class="reply-list"> <template x-for="reply in comment.replies"> <li class="reply-list__item"> <div class="comment-card comment-card--reply" :class="{'comment-card--hidden': reply.visibility == 2 && isOwner()}"> <a href="#" class="comment-card__avatar-link" aria-label="查看 Eric 的個人頁"> <img class="comment-card__avatar" :src="reply.replyer.avatar" :alt="reply.replyer.display_name" loading="lazy" /> </a> <div class="comment-card__main"> <div class="comment-card__bubble"> <div class="comment-card__author-row"> <a :href="reply.replyer.card_url" class="comment-card__author" x-text="reply.replyer.display_name"></a> <span class="comment-card__badge comment-card__badge--author" x-show="reply.replyer.is_author">作者</span> </div> <div class="comment-card__content" x-html="reply.content"></div> </div> <div class="comment-card__meta"> <time class="comment-card__time" :datetime="reply.datetime" x-text="reply.human_time"></time> <a href="#" class="comment-card__action" x-show="isOwner()" :class="{ 'comment-card__action--active': reply.visibility == 1 }" @click.prevent="changeReplyVisibility(comment.id, reply.id, 'show')">顯示</a> <a href="#" class="comment-card__action" x-show="isOwner()" :class="{ 'comment-card__action--active': reply.visibility == 2 }" @click.prevent="changeReplyVisibility(comment.id, reply.id, 'hide')">隱藏</a> <a href="#" class="comment-card__action" x-show="isOwner()" @click.prevent="deleteReply(comment.id, reply.id)">刪除</a> </div>  </div> </div> </li> </template> </ol> </div>  <div class="comment-card__reply-editor" x-show="replyingTo === comment.id && isOwner()"> <div class="reply-editor"> <div class="reply-editor__avatar"> <img src="https://i.pravatar.cc/48?img=5"> </div> <form class="reply-editor__form"> <div class="reply-editor__input-wrap"> <textarea class="reply-editor__textarea" placeholder="寫下你的回覆..." x-model="replyDraft[comment.id].content"></textarea> </div> <div class="reply-editor__footer"> <div class="reply-editor__visibility"> <label> <input type="radio" name="reply_visibility" value="1" x-model="replyDraft[comment.id].visibility" checked> 公開回覆 </label> <label> <input type="radio" name="reply_visibility" value="2" x-model="replyDraft[comment.id].visibility"> 私密回覆 </label> </div> <div class="reply-editor__actions"> <button type="button" class="reply-editor__cancel" @click="replyingTo = null">取消</button> <button type="submit" class="reply-editor__submit" @click.prevent="submitReply(comment.id)">回覆</button> </div> </div> </form> </div> </div>  </div>  </div> </li> </template> <template x-if="comments.length === 0"> <li class="post-comment__item" style="text-align: center; color: #888; padding: 2rem 0;"> 沒有留言，快來搶沙發吧！ </li> </template> </ol> <button class="btn-more" x-show="meta.page < meta.pageCount" @click="loadMore">載入更多</button> </div>  <div class="post-comment__footer" x-show="allowComment"> <div class="comment-editor" x-show="isLoggedIn"> <a href="#" class="comment-editor__avatar-link" aria-label="我的個人頁"> <img class="comment-editor__avatar" :src="user?.avatar" :alt="user?.display_name" loading="lazy" /> </a> <form class="comment-editor__form" action="" method="post"> <label for="comment-message" class="comment-editor__label" x-text="'以 ' + user?.display_name + ' 身份發表留言'"></label> <div class="comment-editor__input-wrap"> <textarea id="comment-message" name="comment" class="comment-editor__textarea" rows="3" placeholder="寫下你的留言..." x-model="newComment.content"></textarea> </div> <div class="comment-editor__footer"> <div class="comment-editor__visibility"> <label class="comment-editor__visibility-option"> <input type="radio" name="visibility" value="1" x-model="newComment.visibility" checked> <span>公開留言</span> </label> <label class="comment-editor__visibility-option"> <input type="radio" name="visibility" value="2" x-model="newComment.visibility"> <span>私密留言</span> </label> </div> <div class="comment-editor__actions"> <button type="submit" class="comment-editor__button comment-editor__button--primary" @click.prevent="submitComment()"> 發佈留言 </button> </div> </div> </form> </div> <div x-show="!isLoggedIn" style="text-align: center; padding: 2rem 0;"> <p style="color: #555;">請先 <a :href="loginUrl" style="color: #007bff; text-decoration: underline;">登入</a> 以發表留言。</p> </div> </div>  </div> <script type="text/javascript"> function commentComponent({ postId, blog_id, allowComment }) { return { postId, blog_id, allowComment, /* ------------------------- state -------------------------- */ user: null, isLoggedIn: false, isOwner() { return this.isLoggedIn && this.user.is_blogger && this.user.blog.id === this.blog_id }, comments: [], meta: { page: 1, pageSize: 10, pageCount: 1, totalCount: 0 }, loading: false, replyingTo: null, newComment: { content: "", visibility: 1 }, replyDraft: {}, guest: { name: "", contact: "" }, get loginUrl() { return '/auth/authorize?redirect_uri=' + encodeURIComponent(location.href) }, /* ------------------------- init -------------------------- */ async init() { await this.fetchUser() await this.fetchComments() }, /* ------------------------- user -------------------------- */ async fetchUser() { try { const res = await fetch("/auth/me") if (res.status === 401) { this.isLoggedIn = false return } const user = await res.json() this.user = user this.isLoggedIn = true } catch (e) { console.error("auth error", e) } }, /* ------------------------- comments -------------------------- */ async fetchComments(page = 1) { this.loading = true const res = await fetch( `/blog/get-comments?postId=${this.postId}&page=${page}` ) const json = await res.json() this.comments = json.data this.meta = json.meta this.comments.forEach(comment => { if (!this.replyDraft[comment.id]) { this.replyDraft[comment.id] = { content: "", visibility: "1" } } }) this.loading = false }, async loadMore() { if (this.meta.page >= this.meta.pageCount) return const nextPage = this.meta.page + 1 const res = await fetch( `/blog/get-comments?postId=${this.postId}&page=${nextPage}` ) const json = await res.json() this.comments = [...this.comments, ...json.data] this.meta = json.meta }, /* ------------------------- reply editor -------------------------- */ toggleReply(commentId) { if (this.replyingTo === commentId) { this.replyingTo = null } else { this.replyingTo = commentId if (!this.replyDraft[commentId]) { this.replyDraft[commentId] = { content: "", visibility: "public" } } } }, /* ------------------------- submit comment -------------------------- */ async submitComment() { if (!this.newComment.content.trim()) return const payload = { postId: this.postId, content: this.newComment.content, visibility: this.newComment.visibility, commenter: this.isLoggedIn ? this.user.display_name : this.guest.name, contact: this.isLoggedIn ? null : this.guest.contact } const res = await fetch("/blog/post-comment", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }) if (!res.ok) { const errorData = await res.json() alert(errorData.message || "留言失敗，請稍後再試") return } const comment = await res.json() this.comments.push(comment) this.newComment.content = "" }, /* ------------------------- submit reply -------------------------- */ async submitReply(commentId) { if (!this.isOwner()) return const draft = this.replyDraft[commentId] if (!draft || !draft.content.trim()) return const payload = { commentId: commentId, content: draft.content, visibility: draft.visibility } try { const res = await fetch("/blog/post-reply", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }) if (!res.ok) { const errorData = await res.json() alert(errorData.message || "回覆失敗，請稍後再試") return } const reply = await res.json(); const comment = this.comments.find(c => c.id === commentId) if (!comment.replies) { comment.replies = [] } comment.replies.push(reply) draft.content = "" this.replyingTo = null } catch (e) { console.error("reply error", e) } }, async changeCommentVisibility(commentId, visibility) { try { const res = await fetch("/blog/comments/visibility", { method: "PATCH", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ commentId, visibility: visibility == 'show' ? 1 : 2}) }) const data = await res.json() if (!res.ok) { alert(data.message || "操作失敗") return } const comment = this.comments.find(c => c.id === commentId) if (comment) { comment.visibility = visibility == 'show' ? 1 : 2; } } catch (e) { alert("系統錯誤，請稍後再試") console.error("show comment error", e) } }, async deleteComment(commentId) { if (!confirm("確定要刪除此留言嗎？")) return try { const res = await fetch(`/blog/comments/${commentId}`, { method: "DELETE" }) const data = await res.json() if (!res.ok) { alert(data.message || "操作失敗") return } this.comments = this.comments.filter(c => c.id !== commentId) } catch (e) { console.error("delete comment error", e) } }, async changeReplyVisibility(commentId, replyId, visibility) { try { const res = await fetch("/blog/replies/visibility", { method: "PATCH", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ commentId, replyId, visibility: visibility == 'show' ? 1 : 2 }) }) const data = await res.json() if (!res.ok) { alert(data.message || "操作失敗") return } const comment = this.comments.find(c => c.id === commentId) const reply = comment.replies.find(r => r.id === replyId) if (reply) { reply.visibility = visibility == 'show' ? 1 : 2; } } catch (e) { console.error("change reply visibility error", e) } }, async deleteReply(commentId, replyId) { if (!confirm("確定要刪除此回覆嗎？")) return try { const res = await fetch(`/blog/comments/${commentId}/replies/${replyId}`, { method: "DELETE" }) const data = await res.json() if (!res.ok) { alert(data.message || "操作失敗") return } const comment = this.comments.find(c => c.id === commentId) comment.replies = comment.replies.filter(r => r.id !== replyId) } catch (e) { console.error("delete reply error", e) } }, /* ------------------------- guest avatar -------------------------- */ guestAvatar() { const name = this.guest.name || "Guest" return `https://ui-avatars.com/api/?name=${encodeURIComponent(name)}` } } } </script> <section class="rcmd-related-posts" x-data="pixPostRecommendWidget({ postId: '16019003595', limit: 3, })" > <div class="rcmd-related-posts__inner"> <div class="rcmd-related-posts__header"> <div class="rcmd-related-posts__title-wrap"> <span class="rcmd-related-posts__eyebrow">Recommended</span> <h2 class="rcmd-related-posts__title">你可能也喜歡</h2> <p class="rcmd-related-posts__desc">為你精選 3 篇值得延伸閱讀的內容</p> </div> </div>  <div class="rcmd-related-posts__state" x-show="loading" x-cloak> <div class="rcmd-related-posts__loading">載入推薦文章中...</div> </div>  <div class="rcmd-related-posts__state" x-show="!loading && error" x-cloak> <div class="rcmd-related-posts__error" x-text="error"></div> </div>  <div class="rcmd-related-posts__state" x-show="!loading && !error && posts.length === 0" x-cloak> <div class="rcmd-related-posts__empty">目前沒有推薦文章</div> </div>  <div class="rcmd-related-posts__grid" x-show="!loading && !error && posts.length > 0" x-cloak> <template x-for="post in posts" :key="post.id"> <article class="rcmd-post-card"> <a class="rcmd-post-card__link" :href="post.url"> <div class="rcmd-post-card__image-wrap"> <img class="rcmd-post-card__image" :src="getImage(post)" :alt="post.title" loading="lazy" > </div> <div class="rcmd-post-card__body"> <div class="rcmd-post-card__meta"> <time :datetime="post.date" x-text="formatDate(post)"></time> </div> <h3 class="rcmd-post-card__title" x-text="post.title"></h3> <p class="rcmd-post-card__summary" x-show="post.summary" x-text="post.summary" ></p> <div class="rcmd-post-card__footer"> <span class="rcmd-post-card__readmore">閱讀文章</span> </div> </div> </a> </article> </template> </div> </div> </section> <script> function pixPostRecommendWidget(config = {}) { return { postId: config.postId || '', limit: Number(config.limit || 6), endpoint: '/blog/get-widget-data?name=pixPostRecommend&postId=', loading: false, error: '', posts: [], fallbackImage: 'https://picsum.photos/seed/pixpostrecommend/800/500', async init() { if (!this.postId) { this.error = '缺少 postId'; return; } this.loading = true; this.error = ''; try { const response = await fetch(`${this.endpoint}${encodeURIComponent(this.postId)}`, { method: 'GET', headers: { 'Accept': 'application/json' } }); if (!response.ok) { throw new Error(`HTTP ${response.status}`); } const result = await response.json(); if (!result || Number(result.code) !== 0 || !Array.isArray(result.data)) { throw new Error('API 回傳格式不正確'); } this.posts = result.data .slice(0, this.limit) .map(item => ({ id: item.id, title: item.title || '', url: item.url || '#', published_at: item.published_at || '', date: item.date || '', time: item.time || '', timestamp: item.timestamp || 0, views: item.views || '', feature_image: item.feature_image || null, summary: item.summary || '', })); } catch (err) { console.error('[pixPostRecommendWidget]', err); this.error = '推薦文章載入失敗'; } finally { this.loading = false; } }, getImage(post) { return post.feature_image || this.fallbackImage; }, formatDate(post) { if (post.date) { return post.date.replace(/-/g, '/'); } return post.published_at || ''; } }; } </script> <div id="pixnet-ad-after-footer"></div> </div>  </div> </div> </div> </div> </div> <div id="links"> <div id="sidebar__inner"> <div id="links-row-1"> <div id="user-info" class="hslice box"> <h4 class="box-title entry-title"></h4> <div class="box-text entry-content"> <a class="user-img" href="#"> <img src="https://s3.1px.tw/blog/common/avatar/blog_cover_light.jpg" alt="" loading="lazy" style="width: 90px; height: 90px;" /> </a> <div class="user-action hoverable"> <button data-follow-state="關注" class="subscribe-btn member" ></button> </div> <dl> <dt>暱稱：</dt> <dd>teruseethmjtaj</dd> <dt>分類：</dt> <dd> <a href="#">不設分類</a> </dd> <dt>好友：</dt> <dd> 累積中  </dd> <dt>地區：</dt> <dd> </dd> </dl> </div> </div> <div class="hslice box" data-identifier="pixHotArticle" id="hot-article"> <h4 class="box-title entry-title"></h4> <div class="box-text entry-content"> <ul id="hotArtUl"> </ul> </div> <script> (function () { async function loadHotArticle() { const box = document.querySelector('.box[data-identifier="pixHotArticle"]'); if (!box) return; const ul = box.querySelector("#hotArtUl"); if (!ul) return; if (ul.dataset.loaded) return; ul.dataset.loaded = "1"; try { const res = await fetch("/blog/get-widget-data?name=pixHotArticle", { method: "GET", headers: { "Accept": "application/json" } }); const json = await res.json(); if (json.code !== 0 || !Array.isArray(json.data)) return; const data = json.data; const fragment = document.createDocumentFragment(); data.forEach(item => { const li = document.createElement("li"); const a = document.createElement("a"); a.href = item.url; const span = document.createElement("span"); span.textContent = "(" + item.views + ") "; a.appendChild(span); a.appendChild(document.createTextNode(item.title)); li.appendChild(a); fragment.appendChild(li); }); ul.appendChild(fragment); } catch (err) { console.error("pixHotArticle load failed", err); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", loadHotArticle); } else { loadHotArticle(); } })(); </script> </div> <div class="hslice box" data-identifier="pixCategory" id="category"> <h4 class="box-title entry-title"> </h4> <div class="box-text entry-content"> <div class="box-more"></div> </div> <script type="text/javascript"> (function () { function formatNumber(num) { return new Intl.NumberFormat().format(num || 0); } function renderFolder(item) { const wrapper = document.createElement("div"); wrapper.className = "inner-box"; const h6 = document.createElement("h6"); h6.style.cursor = "pointer"; const img = document.createElement("img"); img.src = "//pixfs.1px.tw/blog/images/choc/plus.gif"; img.width = 11; img.height = 11; img.alt = "toggle"; const ul = document.createElement("ul"); ul.className = "category-" + item.id; ul.style.display = "none"; h6.appendChild(img); h6.appendChild(document.createTextNode(" " + item.name + " (" + (item.children?.length || 0) + ")")); h6.addEventListener("click", function () { const isHidden = ul.style.display === "none"; ul.style.display = isHidden ? "block" : "none"; img.src = isHidden ? "//pixfs.1px.tw/blog/images/choc/minus.gif" : "//pixfs.1px.tw/blog/images/choc/plus.gif"; }); (item.children || []).forEach(child => { const li = document.createElement("li"); const a = document.createElement("a"); a.href = child.url; a.textContent = child.name + " (" + formatNumber(child.post_count) + ")"; li.appendChild(a); ul.appendChild(li); }); wrapper.appendChild(h6); wrapper.appendChild(ul); return wrapper; } function renderCategoryList(data) { const ul = document.createElement("ul"); data .filter(item => item.type === "category") .forEach(item => { const li = document.createElement("li"); const a = document.createElement("a"); a.href = item.url; a.textContent = item.name + " (" + formatNumber(item.post_count) + ")"; li.appendChild(a); ul.appendChild(li); }); return ul; } async function loadPixCategory() { const box = document.querySelector('.box[data-identifier="pixCategory"]'); if (!box) return; const content = box.querySelector(".box-text.entry-content"); try { const res = await fetch("/blog/get-widget-data?name=pixCategory"); const json = await res.json(); if (json.code !== 0) return; const data = json.data; data.forEach(item => { if (item.type === "folder") { content.appendChild(renderFolder(item)); } }); const categoryList = renderCategoryList(data); content.appendChild(categoryList); } catch (err) { console.error("pixCategory load failed", err); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", loadPixCategory); } else { loadPixCategory(); } })(); </script> </div> <div class="hslice box" data-identifier="pixLatestArticle" id="latest-article"> <h4 class="box-title entry-title"> </h4> <div class="box-text entry-content"> <ul id="last-article-box"> </ul> </div> <script> (function () { async function loadLatestArticle() { const box = document.querySelector('.box[data-identifier="pixLatestArticle"]'); if (!box) return; const ul = box.querySelector("#last-article-box"); if (!ul) return; try { const res = await fetch("/blog/get-widget-data?name=pixLatestArticle", { method: "GET", headers: { "Accept": "application/json" } }); const json = await res.json(); if (json.code !== 0 || !Array.isArray(json.data)) return; const data = json.data; const fragment = document.createDocumentFragment(); data.forEach(item => { const li = document.createElement("li"); const a = document.createElement("a"); a.href = item.url; a.textContent = item.title; li.appendChild(a); fragment.appendChild(li); }); ul.appendChild(fragment); } catch (err) { console.error("pixLatestArticle load failed", err); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", loadLatestArticle); } else { loadLatestArticle(); } })(); </script> </div> <div class="hslice box" data-identifier="pixLatestComment" id="last-comment"> <h4 class="box-title entry-title"> </h4> <div class="box-text entry-content"> <div class="box-more"></div> <ul id="last-comment-box"> </ul> </div> <script> (function () { function truncate(str, len = 30) { if (!str) return ""; return str.length > len ? str.slice(0, len) + "..." : str; } async function loadLatestComment() { const box = document.querySelector('.box[data-identifier="pixLatestComment"]'); if (!box) return; const ul = box.querySelector("#last-comment-box"); if (!ul) return; if (ul.dataset.loaded) return; ul.dataset.loaded = "1"; try { const res = await fetch("/blog/get-widget-data?name=pixLatestComment"); const json = await res.json(); if (json.code !== 0 || !Array.isArray(json.data)) return; const fragment = document.createDocumentFragment(); json.data.forEach(item => { const li = document.createElement("li"); const a = document.createElement("a"); a.href = item.url; const title = truncate(item.post_title, 25); a.textContent = `[${item.time}] ${item.commenter} 於文章「${title}」`; li.appendChild(a); if (item.visibility === "public") { li.appendChild(document.createTextNode("留言：")); const br = document.createElement("br"); li.appendChild(br); li.appendChild(document.createTextNode(item.content)); } else { li.appendChild( document.createTextNode("發表了一則私密留言") ); } fragment.appendChild(li); }); ul.appendChild(fragment); } catch (err) { console.error("pixLatestComment load failed", err); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", loadLatestComment); } else { loadLatestComment(); } })(); </script> </div> <div class="hslice box" data-identifier="pixHits" id="counter"> <h4 class="box-title entry-title">參觀人氣</h4> <div class="box-text entry-content"> <ul> <li>本日人氣：<span id="blog_hit_daily"></span></li> <li>累積人氣：<span id="blog_hit_total"></span></li> </ul> </div> <script> (function () { async function loadPixHits() { const box = document.querySelector("#counter"); if (!box) return; const dailyEl = box.querySelector("#blog_hit_daily"); const totalEl = box.querySelector("#blog_hit_total"); if (!dailyEl || !totalEl) return; // 避免重複載入 if (box.dataset.loaded) return; box.dataset.loaded = "1"; try { const res = await fetch("/blog/get-widget-data?name=pixHits", { method: "GET", headers: { "Accept": "application/json" } }); const json = await res.json(); if (json.code !== 0 || !json.data) return; const data = json.data; dailyEl.textContent = data.views_today ?? "0"; totalEl.textContent = data.views_total ?? "0"; } catch (err) { console.error("pixHits load failed", err); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", loadPixHits); } else { loadPixHits(); } })(); </script> </div> </div> <div id="links-row-2"> <div id="sticky-sidebar-ad"></div> </div> </div> </div> </div> <div id="footer"> </div> <img src="/api/track/pv?postId=16019003595" alt="Blog Stats" width="1" height="1" style="display:none;" /> <script type="text/javascript" async src="https://static.1px.tw/blog/v1p2/js/stats.min.js?v=1784517171"></script> </div> <div id="extradiv11"></div> <div id="extradiv10"></div> <div id="extradiv9"></div> <div id="extradiv8"></div> </div> <div id="extradiv7"></div> <div id="extradiv6"></div> <div id="extradiv5"></div> <div id="extradiv4"></div> </div> <div id="extradiv3"></div> <div id="extradiv2"></div> <div id="extradiv1"></div> <div id="extradiv0"></div> </div> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TRLQMPKX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function () { // datalayer push event window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'hydration_complete' }) }); </script>  <div x-data="adultWarning()" x-init="init()" x-show="visible" x-cloak class="aw-overlay" :class="{ 'mobile': isMobile }" > <div class="aw-modal"> <div class="aw-icon"> ⚠️ </div> <h2 class="aw-title">成人內容提醒</h2> <p class="aw-desc"> 本部落格內容僅限年滿十八歲者瀏覽。<br> 若您未滿十八歲，請立即離開。 </p> <p class="aw-sub"> 已滿十八歲者，亦請勿將內容提供給未成年人士。 </p> <div class="aw-actions"> <button class="aw-btn primary" @click="accept()">我已滿18歲</button> <button class="aw-btn secondary" @click="decline()">離開</button> </div> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('adultWarning', () => ({ visible: false, isMobile: false, storageKey: 'adult_warning_accepted_at', init() { this.isMobile = window.innerWidth < 768; if (!window.PIXNET?.options?.AdultWarning) return; const ts = localStorage.getItem(this.storageKey); if (ts && Date.now() - parseInt(ts) < 4 * 60 * 60 * 1000) return; this.visible = true; // 🔒 防止背景滾動 document.body.classList.add('modal-open'); }, accept() { localStorage.setItem(this.storageKey, Date.now().toString()); this.close(); }, decline() { window.location.href = 'https://www.pixnet.net/'; // 或其他安全的網站 }, close() { this.visible = false; document.body.classList.remove('modal-open'); } })) }) </script>   <script async type="text/javascript" src="https://static.1px.tw/blog/v1p2/lib/tracking.min.js?v=1784517171"></script>  </body> </html>