矽谷輕鬆談 Just Kidding Tech 部落格正式開張!
https://blog.jktech.io/
原本在 Medium 寫得好好的,但最近看到一些建議說如果要直接經營自己跟觀眾的關係,還是有一個自己的部落格或是網站比較好。週末不曉得哪根筋不對,腦波太弱就決定直接衝一發了,花了整整兩天完成一個極簡風的 Blog ,中間踩了好多坑,害我們這週末沒空錄Podcast XD 看似簡單但是前端是業餘水準的我花了好多時間,在這邊分享一下成果!
看得到的功能:
• Dark Mode!Dark Mode!Dark Mode!(個人覺得美美 der)
• 首頁:部落格介紹跟最近文章
• 文章:支援閱讀時間跟標籤
• 顯示同個標籤的文章
• 右上角外部連結到 Podcast / Facebook / Instagram
• 設定網站預覽時顯示的標題、敘述以及圖片 (我今天才知道原來 Open Graph Protocol 是專門設定這個的)
看不到的功能:
• 後台有個文章管理系統,可以上傳圖片跟發文
• 程式碼放在 GitHub,跟 Netlify 整合,程式碼一有改動會自動部署
• Google Analytics
這是我第一次使用靜態網站生成器 (Static Site Generator),使用的是現在最紅市佔率最高的 GatsbyJS,個人心得是對新手不友善,我自己前端也是業餘水準,對 GatsbyJS 主打的 React + GraphQL 等技術都不熟,花了蠻多時間自己摸索。我又很完美主義,很多東西自己知道明明不重要但又想要弄成自己喜歡的樣子,所以搞得我好苦呀。
我選了一個自己喜歡的主題開始,但發現 Gatsby 要改寫原本主題的 UI 很不直覺:要 Shadow 原本主題的檔案,意思就是你針對你想改的元件,它在原本主題的原始碼位置在哪裡,產生一個一樣的相對路徑去複寫那個檔案。很不直覺的點是,我 fork 的 starter 裡面並沒有那個主題的原始碼,所以我得開兩個 IDE 視窗交互看我才知道我要改的 UI 要產生什麼對應的檔案。
上面那段看不懂沒關係,重點是如果要我再選一次的話,我建議不要用什麼 SSG 了,直接用現成的 Wordpress.org, Wix, Squarespace 或是 Weebly 比較快,可以省下很多時間,畢竟寫作的內容才是重點,後面用什麼技術對觀眾根本不重要呀!
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
「open graph protocol」的推薦目錄:
- 關於open graph protocol 在 矽谷輕鬆談 Just Kidding Tech Facebook 的最佳貼文
- 關於open graph protocol 在 コバにゃんチャンネル Youtube 的最佳解答
- 關於open graph protocol 在 大象中醫 Youtube 的最佳解答
- 關於open graph protocol 在 大象中醫 Youtube 的精選貼文
- 關於open graph protocol 在 Webmasters - Sharing - Documentation - Meta for Developers 的評價
- 關於open graph protocol 在 Open Graph設定:Facebook與LINE上面的貼文縮圖調整方式 ... 的評價
- 關於open graph protocol 在 Open Graph Protocol for Facebook Explained with Examples 的評價
- 關於open graph protocol 在 12 Essential Open Graph Meta Tags for Facebook and Twitter 的評價
- 關於open graph protocol 在 What is Open Graph Protocol & How to create Eye ... - YouTube 的評價
- 關於open graph protocol 在 How I can get Open Graph Protocol info - Stack Overflow 的評價
- 關於open graph protocol 在 hexo 加上Open Graph - 《Chris 技術筆記》 的評價
- 關於open graph protocol 在 What is Facebook Open Graph (og tags)? - Debug Bar 的評價
- 關於open graph protocol 在 How to Optimize Blog Images for Social Sharing 的評價
- 關於open graph protocol 在 How to Use Facebook's Open Graph Tags on a Website 的評價
- 關於open graph protocol 在 Work with the Open Graph tagging for Facebook integration 的評價
open graph protocol 在 コバにゃんチャンネル Youtube 的最佳解答
open graph protocol 在 大象中醫 Youtube 的最佳解答
open graph protocol 在 大象中醫 Youtube 的精選貼文
open graph protocol 在 Open Graph設定:Facebook與LINE上面的貼文縮圖調整方式 ... 的推薦與評價
Open Graph ,中文又被稱為「開放社交關係圖」,是透過規格化定義的HTML Meta 屬性,提供網頁的標題、縮圖、描述等等資訊,進而讓在社交平台上( ... ... <看更多>
open graph protocol 在 Open Graph Protocol for Facebook Explained with Examples 的推薦與評價
Through the Open Graph protocol, you can tell Facebook how your shared content should be displayed on Facebook. This protocol tells Facebook ... ... <看更多>
open graph protocol 在 Webmasters - Sharing - Documentation - Meta for Developers 的推薦與評價
Open Graph Markup. Most content is shared to Facebook as a URL, so it's important that you mark up your website with Open Graph tags to take control over how ... ... <看更多>