前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >初学者在github上建立博客

初学者在github上建立博客

作者头像
yuezhongbao
发布2019-02-26 10:51:39
4400
发布2019-02-26 10:51:39
举报
文章被收录于专栏:前端实习日记前端实习日记

1.本地环境搭建

代码语言:javascript
复制
本地环境搭建其实不是必须的,有了第一步其实你的博客就已经搭建好了,但是,当你开始写博客时你就会感受到能在本地调试的好处,在本地跑起来,省去了你频繁git commit,git push去线上看效果。

1. 安装Ruby

在windows上可以访问:https://rubyinstaller.org/dow...

图片描述
图片描述
代码语言:javascript
复制
Ruby的安装一直点下一步即可,注意将“添加到环境变量”顺便勾选上, 可以根据百度经验按步骤安装。
我是直接装到了c盘下。
最后“Finish”之后会自动弹出命令行 直接回车等待就好了。

百度经验:https://jingyan.baidu.com/art...

图片描述
图片描述

2. 安装Ruby Devkit

图片描述
图片描述

在下载Ruby的下边有对应的DevKit 将这个压缩包直接解压到c:DevKit 下就行.在此目录下执行命令

代码语言:javascript
复制
ruby dk.rb init

你会发现c:DevKit目录下多了一个config.yml文件 最后,执行

代码语言:javascript
复制
ruby dk.rb install

3. 安装jekyll

代码语言:javascript
复制
在安装jekyll前我们需要下载一个工具:gems

首先:

代码语言:javascript
复制
gem install bundle 

然后:打开命令行检查一下上两步是否已安装

代码语言:javascript
复制
ruby -v
 ruby 2.3.3p222 (2016-11-21 revision 56859) [x64-mingw32]
gem -v
 2.5.2

确保正确后:

代码语言:javascript
复制
gem install jekyll

运气好的话到此本地环境就搭建好了,运气不好的话你可能会报如下错误:

图片描述
图片描述

查了好久查到原因http://blog.csdn.net/kafeidev... 后来又从头装一遍Ruby这个问题就解决了。 或许也可能报其他的错误比如 http://blog.csdn.net/rxm1989/... 这步遇到的错误在网上几乎都可以找到。

2.去fork博客主题

例如这个:https://github.com/barryclark...

这里假设rename为firstBlog,cd到D盘,运行命令

代码语言:javascript
复制
jekyll new firstBlog

创建一个默认的博客目录,但是会报错:

代码语言:javascript
复制
类似 Error: bundler

解决命令:

代码语言:javascript
复制
gem install bundler

再次运行

代码语言:javascript
复制
jekyll new firstBlog

不报错后进入项目

代码语言:javascript
复制
cd firstBlog

起服务

代码语言:javascript
复制
jekyll serve

y/成功了 访问127.0.0.1:4000即可在本地看到你的博客了。 n/若报错

图片描述
图片描述

解决方法:

图片描述
图片描述

若报错:

图片描述
图片描述

解决方法:

图片描述
图片描述

若报错:

图片描述
图片描述

解决方法:

图片描述
图片描述

若报错:

图片描述
图片描述

解决方法:

图片描述
图片描述

3.总结

代码语言:javascript
复制
ok 过程中报的错从来没见过,要是不及时总结整理关闭网页后就再也找不到了 这是我在回过头写这篇文章时最
头疼的.
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-01-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.本地环境搭建
  • 2.去fork博客主题
  • 3.总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档