<html lang="en"><head><style>              .article-container {                width: 100%;                font-family: Microsoft JhengHei,Helvetica Neue,Helvetica,Arial,sans-serif;              }              ul, ol {                margin: 12px auto;                max-width: 740px;                color: #535150;                line-height: 1.8;                padding-left: 0px;              }              .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: 16px;                line-height: 1.8;                font-family: "Microsoft JhengHei fixed", "Helvetica Neue" ,"Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;                letter-spacing: 1px;                font-weight: 400;                max-width: 740px;                color: #535150;                text-align: left;              }              .graf--p > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--li > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--quotesSpecial > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--blockquote > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--h1 > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--h2 > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--h3 > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              a.graf--mention {                color: #535150 !important;                text-decoration: underline !important;                font-weight: 700;              }              .graf--h2 {                font-size: 24px;                padding: 0;                max-width: 740px;                text-align: left;                letter-spacing: 1px;                font-weight: 700;                margin-top: 34px;                line-height: 1.5;              }              .graf--h3 {                font-size: 18px;                padding: 0;                max-width: 740px;                text-align: left;                letter-spacing: 1px;                font-weight: 700;                margin-top: 28px;                line-height: 1.5;              }              .graf--li {                font-size: 16px;                padding: 0px 0px 0px 4px;                font-weight: 400;                letter-spacing: 0px;                list-style-position: outside;                text-align:left;                margin-left: 24px;              }              .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: 10px 0px 10px 16px;                font-size: 16px;                color: #7A7574;                letter-spacing: 1px;                margin: 28px 0px;                border-left: 4px solid #DDD9D8;                width: 100%;                max-width: 740px;                text-align: left;              }              .graf--quotesSpecial {                display: table;                color: #7A7574;                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: 16px;                -webkit-box-ordinal-group: 1;                -webkit-box-flex: 0;              }              .embed-wrapper {                max-width: 740px;                border: 1px solid #DDD9D8;                display: block;                padding: 12px;                border-radius: 8px;                margin: 12px 0px;                text-decoration: none !important;              }              .embed-title {                font-size: 16px;                font-weight: 700;                color: #535150;                margin-bottom: 8px;                text-align: left;                line-height: 1.5;                text-decoration: none !important;              }              .embed-description {                width: 100%;                font-size: 14px;                color: #7A7574;                line-height: 1.5;                max-height: 150px;                text-align: left;                overflow: hidden;                padding: 12px 0px;              }              .embed-url > a {                width: 100%;                font-size: 14px;                color: #141413 !important;                text-decoration: none !important;                line-height: 1.5;                text-align: left;              }                            .embed-thumbnail-wrapper {                padding-left: 12px;              }              .embed-thumbnail {                width:100px;                border-radius: 8px;              }              pre {                background: #F6F6F6;                border-radius: 8px;                padding: 16px;                font-size: 16px;                color: #535150;                line-height: 180%;                text-align: left;              }              .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/9544ac62-f122-482c-bf15-bade4f277e7a.jpg" data-src="https://resize-image.vocus.cc/resize?norotation=true&quality=80&url=https%3A%2F%2Fimages.vocus.cc%2F9544ac62-f122-482c-bf15-bade4f277e7a.jpg&width=740&sign=b7SjuMGZbV5UZHzdMJafYS1OLwe9QilTrK27RaBlJks" class="lazy" data-original-src="https://images.vocus.cc/9544ac62-f122-482c-bf15-bade4f277e7a.jpg" data-lowquality="false" data-width="2480" data-height="3508" 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="graf--p"><br></p></div></body></html>

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

創作

筆2｜愛情的樣子

海海人生路

一抹綠

碼猿的亂寫手札

空白

照夜白的世界

【作品分享】《小品．無題》

K的沙龍

音樂藝文

<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>

🦐小蝦五四三

希雅Sya諮詢師：生涯議題廣大，什麼都寫，什麼都不奇怪。

學習

親子與教育

詩文創作

總之，這是一隻程序猿的手札；所以其中內容通常與軟體開發相關，但並不限於。

【照夜白原創作品】

大家好，我是照夜白。
是個以畫畫當成人生志業的繪師。

平時喜歡畫些原創作品或二創作品在網路上和粉絲交流，
如果透過VOCUS方格子，能和喜歡我的作品的粉絲有更進一步的互動，
我會非常的高興！！

我會持續的投入在我的創作事業之中！
也由衷的希望大家能繼續給我支持鼓勵，這對我非常的重要！謝謝大家！

文化生活

<div class="draft-block draft--p left">怎麼感覺…你有很多段啊！這邊已經改成for前女友系列了嗎？</div>

隨心所欲的任性

【2020舊作】《無題》

【照夜白二創作品】

【2020舊作】《可畏》

筆two in love

2B a book 的沙龍

筆咚的瑜珈墊上內心戲

廣告未生所2.0

2B a book

出租小乖 x 出租小姊姊

2B話布

筆two｜清白

<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%2F9544ac62-f122-482c-bf15-bade4f277e7a.jpg&amp;width=740&amp;sign=b7SjuMGZbV5UZHzdMJafYS1OLwe9QilTrK27RaBlJks" fetchpriority="high" data-src="https://resize-image.vocus.cc/resize?norotation=true&amp;quality=80&amp;url=https%3A%2F%2Fimages.vocus.cc%2F9544ac62-f122-482c-bf15-bade4f277e7a.jpg&amp;width=740&amp;sign=b7SjuMGZbV5UZHzdMJafYS1OLwe9QilTrK27RaBlJks" data-loaded="true" data-original-src="https://images.vocus.cc/9544ac62-f122-482c-bf15-bade4f277e7a.jpg" data-lowquality="false" data-width="2480" data-height="3508" 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;})()" data-istopthreeimage="true" alt="raw-image"></div><div></div></div><p class="lexical__paragraph"><br></p>

<div class="draft-block draft--p left">
              <a href="/user/@6489a72bfd897800019d748c" target="_blank" class="draft--mention">
                <i class="icon-mention"></i>
                <span>甲文人</span>
              </a>
             文人大💚💚💚謝謝捧場😁 恣意聯想的空間。</div>

健康

軟體開發

Facebook專頁《照夜白》

Instagram《照夜白（Artist）》

X（Twitter）《照夜白》

YouTube《照夜白》

PIXIV《照夜白》

<div class="draft-block draft--p left">
              <a href="/user/@erica1103" target="_blank" class="draft--mention">
                <i class="icon-mention"></i>
                <span>林燃（創作小說家）</span>
              </a>
             </div>
<div class="draft-block draft--p left">待到我老來得閒時，得以道盡過往風流。</div>