GihubPage个人博客搭建2020/04/28成功.

  • 依赖项目PPlayer

1. 直接在项目中选择开通GithubPage选择master分支

安装Jekyll方便协作博客内容.传送

  • 安装rubyinstall+devkit-2.6.6.1-x64.exe
  • 提取码:n7zd
  • 下载RubyGems

修改ruby的源为国内的镜像:淘宝镜像(http://mirrors.aliyun.com/rubygems/)或者ruby中国镜像(https://gems.ruby-china.org/)。

gem sources --add http://mirrors.aliyun.com/rubygems/ --remove https://rubygems.org/
gem sources -l
  • 在Windows下,如果出现证书失败,就去下载一个证书
curl http://curl.haxx.se/ca/cacert.pem -o cacert.pem
  • 将下载的cacert.pem移到ruby安装目录的/bin这个目录下,并且在系统环境变量中新建SSL_CERT_FILE,值为刚才的/bin目录的绝对路径,管理员权限打开cmd/PowerShell
SETX /M SSL_CERT_FILE "C:\Ruby26-x64\bin"

Install Jekyll and bundler gems. 关闭代理等待一会,走aliyun的链接可以完成安装.

gem install jekyll bundler
  • 查看jekyll版本:jekyll -v
f7a128fa.png

建立一个demo网站

jekyll new my-awesome-site

cd my-awesome-site

bundle exec jekyll serve

# => Now browse to http://localhost:4000

单独安装依赖:bundle install //还是需要开个系统全局的代理才能成功. 

编辑器推荐Vs Code

36134f32.png

修改Gemfile文件

source 'http://mirrors.aliyun.com/rubygems/' # 更改gem源可能要设置环境变量
# gem "jekyll", "~> 4.0.0"# 注释掉这行
gem 'github-pages', group: :jekyll_plugins # 去掉这行的注释井号#

# 更新jekyll
bundle update 

初始化本地站点仓库

cd blog
git init
git remote add origin [email protected]:userName/blog.git # 与你的github blog仓库建立联系
git checkout --orphan gh-pages

配置静态站点到origin/gh-pages分支下

cd _site # 切换到_site目录
git init
git remote add origin [email protected]:jdpxiaoming/blog.git # 与同意github blog仓库建立联系
git checkout -b gh-pages

git 删除远程分支

git branch -r
使用下面两条命令来删除远程分支
git branch -r -d origin/branch-name
git push origin :branch-name

生成编译后的静态站点文件,并且push到远程仓库

jekyll build
cd _site
git add --all
git commit -m 'some descriptions'
git push origin gh-pages
  • 错误:fatal: refusing to merge unrelated histories
git pull origin gh-pages --allow-unrelated-histories
 

部署-githubk-setting-Githubpages

设置阿里云解析倒Github

 Ping jdpxiaoming.github.io [185.199.110.153]

 #域名绑定
blog.lxfpoe.work  

上面的域名解析有问题githubpage的ip地址每天会变,使用CName配置文件来解决

  • 默认项目下面会生成CNAME,没有自己建一个

  • 第一行写入 blog.lxfpoe.work
    阿里云解析注意使用CNAME类型不要直接绑定ip

  • 选择CNAME


    baf74130.png

我的网站 https://blog.lxfpoe.work/

你可能感兴趣的:(GihubPage个人博客搭建2020/04/28成功.)