我的網站開箱

August 1st, 2020

前言

想想自己進職場到某個階段以後,才發現社會其實跟自己當初所想的差很多、南轅北轍👁️👁️

也慢慢發現自己對於生活是一個相對浪漫主義的人,不太思考現實面的議題、喜歡糢糊不完美、不太在乎自己的前瞻性;而外在則是相對理性,你有多少能力!? 做這件事符合成本效益!? 能賺錢嗎!? 大家都在做,你呢!? 這個事情比較棘手,多快可以弄好!?

也因此不太會去深度思考下一步要怎麼走,只會在乎眼前事情有沒有解決。不過後來發覺,關於下一步要怎麼走這個問題,其實是在每分每秒就必須思考的問題🧐

這是一個階段性的我給自己的一個總結與警惕,也可以說是,成長很多,五味雜陳,感謝老天爺的香料🌿🌿。

(圖片來源: Unsplash)

自己的網站

現今媒體形式不外乎包涵社群網路、Youtube、Podcast、部落格、電商,我們似乎也習慣了這樣的形式來發表自己的生活脈絡,畢竟快、穩定、有效果。所以反過來想要督促自己跨出方便、舒適,用自己的步伐、利用閒暇之餘,做做屬於自己的網站,透過科技整理過去的自己也是一個不錯的想法,主要也希望透過自己的技能來做做自爽的手工藝,給自己一個承諾:

做個屬於自己的宅宅平台 🤓🤓 (圖片來源: Unsplash)

目標大概就是要:

  • 我覺得的美麗
  • 符合個人需求的功能性
  • 設計靠自己
  • 可以寫文章分享想法

整個過程安排以 Gatsby + CircleCI + Heroku 為基底打造,也沒為甚麼,就是想要用用看 Gatsby.js 的味道,基本上 Gatsby 以 React 為基礎架構出來的框架,並提供了很多前處理的 plugins 供我們在專案中定義 gatsby.config.js 做套件的配置,並且產出對畫面需求的 GraphQL node 供我們自己串接;也能夠進一步在專案中定義 gatsby.node.js,去刻劃接出的資料要如何生產頁面。以概念上來說,可以說是保留了開發者對於畫面的主控權,並且實作了背後對於靜態資料的動態生成,可以說是非常彈性,官網文件也很齊全,推薦大家試試^^

Gatsby.js 官網

如果不論內容性而只有設計與實作大概花了一週時間架構,設計也只是兩光設計,都是翻翻 Pinterest 擷取氛圍元素,然後直接 CSS 下筆架構,當然缺點就是會反覆打掉重練個幾回... 但是,用藝術任性的方式也還蠻痛快輕鬆的! 主要是可以恣意做出自己認為美的東西,然後與大家分享^^

我始終認為做網站是個有藝術性的過程,並能結合畫面抒發,前端工程的好處,大概就是這樣吧!一位在程式與畫面美感之間遊走的牧羊人。

說說分享內容

我是一個很懶的人,所以我想要用比較與自己對話的口吻來分享一些我對於前端工程的想法,然後記述一些我認為的觀點。內容應該會比較偏向:

  1. CSS 點子紀錄: 畢竟是自己擅長且熱愛的事情,所以會自己找一些切版的 idea 或預設情境,然後實作一些 UI 排版。
  2. 前端學習到的技巧: 主要會從概念陳述下手,提供自己記錄想法的地方,並且順便分享出來。
  3. 生活記事: 一些科技、時事、生活的想法分享吧?! 💡

之後文章頁面會再實作留言回覆功能🙊,可以跟我討論文章內容! 總之,平台主要會是對自己的認知做紀錄,並且間接透過網路分享給他人。

Internet 請多指教 🙏

🌏 Hello World 🌏