1、一些必须的工具

准备:

  1. Fork模板(潘柏信:戳我哦)到自己仓库
  2. 修改仓库名称(名称格式必须为:.github.io)

2、安装Jekyll

Ubuntu系统安装:

手册:戳我哦

  1. sudo apt-get upgrade
  2. # Jekyll是基于ruby,安装开发版本的ruby-dev
  3. sudo apt-get install git ruby-dev
  4. # 安装Jekyll
  5. gem install jekyll bundler
  6. # 软连接
  7. ln -s /usr/local/bin/jekyll /usr/bin/jekyll
  8. # 验证
  9. jeykll -v

Windows系统安装:

手册:戳我哦

下载Ruby:戳我哦

  1. # 安装之后,命令窗口执行
  2. ridk install
  3. # 安装Jekyll
  4. gem install jekyll bundler
  5. # 检查是否安装成功
  6. jekyll -v

3、克隆模板

1. 克隆模板

  1. # 创建工作目录
  2. mkdir blog
  3. cd blog/
  4. # 克隆模板到本地仓库
  5. git clone https://github.com/geray-zsg/geray-zsg.github.io.git

项目结构:

  1. 404.html # 错误页面
  2. about.md #
  3. archive.html #
  4. _config.yml #
  5. css/ # 页面渲染
  6. feed.xml #
  7. images/ # 存放相关图片信息(paying:作者信息;posts:文章调用),建议替换为自己的
  8. _includes/ # 包含样表(_layouts)所需的组件
  9. index.html # 首页
  10. js/ # 网站使用的js脚本
  11. _layouts/ # 样表
  12. _posts/ # 文章位置(支持markdown或者html),关联样表(_layouts)
  13. README.md #
  14. support.md #
  15. tags.html #
  16. CNAME # 域名映射文件(可能导致无法构建,彼时可以删除)
  17. # 下面三个是项目迁移残留文件需要被删除
  18. Gemfile
  19. Gemfile.lock
  20. Rakefile

2. 修改模板

  1. # 删除模板中的原有文章
  2. rm -rf _posts/*
  3. # 删除迁移项目时残留文件
  4. rm Gemfile Gemfile.lock Rakefile
  5. # 删除原作者相关信息
  6. rm -rf images/payimg
  7. rm -rf images/posts

基于GitHub Pages和Jekyll搭建个人博客 - 图1

基于GitHub Pages和Jekyll搭建个人博客 - 图2

基于GitHub Pages和Jekyll搭建个人博客 - 图3

  • CNAME:域名映射文件(如果没法构建,删除
  1. # 创建域名映射
  2. echo 'geray.io' > CNAME

修改_config.yml文件

修改为自己的信息

需要更改自己的百度统计id:戳我哦

基于GitHub Pages和Jekyll搭建个人博客 - 图4

修改完成之后:通过给出的端口映射可以浏览访问本地修改之后的博客样式

  1. bundle exec jekyll serve
  2. # 或者
  3. jekyll server

3. 添加文章

_posts中的文章需要添加头文件,并将文件已时间日期命名

最顶端添加内容

基于GitHub Pages和Jekyll搭建个人博客 - 图5

基于GitHub Pages和Jekyll搭建个人博客 - 图6

4. 打赏功能

位于_includes/new-old.html文件中,如果不需要进行注释,或者替换为自己的打赏信息

基于GitHub Pages和Jekyll搭建个人博客 - 图7

5. 评论系统

推荐使用(来必力):戳我哦

位于_includes/comments.html文件中,替换为自己的

基于GitHub Pages和Jekyll搭建个人博客 - 图8

来必力设置:

基于GitHub Pages和Jekyll搭建个人博客 - 图9