Hexo Butterfly 主題大變身 - 讓部落格美起來
前言這篇文章主要是記錄 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 ...
Medium 替代方案 ? 用 Hexo 搭配 GitHub Pages 寫文章
前言工作滿一年,決定做一些生活紀錄。本來以為寫文章需要自己架 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 ) ...