使用Jekyll + GitHub Pages免费搭建个人博客 VectorX

使用 Jekyll + GitHub Pages 免费搭建个人博客

在这里插入图片描述 在这里插入图片描述

:sparkles: My Blog:[无名の辈VectorX (vectorxxxx.github.io)](https://vectorxxxx.github.io/)

image-20210603000219393

Download

:sparkles: 因为我本地已经有Node.jsPython环境了,所以无法验证是否确实需要。不过参考了很多教程,大多数是没有说明需要安装两种环境的。如果你在安装过程中遇到问题,可以再选择安装。

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

:sparkles: 至此,我们的基本环境已经搭建完毕

Clone

:sparkles: GithubFork项目:wu-kan/wu-kan.github.io: my homepage & template for jekyll-theme-WuK

:sparkles: 修改Settings设置:格式your_username.github.io

image-20210602220529246

# 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

  • :heart: ​http://jekyllthemes.org/
  • :heart: ​https://github.com/jekyll/jekyll
  • :heart: https://jekyllthemes.dev/

Theme


参考手册

参考资料