<html lang="en"><head><style>              .article-container {                width: 100%;                font-family: Microsoft JhengHei,Helvetica Neue,Helvetica,Arial,sans-serif;              }              ii a[href] {                color: #cecece;              }              a[href] {                color: #ff485a;              }              .link {                padding: 3px 20px;                border: 1px solid #ff485a;                background: #ff485a;                border-radius: 3px;                color: #ffffff !important;                text-decoration: none;              }              ul,ol {                margin: 12px auto 40px;                max-width: 740px;                padding: 0px;              }              .font-bold {                font-weight: bold;              }              .font-italic {                font-style: italic;              }              .text-decoration-underline {                text-decoration: underline;              }              .text-decoration-line-through {                text-decoration: line-through;              }              .text-decoration-underline-line-through {                text-decoration: underline line-through;              }              .graf--img {                display: table;                justify-content: center;                align-items: center;                text-align: center;                color: gray;                font-size: 14px;                letter-spacing: 0px;                margin: 10px auto 50px;                width: 100%;                position: relative;                clear: both;              }              .graf--img.center img {                width: 100%;                max-width: 740px;                margin: 10px auto 0px;                display: block;                margin: 0 auto;              }              .graf--img.full img {                width: 100%;              }              .captionTheme__wrapper {                width: 100%;                font-style: normal;                line-height: 22px;                font-size: 16px;                max-width: 600px;                margin-top: 8px;                display: inline-block;              }              .graf--img.full {                max-width: 100%;                margin: 40px 0px;                display: block;                margin: 0 auto;                align-items: center;              }              .graf--figure {                text-align: center;                color: gray;                font-style: italic;                font-size: 15px;                margin: 28px auto;                box-sizing: border-box;              }              .graf--figure iframe {                width: 100%;                max-width: 740px;                margin: 0 auto;              }              .graf--p {                font-size: 18px;                line-height: 1.8em;                font-family: "Microsoft JhengHei fixed", "Helvetica Neue" ,"Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;                letter-spacing: 0;                padding: 0;                font-weight: 400;                padding-top: 20px;                padding-bottom: 40px;                width: 100%;                max-width: 740px;                margin: 0 auto;              }              .graf--h2 {                font-size: 34px;                padding: 0;                margin: 0 auto;                width: 100%;                max-width: 740px;                text-align: left;                letter-spacing: -0.015em;                font-weight: 800;                margin-top: 29px;                text-indent: -0.1em;              }              .graf--h3 {                font-size: 26px;                padding: 0;                margin: 0 auto;                width: 100%;                max-width: 740px;                text-align: left;                letter-spacing: -0.015em;                font-weight: 800;                margin-top: 29px;                text-indent: -0.1em;              }              .graf--li{                font-size: 20px;                padding: 0px 0px 0px 4px;                font-weight: 400;                letter-spacing: 0px;                margin: 13px 0px 0px 20px;                list-style-position: outside;              }              .graf--hr {                width: 100%;                margin: 0px auto;                transform: translateY(-50%);                position: relative;                padding: 0px;                text-align: left;                max-width: 740px;                margin: 0 auto;              }              .graf--hr hr {                height: 0;              }              .graf--blockquote {                padding-left: 15px;                font-size: 20px;                letter-spacing: 0;                margin: 29px auto;                border-left: 4px solid #8e8e8e;                width: 100%;                max-width: 740px;              }              .graf--quotesSpecial {                display: table;                color: gray;                position: relative;                padding: 31.5px 40px;                text-align: center;                letter-spacing: 0px;                position: relative;                margin: 29px auto;                font-family: "Microsoft JhengHei fixed", "Helvetica Neue", "Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;                font-size: 24px;                -webkit-box-ordinal-group: 1;                -webkit-box-flex: 0;              }              .graf--quotesSpecial .quotesSpecial-text {                padding-top: 20px;              }              .graf--quotesSpecial-before {                top: -10px;                left: 0px;                position: absolute;              }              .graf--quotesSpecial-after {                bottom: 15px;                right: 0px;                position: absolute;              }              .embed-wrapper {                width: 100%;                max-width: 740px;                margin: 0 auto;                box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);                background-color: #FFFFFF;                border: 1px solid undefined;                display: block;                padding: 20px;                font-style: normal;                border-radius: 12px;                text-decoration: none;                position: relative;                color: undefined;                border-bottom: 1px solid;                box-sizing: border-box;              }              .embed-thumbnail {                width: 100%;                height: 145px;                background-repeat: no-repeat;                background-position: center;                background-size: cover;              }              .embed-desc {                width: 100%;                font-size: 14px;                color: #474747;                padding-left: 1px;                line-height: 22px;                max-height: 150px;                text-align: left;                overflow: hidden;              }              .embed-desc-container {                padding: 10px;              }              .embed-desc-container .embed-title {                font-size: 20px;                font-weight: 600;                color: #FF485A;                margin-bottom: 10px;                text-align: left;                line-height: 25px;              }              .lexical__textBold {                font-weight: bold;              }              .lexical__textItalic {                font-style: italic;              }              .lexical__textUnderline {                text-decoration: underline;              }              .lexical__textStrikethrough {                text-decoration: line-through;              }              .lexical__textUnderlineStrikethrough {                text-decoration: underline line-through;              }              .lexical__textSubscript {                font-size: 0.8em;                vertical-align: sub;              }              .lexical__textSuperscript {                font-size: 0.8em;                vertical-align: super;              }              .lexical__textCode {                background-color: rgb(240, 242, 245);                padding: 1px 0.25rem;                font-family: Menlo, Consolas, Monaco, monospace;                font-size: 94%;              }            </style></head><body><div class="article-container"><div class="graf--img center"><div class="lexical__imageWrapper"><img src="https://images.vocus.cc/40ab807f-513f-4d56-a7ea-253fc0267662.jpg" data-src="https://d2a6d2ofes041u.cloudfront.net/resize?norotation=true&quality=80&url=https%3A%2F%2Fimages.vocus.cc%2F40ab807f-513f-4d56-a7ea-253fc0267662.jpg&width=740&sign=uUTX0EnOmrr5w9dD5VHeeB3zrv-amTx3gU9APnJujAM" class="lazy" data-original-src="https://images.vocus.cc/40ab807f-513f-4d56-a7ea-253fc0267662.jpg" data-lowquality="false" data-width="1536" data-height="2048" onerror="this.onError=null;this.src=this.dataset.originalSrc;" alt="raw-image"></div><div></div></div><p class="graf--p"><br></p><p class="graf--p"><br></p></div></body></html>

文化生活

今年，vocus 的 iOS 工程師 YC 帶著技術交流（以及讓更多人認識 vocus）的使命，參與了今年的 try! Swift Tokyo 研討會，這系列的文章，我們將會分享研討會當中的精彩學習，還有那些網路上看不到的研討會體驗細節（讚嘆主辦方的用心）！

方格子 vocus 官方沙龍

vocus tech｜iOS 工程師前進東京！參加 try! Swift Tokyo 研討會的學習與啟發（上）

綠樹陰濃夏日長，樓台倒影入池塘。水晶珠串微風起，滿池荷花一院香。



普普文創

【詩詞欣賞】夏日賞荷 | 植物園

台上斜雨風吹微

陽花蕨葉垂珠淚

穴出湧泉當時在

澆滅心火身凝回





林漢清的沙龍

台上

細雨漫漫，靜悄悄，
天際暈開一片嫣紅，
那是木棉花的笑顏，
在風中綻放，在雨中飄蕩。

楓嬌渲染了街角，
染紅了記憶長廊，
點點嫣紅落地，
依然如昔日美好，嫣紅相待。

小城浪漫如詩如夢，
落英繚繞林間
鋪滿翠綠
如花仙子綻放裙舞，飄零一季。

木棉花的嬌豔，燦爛奪

【詩詞欣賞】木棉花 | 新詩創作

米莉安的藝術弄

AI的詠嘆調-在銀色月光下的玫瑰花園裡

創作

音樂藝文

學習

<div class="draft-block draft--p left">可我喜歡的版本有些不同：</div>
<div class="draft-block draft--p left">綠樹陰濃夏日長，樓台倒影入池塘。水晶簾動微風起，滿架薔薇一院香。</div>

以行動支持創作者！付費即可解鎖

圖文插畫

☘︎散文小說

普普文創、水彩速寫、迷你短篇、文創漫談、心靈雞湯、踏青步道、智慧音樂、美食天堂、超級房間。

<div class="draft-block draft--p left">早安，請問這花是什麼品種？</div>

<div class="draft-block draft--p left">清潔大隊的大叔填詞：</div>
<div class="draft-block draft--p left">落英滿地，</div>
<div class="draft-block draft--p left">來回蹂躪，</div>
<div class="draft-block draft--p left">隔夜成泥，</div>
<div class="draft-block draft--p left">唉呦！</div>
<div class="draft-block draft--p left">我的腰疼。</div>
<div class="draft-block draft--p left">😊😁😄😄</div>

職場

電影戲劇

AI的詠嘆調

歡迎你來到我的沙龍當貴客，這裡有我的繪畫作品欣賞與日常生活雜記。如果對我的課程有興趣，可以逛逛商店，裡面有水彩輕彩繪線上課程可以購買，也歡迎在浮生百記裡的公開文章下方留言與我聊聊天喔！

zhoufengsuO的沙龍

又下雨了，今天有一种铁线莲开花，有一朵玫瑰待放。
郁金香过季，只剩下树荫下的一个
#小院花园

<div class="lexical__image center"><div class="lexical__imageWrapper"><img src="https://resize-image.vocus.cc/resize?norotation=true&amp;quality=80&amp;url=https%3A%2F%2Fimages.vocus.cc%2F40ab807f-513f-4d56-a7ea-253fc0267662.jpg&amp;width=740&amp;sign=uUTX0EnOmrr5w9dD5VHeeB3zrv-amTx3gU9APnJujAM" data-src="https://resize-image.vocus.cc/resize?norotation=true&amp;quality=80&amp;url=https%3A%2F%2Fimages.vocus.cc%2F40ab807f-513f-4d56-a7ea-253fc0267662.jpg&amp;width=740&amp;sign=uUTX0EnOmrr5w9dD5VHeeB3zrv-amTx3gU9APnJujAM" data-loaded="true" data-original-src="https://images.vocus.cc/40ab807f-513f-4d56-a7ea-253fc0267662.jpg" data-lowquality="false" data-width="1536" data-height="2048" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" alt="raw-image"></div><div></div></div><p class="lexical__paragraph"><br></p><p class="lexical__paragraph"><div class="ad-placeholder" style="min-height: 124px;"></div><br></p>

<div class="draft-block draft--p left">
              <a href="/user/@davidtai" target="_blank" class="draft--mention">
                <i class="icon-mention"></i>
                <span>David Tai</span>
              </a>
             謝謝。</div>

普普文創 街頭速寫

旅行美食

自我成長

色格子

政治與評論

科技

健康

<div class="draft-block draft--p left">
              <a href="/user/@ICYBABY" target="_blank" class="draft--mention">
                <i class="icon-mention"></i>
                <span>冰兒🩵一天一千字</span>
              </a>
             嗨，午安！腦子真有些亂，牌上是洋玉蘭</div>