github page+jekyll搭建个人博客总结
来源:互联网 发布:dz论坛seo怎么设置 编辑:程序博客网 时间:2024/06/04 18:58
前言
github page:
github提供了一块空间让我们可以当服务器用,所以我们就利用这块空间来搭建博客,我们可以把代码放在这里面,而且他还给我们提供了一个域名(username.github.io)
jekyll:
这就是一个博客的模板,只要按照这个模板的结构和语法规则来写,最后就会给你生成一个漂亮的个人博客。
windows下安装与配置
一.我们需要什么?
- git
- github账号
- ruby环境
- jekyll
1.github账号
点击这里前去注册.
2.git
首先安装git到本地电脑
1. 打开安装包,选择你的安装路径
- 然后一路默认即可,有问题点击这里
打开git bash
在git bash中输入
git config --global user.name "你的github用户名" <br>git config --global user.email "你的邮箱" <br>
- 官方文档
- 配置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
安装Jekyll
接着刚才的操作在终端里输入- gem install jekyll
安装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搭建个人博客总结
- github page+jekyll搭建博客
- Jekyll+GitHub搭建个人博客
- Jekyll+GitHub搭建个人博客
- github page 个人博客 && jekyll 记录
- 【Github】Github+Jekyll搭建个人博客
- Jekyll&&Github---使用jekyll在github上面搭建个人博客
- git+github+markdown+jekyll搭建个人博客
- [前端]jekyll+markdown+github搭建个人博客
- 使用GitHub Pages+ Jekyll搭建个人博客
- 使用jekyll+Github搭建个人独立博客
- Jekyll和Github搭建个人静态博客
- 用 jekyll + Github Pages搭建个人博客
- github+jekyll搭建个人静态博客
- 用GitHub+Jekyll搭建个人博客
- 利用 Jekyll + Github pages 搭建个人博客
- 使用Jekyll + GitHub Pages搭建个人博客
- Jekyll配合Github搭建个人博客
- 2017年11月软考全国各省市报名时间及报名网址(动态更新)
- 类和对象
- Java—List的用法与实例详解
- 解决 Android N 上报错:android.os.FileUriExposedException: file:///storage/emulated/0/
- 信号与槽
- github page+jekyll搭建个人博客总结
- 函数用法
- 5个Java分布式缓存框架
- 除法的取模
- ASP.NET Web Pages – 添加 Razor 代码
- LintCode之回文数
- es 自动补全 和 纠错 (有问题,需要大家帮忙实现)
- 红红火火恍恍惚惚
- java调用Jenkins接口api