使用Jekyll + GitHub Pages免費搭建個人部落格
使用Jekyll + GitHub Pages免費搭建個人部落格
✨ My Blog：無名の輩 | VectorX (vectorxxxx.github.io)
Download
- ✅ Ruby：Downloads (rubyinstaller.org) 【參考：Ruby安裝演示_小藍棗的部落格-CSDN部落格_ruby安裝】
- ✅ RubyGems：Download RubyGems | RubyGems.org | Ruby 社區 Gem 託管
- ✅ Git：Git – Downloads (git-scm.com)
- ⬜ Node.js：Download | Node.js (nodejs.org)
- ⬜ Python：Download Python | Python.org
✨ 因為我本地已經有Node.js和Python環境了，所以無法驗證是否確實需要。不過參考了很多教程，大多數是沒有說明需要安裝兩種環境的。如果你在安裝過程中遇到問題，可以再選擇安裝。
Install
# 1. 安裝RubyGems：解壓縮RubyGems並cd至其目錄下
cd rubygems
ruby setup.rb
# 2. 替換gem源（可選）
gem sources --add //gems.ruby-china.org/ --remove //rubygems.org/
gem sources -l
# 3. 安裝jekyll
gem install jekyll
# 4. 安裝bundler
gem install bundler
✨ 至此，我們的基本環境已經搭建完畢
Clone
✨ Github上Fork項目：wu-kan/wu-kan.github.io: my homepage & template for jekyll-theme-WuK
✨ 修改Settings設置：格式your_username.github.io
# 1. 克隆Github項目，svn和git方式二選一
git clone //github.com/vectorxxxx/vectorxxxx.github.io
# 快速下載必要的文件，過濾模板中博文和圖片
# svn checkout //github.com/vectorxxxx/vectorxxxx.github.io/trunk/ --depth=files
# 2. 自動下載並部署所有依賴
cd vectorxxxx.github.io
bundle install
Run
# 運行啟動命令 s/serve/server is all right!
bundle exec jekyll serve
# 如果出現埠衝突，可以手動指定埠號
bundle exec jekyll serve --port [port]
Themes
- ❤️ //jekyllthemes.org/
- ❤️ //github.com/jekyll/jekyll
- ❤️ //jekyllthemes.dev/
Theme
- ⭐ wu-kan/wu-kan.github.io: my homepage & template for jekyll-theme-WuK
- ⭐ Huxpro/huxpro.github.io: My Blog / Jekyll Themes / PWA
- ⭐ mattvh/jekyllthemes: A directory of the best-looking themes for Jekyll blogs (github.com)
- ⭐ mmistakes/minimal-mistakes: Jekyll theme for building a personal site, blog, project documentation, or portfolio. (github.com)
Link
- 🔗 星合の空 | wu-kan
- 🔗 不安分的猿人 (gitee.io)
- 🔗 黃玄的部落格 | Hux Blog (huangxuan.me)
- 🔗 主頁 – 資源庫 (leachchen.com)
- 🔗 LiberXue|FullStack|獨立開發者|jekyll blog|GitHub blog
參考手冊
- 📕 GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.
- 📕 快速指南 – Jekyll • 簡單靜態部落格網站生成器 (jekyllcn.com)
- 📕 如何快速正確的安裝 Ruby, Rails 運行環境 · Ruby China (ruby-china.org)
- 📕 Quick-Start Guide – Minimal Mistakes (mmistakes.github.io)
- 📕 快速開始 | Valine 一款快速、簡潔且高效的無後端評論系統。
- 📕 配置 – Merger (justhx.com)
- 📕 Shields.io: Quality metadata badges for open source projects
參考資料
- 📖 基於Jekyll搭建個人部落格
- 📖 Jekyll + Github Pages 搭建個人免費部落格
- 📖 Jekyll + Github Pages 部落格搭建入門
- 📖 Github+Jekyll 搭建個人網站詳細教程
