github page+jekyll搭建个人博客总结

来源:互联网 发布:dz论坛seo怎么设置 编辑:程序博客网 时间:2024/06/04 18:58

前言

这里写图片描述

github page:

github提供了一块空间让我们可以当服务器用,所以我们就利用这块空间来搭建博客,我们可以把代码放在这里面,而且他还给我们提供了一个域名(username.github.io)

jekyll:

这就是一个博客的模板,只要按照这个模板的结构和语法规则来写,最后就会给你生成一个漂亮的个人博客。

windows下安装与配置

一.我们需要什么?

  1. git
  2. github账号
  3. ruby环境
  4. jekyll

1.github账号

点击这里前去注册.

2.git

首先安装git到本地电脑
1. 打开安装包,选择你的安装路径这里写图片描述

  1. 然后一路默认即可,有问题点击这里
  2. 打开git bash
    这里写图片描述

  3. 在git bash中输入

git config --global user.name "你的github用户名" <br>git config --global user.email "你的邮箱"  <br>
  1. 官方文档
  2. 配置SSH
    本地git仓库提交到自己的github上靠的就是这个ssh,将自己本机的ssh添加到github中,这样github才会接受你从本地对git的管理
    • 在git bash中输入 ssh-keygen -t rsa -C”你的邮箱”
    • 可以不输入其他信息,一直敲回车直到命令完成。 这时你的用户目录(win7以上系统默认在 C:\Users\你的计算机用户名)内会出现名为 .ssh 的文件夹,点进去能看到 id_rsa 和 id_rsa.pub 两个文件,其中 id_rsa 是私钥,id_rsa.pub 是公钥
      - 打开github setting
      这里写图片描述
      - 把刚才id_rsa.pub文件里所有的内容复制过来
      这里写图片描述

3.安装ruby

**我们并不需要会ruby,只是需要这个环境而已。安装ruby
选择最新版本,根据自己电脑选择64位或者32位(x86)安装**
这里写图片描述
1. 一定要都选添加环境变量PATH
这里写图片描述

4.安装rubygems

安装之后我们就可以在本地预览测试我们的博客,不用每次都提交到github上。安装rubygems,当打不开时可以查看这里 here
选择ZIP下载就行

1. win+R 打开CMD 切换到你刚才rubygems解压到的路径,不会切换路径可以参考我的另一篇博文 here
2. 当你的命令行显示的是你解压的路径就输入命令
- ruby setup.rb

  1. 安装Jekyll
    接着刚才的操作在终端里输入

    • gem install jekyll
  2. 安装jekyll-paginate在终端里输入

    • gem install jekyll-paginate

clone jekyll theme

现在就挑选喜欢的模板然后clone到自己的git仓库里面,当然也可fork别人的项目,然后再从自己的github上clone到本地git,因为我只是做一个自己的博客并没有为别人项目做贡献所以就直接clone到本地,然后就开始学习jekyll是个什么东西,然后就开始修改别人的模板吧。

本地预览你的博客

打开CMD,切换到你博客所在仓库文件路径下,输入命令 jekyll serve,当出现下面这样你就可以在浏览器输入127.0.0.1:4000进行实时预览了
这里写图片描述