搭建io仓库

这一部分参考http://t.csdn.cn/Ynfyy

创建一个新的仓库：

Repository name的格式为“username.github.io”，其username就是github的用户名。

点击“Create repository”即可完成对仓库的创建。

fork喜欢的仓库链接

参考https://zhuanlan.zhihu.com/p/35569424

找到认为不错的个人主页后，寻找TA的github.io仓库，fork后放在自己的github.io里。

在这里放一下我fork的仓库的链接：https://github.com/academicpages/academicpages.github.io

个人主页：

先点击import code：

再把想要的仓库的URL复制过去，点击begin import

这样就把代码导入到了自己的仓库里：

安装Jekyll

Jekyll是什么？

jekyll相当于一个编译工具，安装好jekyll后，你可以通过jekyll创建一个网站模板，创建好之后，我们就可以通过http://127.0.0.1:4000/访问刚刚创建的网站了（具体jekyll用法后面再介绍），我们可以实时修改刚刚创建的模板里面的内容，并可以实时通过本地url预览改动后的效果。

1.下载安装Ruby installer

点击install之后一路next即可。

2.点击下载RubyGems

打开命令行，cd到将RubyGems解压到的路径，执行：

ruby setup.rb

3.在命令行执行：

gem install jekyll

4.安装完成后，我们可以用jekyll命令创建一个博客模板：
jekyll new testblog

cd testblog
jekyll server

在浏览器输入http://127.0.0.1:4000/即可浏览刚刚创建的blog。

修改博客模板

把之前找的github.io仓库代码下载到本地，命令行进入该目录执行bundle exec jekyll serve（也可以执行jekyll serve，但是我直接这么写会报错）

• 可能会报的错：

  ①Could not find gem ‘github-pages’ in any of the gem sources listed in your Gemfile.

  解决：安装github-pages：gem install github-pages

  ② You have already activated public_suffix 5.0.1, but your Gemfile requires public_suffix 4.0.7. Prepending bundle exec to your command may solve this.

  解决：使用bundle exec jekyll serve命令运行

  ③in `initialize’: None of the paths included in TZInfo::DataSources::ZoneinfoDataSource.search_path are valid zoneinfo directories.

  解决：安装tzinfo-data，但是在运行命令gem install tzinfo-data之后，还是这个错误。

  原因可能是因为是64位操作系统，打开文件中的gemfile文件，加入一行：gem 'tzinfo-data', platforms: [:mingw, :mswin , :x64_mingw]，然后运行bundle update即可。

  ④cannot load such file – webrick

  这是因为：从 Ruby 3.0 开始 webrick 已经不在绑定到 Ruby 中了，请参考链接：Ruby 3.0.0 Released中的说明。

  解决：webrick 需要手动进行添加：bundle add webrick。

终于OK了！！！执行成功可以在控制台看到运行路径：

在浏览器输入http://127.0.0.1:4000/可以看到以下界面：
撒花！！！

现在就可以本地修改博客看修改效果了~

修改过程可参照博客：Jekyll 搭建个人网站 | 高正太的自留地 (zhenggao.io)

Typora设置字体颜色大小等属性：

<span style='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span>

上传本地文件到GitHub

git官网下载

git的安装详见git中文安装教程

这篇博客写的很好：git如何上传本地文件到github仓库（超详细教程）

之后输入https://自己的仓库名/就可以访问啦！

放一波我的：我的github链接

参考资料：

(80条消息) GitHub个人主页搭建&排版Skills_github 博客排版工具_WRStop的博客-CSDN博客

(80条消息) 利用GitHub制作免费个人主页_academicpages 如何修改_Meet_csdn的博客-CSDN博客

Github+Jekyll 搭建个人网站详细教程 - 简书 (jianshu.com)

Jekyll 搭建个人网站 | 高正太的自留地 (zhenggao.io)