使用Jekyll创建GitHubPages站点
类型
GitHub Pages 站点的类型有三种:
为站点创建仓库
必须先在 GitHub 上有站点的仓库,然后才可创建站点。
1:使用+
下拉菜单选择 New repository(新建仓库)。
2: 输入仓库的名称和说明(可选),仓库名称必须为 <user>.github.io
,因为我们创建的是用户站点。
创建后我们的仓库就生成了:
https://github.com/virhuiai/virhuiai.github.io.git
初始化仓库
本地创建virhuiai.github.io.git
,并提交一个文件到Github:
cd /Users/virhuiaivirhuiai/Documents/virhuiai-github
mkdir virhuiai.github.io.git
cd virhuiai.github.io.git
git init
echo "# virhuiai.github.io" >> README.md
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/virhuiai/virhuiai.github.io.git
再看仓库上就有我们的提交的内容了:
创建 Jekyll 站点
在仓库目录下,运行容器
cd /Users/virhuiaivirhuiai/Documents/virhuiai-github/virhuiai.github.io.git
# 运行容器
docker run --name virhuiai-jekyll \
-p 4000:4000 \
--volume="$PWD:/srv/jekyll" \
-it jekyll/jekyll:4.0 \
/bin/sh
-p
命令是为了方便后面直接在容器中运行,指定了端口。
生成:
jekyll new .
强制生成:
jekyll new . --force
因为没装tree,切到宿主机到相应的目录下查看下结构:
tree -C
其中.gitignore
还自动添加了一些内容:
修改Gemfile
打开Gemfile
,会发现这样的提示:
# Happy Jekylling!
gem "jekyll", "~> 4.1.0"
# This is the default theme for new Jekyll sites. You may change this to anything you like.
gem "minima", "~> 2.5"
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
# gem "github-pages", group: :jekyll_plugins
按提示修改,其中版本号参见:
https://pages.github.com/versions/
#gem "jekyll", "~> 4.1.0"
# This is the default theme for new Jekyll sites. You may change this to anything you like.
gem "minima", "~> 2.5"
# If you want to use GitHub Pages, remove the "gem "jekyll"" above and
# uncomment the line below. To upgrade, run `bundle update github-pages`.
gem "github-pages", "~> 211", group: :jekyll_plugins
更新Ruby国内源
# 改用Ruby国内源
# 移除官方镜像源.
gem sources --remove https://rubygems.org/
# 添加国内源ruby-china。
gem sources -a https://gems.ruby-china.com/
# 确保只有一个镜像源。
gem sources -l
Gemfile中也修改:
更新
bundle install
下载一堆….
bundle update github-pages
嗯,已经是最新的,刚刚没注意看说明有字眼:update and install
。
推送
git push -u origin BRANCH
已经到上面了,现在点右下角的github-pages:
查看GitHubPages效果
再点View deployment:
就可以看到:
我们的GitHub Page就配置好了。下回看的时候直接输入地址过来就可以:
https://virhuiai.github.io/
本地效果查看
jekyll serve
打开http://127.0.0.1:4000/
,就和GitHub Pages上一样了。