雜耍特技師

前言這篇文章主要是記錄我的部落格，在長達四個月的修改後，終於被 Google 搜尋系統收錄的過程。包含最核心的產出 sitemap.xml 和 robots.txt，其他就是按照 Google Search Console 給的錯誤進行修正。 Google 搜尋引擎是甚麼概念基本上只要有網址，就可以連到世界上大大小小的網站。但是，不會有人一開始知道你的網址，所以需要透過強大的搜尋系統，如: Google 幫忙收錄，並可以透過關鍵字搜尋來推廣。 所以「加入 Google 搜尋引擎」，就是要讓 Google 收錄我的部落格，並透過瀏覽器搜尋到，而不是只靠貼網址才能找到。為了能在 Google 搜尋得到，就必須要有 sitemap 及 robots.txt 這兩個核心檔案。 新增 sitemap.xmlsitemap 是 Google 爬蟲用來讀取網站的網站地圖，可以把它想成網站摘要的概念。在 Hexo 中，有套件可以直接生成 sitemap。 下載套件: npm install hexo-generator-sitemap --save 於 _config.yaml 新增 sitemap ...

前言在 第一篇文章 中有提到 hexo 的一鍵部屬非常方便，基本上就是 hexo clean && hexo deploy 就好了。但是，我發現了一個很致命的問題，就是很難做版本控制。因為 hexo 的部屬是把靜態檔推上 GitHub。雖然很方便，但是版本控制起來很痛苦，只能看到一堆 html 的修改，但不知道自己到底改了甚麼 😥。 Hexo 如何部屬靜態檔如果還不知道 hexo 怎麼產生靜態檔的，可以輸入 hexo generate，可以觀察到靜態檔會存在 public 的資料夾。當你準備部屬的時候，輸入 hexo deploy，會把 public 資料夾的內容推上 github，並非專案原始檔。 自動化整合與部屬運作邏輯 新建一個 private 的原始碼專案 ( 以下稱 my-blog )，讓「原始碼專案 ( my-blog )」自動部屬更新「靜態檔專案 ( github.io )」，兩專案間的的溝通需要靠公鑰跟私鑰。 如果不在意專案原始碼是否公開，可以在靜態檔專案開另一個 branch 存原始檔專案。 設定 GitHub Actions workflow，把程 ...

前言這篇文章主要是記錄 Hexo 主題 buttertly 將部落格美化的設定更改。基本上都是修改 _config.butterfly.yaml 檔，或是 _config.yaml 檔，詳細可以參考 這邊，這篇文章包含以下幾點: 如何替換部落格封面、首頁的圖片 首頁圖如何新增座右銘、名言佳句、caption，以及打字的特效 去除部落格的名稱標題，改用 logo 如何新增網頁頁籤小圖，也就是 favicon 如何新增頭像、大頭貼 如何新增路落格上方的目綠、Menu、導航欄 如何新增各種 icon，像 line, facebook 等 如何新增中文簡體、繁體轉換 如何更改文章網址，使用自定義路徑 如何更改文字的大小 如何新增文字背景顏色 修改封面圖封面圖就是點進首頁的首圖，修改 _config.butterfly.yaml 中的 index_img 參數 _config.butterfly.yaml12# The banner image of home pageindex_img: /images/home_page/index_img.webp 新增座右銘、打字特效Hexo ...

前言工作滿一年，決定做一些生活紀錄。本來以為寫文章需要自己架 server ，然後每月付點錢，後來發現 Github pages 可以直接 host，而且還免費，真的太佛 !! 參考網路文章，有看到三種蠻常見的工具，分別是: Jekyll、Hexo、Hugo，後來我選擇 Hexo。 為甚麼選擇 Hexo? Hexo 是用 Node.js 開發的: js 語法我相對熟悉。 官方文件大部分都是中文的，上手比較快速。 支援 Markdown 語法: 插入程式碼相對友善。 有很多好看的主題，拯救美感欠佳的人 😁 Hexo 基本設定 基本步驟 安裝 Hexo: npm install -g hexo-cli 建立自己的專案: hexo init my-blog，my-blog 為專案名稱，可任意取。 切換 ( cd )到自己專案，安裝 Hexo 所需套件: npm install 啟動 Hexo: hexo server 初始設定，會有一個預設主題，跟一篇貼文 ( hello-world.md )，後續可以再更換。 啟動 server 前可以先清掉快取，不然有些設定 ( 如 tags ) ...