方格精選
方格子開發誌#1｜全站輔色調整與網頁 SSR 優化
大家好，我是方格子的工程獅先生！上週「驚蟄」剛過，原本期待天公作響，卻是在週末下了場場大雨，一點轟隆都沒有，看來我們只能好好待在家中持續冬眠，開個小黃燈，打開方格子文章，搭配雨聲的 ASMR，用最廢的姿勢閱讀你最喜愛的文章，再用這個睡姿睡死在方格子平台面前，何嘗不是件美好的事？
相信格友們最近有微微觀察到，平台又有了一點點的不一樣。沒錯，方格子開發團隊在過年吃飽睡足了（並沒有）以後，很快地又回到銀河戰艦上持續優化平台。
從開工以來，我們將目標初步定調為：讓系統更加穩定，並且在整體品牌體驗上減少複雜度。為此，我們在開發上有兩項主要目標，一是將整體的主題顏色做全站性的統整與優化；二則同時在方格子閱讀頁與首頁載入進行速度上的優化！
以下是我們針對上述所做的相關調整項目：
《全站輔助色調整》
在這次的任務中，我們重新檢視了方格子全站頁面的色彩樣式。在程式中也明確地重新定義顏色的階層關係，希望讓設計端的色彩在套用的同時，就先透過一層介面的層級定義，來引入我們需要的顏色！
除了程式面的介面定義外，設計端也重新整理、設計了全站的視覺輔助色，刪除掉原先較為複雜的輔助色組合搭配，希望讓全站在視覺體驗上變得更加順暢，視覺層級更加清晰；另外也在灰階的部分做了統整與細調，希望讓內容的輕重脈絡更能夠被清楚地定義。
這部分的調整規模其實蠻大的，因為是底層顏色引入方式的改變（汗），既要使視覺層級感上更加明確、流暢，又不會太過刺激使用者們的閱讀體驗，用這樣「潛移默化般默默地存在」，把方格子視覺的一致性帶出來。
以下圖閱讀頁為例，原本的「贊助作者」的按鈕在優化後會顯得更加明顯，便是希望利用方格子的主色強調當前頁面「最希望被使用」的按鈕動作，使層級感更加強烈。這就是我們希望在各個頁面能夠帶出的視覺體驗，不知道你有沒有發現這項改變了呢？
《爆文後的寧靜致遠》
近期許多厲害的作者在方格子上創作出很好的文章，為我們帶來許多新讀者的造訪，這也隱隱地說明了我們必須在前端頁面處理上，盡快刪除一些不必要的 Server-Side Rendering （簡稱 SSR）網址頁面，用來減少伺服器的處理負荷；另外，我們也將部份會吃到伺服器資源的頁面，直接在部署的同時生成靜態資源，藉以減輕伺服器資源的利用，進而將資源移給更需要的頁面使用，讓頁面之間的資源運用更平衡，載入的體驗也可以獲得進步。
這樣的好處是，當未來再出現爆文時，方格子伺服器會變得相對穩定，來迎接各位讀者觀看的甜蜜負荷：）。當然，方格子工程獅也會持續關注這方面的調校，並持續優化進步，畢竟好的閱讀體驗，永遠是我們希望提供給使用者的。
除了上述兩大項目的開發，我們還做了許多事情想與格友們分享：
- 近期我們上版了一個新的關鍵字（tag）頁面唷！呦呼～！現在開始，你可以依照時間、熱門程度、互動程度等指標來瀏覽該關鍵字的相關文章；創作者們甚至可以直接透過搜尋出的關鍵字結果開啟新的創作靈感，直接開始撰寫相關文章唷！歡迎格友們前往試試，希望各位會喜歡：）
- 之前在點擊個人頭像時，偶爾會出現 404 頁面的狀況，在這次的更新中我們也修正掉了這個 Bug。
- 修改了文章排程功能的時區呈現問題，讓你不論活在北美或南法，都不用再換算，顧及台灣讀者的閱讀時間。
最後，我們不免俗來一下提及一下方格子最近發生的 chill 事：
- 最近我們有新的工程師以及新的行銷、營運夥伴們入加方格子團隊，請用你們最 chill 的掌聲歡迎他們！！！（格編想問到底什麼是最 chill 的掌聲？）
- 腦闆 David 把自己的帳號不小心 ban 掉了，我們很快速地協助完成復原，將他從懸崖黑洞邊拉回，希望 David 以後不要再手殘～
好啦！以上就是本期的方格子開發誌，工程獅們未來也會不定期向格友們報告開發團隊的各項工作，希望這些大大小小的改變，可以讓大家更喜歡我們的平台服務，也希望各位可以更常上來方格子吃瓜泡茶、持續關注我們的開發動態唷！
你們在平台上的點擊互動，都會像青春的鉛筆，縮向前方的帥哥美女。
（其實我只想表達「怦然心動」的感覺...）
「Bug 當酒飲」的工程獅先生敬上。
延伸閱讀：方格子聊聊#15｜42公里的獨跑
為什麼會看到廣告
288.9K會員
3.0K內容數
哈囉，歡迎來到方格子 vocus 的官方沙龍！
在這裡你可以參與方格子 vocus 的發展旅程，接受到所有關於 vocus 的最新動態，包含平台重大功能更新、活動消息、各房間發佈的最新內容，甚至是徵才資訊等等，現在就按下「加入」，與 vocus 一起展開精彩的創作冒險吧！
留言0
查看全部
你可能也想看
Google News 追蹤
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
親愛的訂閱用戶您好：
因為我正在重整近期的工作規劃，所以此沙龍將會重新調整發文方向，將會讓更多人用免費的方式看見更多內容，我已經向方格子提出「落日計畫」的申請，申請完畢後您的方案將不會持續扣款。
未來經營的內容將會涵蓋以下方向：
Matrech 與 AI 工具的實務心得
經營知識產品的歷
方格子的創作者們、格友們，應該已經在昨天（2024/08/08）的方格子 vocus官方公告，知道討論區即將改版的事情。在八月下旬，沙龍的討論區就會有巨大的變化，且很可能帶動方格子生態大幅轉變。
而我個人認為，這一次的更新，對於小眾創作者有更大的影響與助益。
大家在討論瀏覽量的時候，都會提到方格子首頁的通透度的問題，在這個問題上提了很多次，但是仔細看方格子的首頁，其實沒有太大的問題，如果你是會員的話。首頁基本上是對你開放的，你要怎麼瀏覽都可以，對會員這個閱讀者來講，他是感到方便自在的。可以往下拉，看推薦的文章。也可以直接搜尋，他想要找的搜尋。也可以透過探
方格子沙龍初體驗：向大家報告最近我使用方格子在以下兩方面的改變，（1）閱讀格友的文章和與格友互動，及（2）準備和發放自己的文章。這些體驗讓我反思如何分配時間並適應這新的互動模式。
方格子在去年下半年開始讓許多創作者陸續將個人頁面轉型為沙龍Salon，目前也官方宣布今年1月下旬將會全站轉型，因此故且不論創作者現在還是不是，過完農曆年屆時應該會全部升級。
原本對於沙龍顯示頁面意興闌珊的我，又是不知道哪根筋不對，花了一點時間把星貨鋪小小地整修一下。
在方格子已經投入四年光陰，前面三年半可以說是毫無章法地在寫，直到2023下半年開始穩定產出，改變撰文方式，才找到了一個初步的方向，這其中創造了兩篇熱門文章，也認識了不少新寫手。
這篇就回顧一下2023年我做了什麼改變，2024年又有什麼期許。
隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。
然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap
嘿，大家新年快樂~ 新年大家都在做什麼呢？
跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。
然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~
親愛的訂閱用戶您好：
因為我正在重整近期的工作規劃，所以此沙龍將會重新調整發文方向，將會讓更多人用免費的方式看見更多內容，我已經向方格子提出「落日計畫」的申請，申請完畢後您的方案將不會持續扣款。
未來經營的內容將會涵蓋以下方向：
Matrech 與 AI 工具的實務心得
經營知識產品的歷
方格子的創作者們、格友們，應該已經在昨天（2024/08/08）的方格子 vocus官方公告，知道討論區即將改版的事情。在八月下旬，沙龍的討論區就會有巨大的變化，且很可能帶動方格子生態大幅轉變。
而我個人認為，這一次的更新，對於小眾創作者有更大的影響與助益。
大家在討論瀏覽量的時候，都會提到方格子首頁的通透度的問題，在這個問題上提了很多次，但是仔細看方格子的首頁，其實沒有太大的問題，如果你是會員的話。首頁基本上是對你開放的，你要怎麼瀏覽都可以，對會員這個閱讀者來講，他是感到方便自在的。可以往下拉，看推薦的文章。也可以直接搜尋，他想要找的搜尋。也可以透過探
方格子沙龍初體驗：向大家報告最近我使用方格子在以下兩方面的改變，（1）閱讀格友的文章和與格友互動，及（2）準備和發放自己的文章。這些體驗讓我反思如何分配時間並適應這新的互動模式。
方格子在去年下半年開始讓許多創作者陸續將個人頁面轉型為沙龍Salon，目前也官方宣布今年1月下旬將會全站轉型，因此故且不論創作者現在還是不是，過完農曆年屆時應該會全部升級。
原本對於沙龍顯示頁面意興闌珊的我，又是不知道哪根筋不對，花了一點時間把星貨鋪小小地整修一下。
在方格子已經投入四年光陰，前面三年半可以說是毫無章法地在寫，直到2023下半年開始穩定產出，改變撰文方式，才找到了一個初步的方向，這其中創造了兩篇熱門文章，也認識了不少新寫手。
這篇就回顧一下2023年我做了什麼改變，2024年又有什麼期許。