使用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 https://gems.ruby-china.org/ --remove https://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 https://github.com/vectorxxxx/vectorxxxx.github.io
# 快速下載必要的檔案,過濾模板中博文和圖片
# svn checkout https://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
- ️ http://jekyllthemes.org/
- ️ https://github.com/jekyll/jekyll
- ️ https://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 搭建個人網站詳細教程