使用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 搭建个人网站详细教程