Git Hub Page搭建博客

2017/08/24

1. 创建一个仓库

打开 GitHub 并创建一个名为 username.github.io 的新存储库,其中 username 是您在 GitHub 上的用户名(或组织名称)。

2. 安装git并生成SSH秘钥

安装 git bash,生成秘钥

ssh-keygen -t rsa -f ~/.ssh/id_rsa -N ''

查看秘钥

cat ~/.ssh/id_rsa.pub

添加至github

3. 创建首页

创建首页

mkdir /c/blog
cd /c/blog
cat > index.html <<EOF
<!DOCTYPE html>
<html>
<body>
<h1>Hello World</h1>
<p>I'm hosted with GitHub Pages.</p>
</body>
</html>
EOF

git init
git config --global user.email "houshiying@vip.qq.com"
git config --global user.name "Hsy"
git add index.html
git commit -m "first commit"
git remote add origin git@github.com:opspy/opspy.github.io.git
git push -u origin master

访问你的站点 http://opspy.github.io , 替换 opspy 为你的域名

curl  -sL http://opspy.github.io/

4. 添加域名

4.1 添加顶级域

添加顶级域名 example.com, 对应解析类型为ALIASANAMEA,看你的代理商支持哪一种,以下为配置 A记录的方法:

第一步:通过dig命令获取到IP

dig -t A opspy.github.io

第二步:通过 ANSWER SECTION, 我们拿到的 IP 为 151.101.73.147,之后去你的域名后台添加对应的解析记录

第三步: 进入你的仓库,点击setting 按钮,下拉到github pages , 并设置 Custom domainCustom domain 一栏

现在可以直接使用 http://opspy.com/ 进行访问了

4.2 添加 www 子域

在做完上一步操作之后,回到仓库可以发现有一个CNAME的文件,里面记载着我们刚刚设置的顶级域名,之后我们添加www域名,打开git bash登录我们刚才创建的git 仓库

cd /c/blog/
git pull
sed  -i '$awww.opspy.com' CNAME
git add .
git commit -m "add www domain"
git push  origin

之后我们登录域名解析后台,添加一条新的记录

此时可以使用 http://www.opspy.com/ 进行访问,他会自动跳转至 http://opspy.com/

5. jekyll

github pages 直接支持 jekyll 解析, 不需要像 hexo 那样先转换成静态页面,再提交。

5.1 安装ruby

Windows安装,步骤省略

5.2 快速初始化

gem install bundler
gem install jekyll
cd /c
jekyll new myblog
cd myblog
jekyll serve

如果有如下提示

jekyll 3.5.1 | Error:  Permission denied - bind(2) for 127.0.0.1:4000

则需要在 _config.yml 中指定端口

port: 15001

访问 http://localhost:15001/

5.3 在 github 展示 Jekyll

cd /c/blog
cp  -a /c/myblog/* .
git rm  index.html
git add .
git status -s
git commit -m "Add Jekyll Blog"
git push origin master

5.4 更换主题

选择一款觉得不错的主题,整个仓库git clone下来更换之

Post Directory