前言

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进行实时预览了

github page+jekyll搭建个人博客总结相关推荐

  1. 使用github page + Hexo搭建个人博客折腾记

    网上各种找资料,折腾了好久,终于把自己的个人博客搭建成功.现把自己使用github+hexo搭建的过程再一步步整理出来.我的 hexo 是 3.3.1 版本,hexo 3.0以上版本和3.0以下版本的 ...

  2. github page + jekyllrb 搭建新博客

    github page 操作步骤:https://pages.github.com/ (1)Create a repository Head over to GitHub and create a n ...

  3. GitHub Pages + Hexo搭建个人博客网站,史上最全教程

    文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...

  4. 如何使用Github+Hexo快速搭建个人博客

    如何使用Github+Hexo快速搭建个人博客 可以移步地址:https://zyt505050.gitee.io/2019/01/27/ru-he-shi-yong-github-hexo-kuai ...

  5. Github Pages + Hugo 搭建个人博客

    文章目录 Github Pages + Hugo 搭建个人博客 零.效果 一.创建 Github 库 二.安装 Hugo 和 Git 三.新建 Hugo 网站 四.选择 Hugo 主题 五.新建文章 ...

  6. 使用GitHub+Hexo+live2d搭建个人博客

    使用GitHub+Hexo+live2d搭建个人博客 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 安装hexo sudo n ...

  7. GitHub+hexo+win10 搭建个人博客

    GitHub+hexo+win10 搭建个人博客 个人感觉这篇很详细,值得收藏. http://hujichn.github.io/2016/04/06/Win10上利用github+hexo建立博客 ...

  8. 利用Github+Jekyll搭建个人博客

    前言 拥有一个个人博客基本上已经接近是开发者的标配之一了,在博客中记录自己的学习过程,分享自己的经验总结,也是促进自己技术成长的重要途径.当前有许多种创建个人博客的方式可以选择,如选择专业的博客网站提 ...

  9. Jekyll搭建个人博客 韩俊强的博客

    之前写了一篇HEXO搭建个人博客的教程获得了很好评,有很多读者主动给我打赏,在此感谢. 如果你看过我的文章会发现我现在的博客样式跟之前是有很大的区别的,之前我也是使用 HEXO 搭建的博客,后来发现使 ...

最新文章

  1. 极客编程日历桌面版for mac开发笔记[swift]
  2. Android生存指南:解Bug策略和思路
  3. 【官方文档】《暗黑世界V1.4》API说明!
  4. 【离散数学中的数据结构与算法】七 排列与组合三
  5. Java开发十大常用网站
  6. 船长英语题库测试软件,船长英语新题库题(资料).pdf
  7. django目录介绍
  8. idea下以及git如何快速切换remote远端服务器
  9. 点播的时候出现 “S1-10921” 的错误
  10. win10删除文件夹提示需要管理员权限的解决办法
  11. Kube-OVN:大型银行技术团队推荐的金融级云原生网络方案
  12. Android点击View改变字体颜色和边框背景
  13. 保险合同的订立,生效与履行
  14. 金纳米颗粒上装载DNA四面体|金核(75-100nm左右)sio2壳层(3-5nm)产品描述/信息/详情
  15. 显卡驱动一定要更新吗?怎么更新显卡驱动?
  16. 2021数学建模国赛B题复盘详细解析
  17. 不用的MacBook这样处理比较好
  18. 如何判断是否受到DDOS攻击?被攻击该如何解决?
  19. 【自学Python】Python浮点型(float)
  20. 抛弃传统IPO,直接上市,你准备好了吗?

热门文章

  1. 安卓手机管理器_神器推荐,安卓手机拯救者来了!!!
  2. opencv 最大内接矩形_OpenCV之二值图像分析 – 寻找最大内接圆
  3. 征途服务管理器显示不出启动服务器,征途服务器管理器连接数据库
  4. 多目标跟踪MOT评价指标
  5. BZOJ2658 ZJOI2012 小蓝的好友(treap)
  6. response.sendRedirect(url)与request.getRequestDispatcher(url).forward(request,response)的区别
  7. 有关无限极分类并排序问题
  8. ios保存录制好的视频 图片 到相簿
  9. 极客技术专题【003期】:java mvc 增删改查 自动生成工具来袭
  10. SecureCrt 常用命令