前人栽树,后人乘凉。多谢各位大牛的技术文档,让我可以站在巨人的肩膀上眺望远方!(不过在windows上走流程有各种坑)下边是我结合制作自己博客写的总结:(非常建议Windows下用hexo环境创建博客,jekyll下问题多多,坑坑多多)
精简版地址:http://baixin.io/2016/10/jekyll_tutorials1/
mkdir Algate's Site
![](https://box.kancloud.cn/006b272a83916ad200f7bfa6080ad16e_733x794.png)
在Windows环境下和其他环境系统下安装内容和方法有所不同,此处只介绍windows下安装方法
windows环境下安装;
操作说明连接地址:http://www.madhur.co.in/blog/2011/09/01/runningjekyllwindows.html
1. 安装 Ruby
官网:http://rubyinstaller.org/downloads/
测试:Ruby是否安装成功,执行命令ruby -v
注意:勾选 “Add Ruby executables to your PATH”,安装路径不能包含空格
2.安装DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe
地址:在步骤一的官网地址里
这里需要特别注意:
![](https://box.kancloud.cn/184c06bcce7b0d5ae5c21b70ee5a6dc8_450x195.png)
要下载相对应的版本
步骤:在命令窗口下切换到安装目录,并执行以下命令
C:\Devkit 下:
ruby dk.rb init
notepad config.yml
在打开的记事本窗口中,末尾会自动添加新的一行- C:\Ruby…-x64。(相对应的安装路径)
回到命令行窗口内,审查(非必须)并安装。
ruby dk.rb review
ruby dk.rb install
测试:gem是否安装成功,执行命令gem -v
3.到想要创建站点项目的本地路径下
步骤:在命令窗口下执行以下命令
可以更改源,可以直接略过直接安装jekyll
(但是国内你就不要跳过了)详细方法连接地址:http://blog.csdn.net/rxm1989/article/details/40050185
~~~
//更换gem源
gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
|~~|此处有错,截止到发稿时,镜像地址已经改变,地址为:http://gems.ruby-china.org/
gem sources -a http://gems.ruby-china.org/
//查看gem源
gem sources -l
清空源缓存
gem sources -c
更新源缓存
gem sources -u
//更新gem
gem update --system
~~~
//安装jekyll
gem install jekyll
是否安装成功
测试:
坑:(提醒 ridk install)- 但是呢你根本下载不下来,网上不好找,终于找到一个
连接地址:https://www.jianshu.com/p/181e3fe0b545
![](https://box.kancloud.cn/0e7bd077e57c5e8ae9fdbae9bb58697b_742x373.png)
测试:gem是否安装成功,执行命令gem -v
4.安装python(可以直接略过直接看第七步骤)
地址:https://www.python.org/downloads/release/python-2714/
需要手动配置环境变量
5.安装 Easy Install
下载distribute_setup.py
地址:http://pypi.python.org/pypi/distribute
(官网下载的py文件一直执行不成功)换成被人改好的文件执行成功了
下载地址:https://pan.baidu.com/s/1jG2bYbs
把此文件单独放到python安装根目录下
命令:在python根目录下执行:python distribute_setup.py
判断是否安装成功,网上的测试在Windows下有问题:
测试:Easy Install 是否安装成功,执行命令easy_install --version
测试是否安装成功需要找到python根目录下找相关路径 (Lib\site-packages\easy_install.py)
例如:C:\Python27\Lib\site-packages
然后执行 easy_install.py --version(.py文件后缀必须添加,负责永远对不了-我的电脑如此)
此处问题较多,再加上官网也没有详细的结束,会长时间尝试安装,大坑啊!
网上解决方法https://jingyan.baidu.com/article/09ea3ede27f88ac0aede3900.html
6.安装 Pygments
7.(可以是第四步)。
jekyll new algateJekyll
![](https://box.kancloud.cn/4ccc15969e7062fd57f93dd23a39183b_723x126.png)
然后在文件夹下可以自动生成文件夹,初始内容如下图所示
![](https://box.kancloud.cn/002844663c7f5b9d94e6ca3bce242060_738x365.png)
8.cd algateJekyll
jekyll serve
我这执行启动服务的时候,出现了下列报错
![](https://box.kancloud.cn/245f21dd5f371466a512427d114e2499_1019x376.png)
需要安装bundler(gem install bundler)
可能需要重新打开命令窗口执行server
jekyll --serve --watch 命令将开启实时更新,修改文件后在浏览器中刷新就可看到效果,对本地调试很有帮助;
至此,简单的jekyll服务搭建完成
(4-6是为了高亮显示所需要的插件)
仿照https://themebetter.com/ 主题制作属于自己的blog
- 1. KanCloud快捷键
- algate.github.io的网站建设
- algate.github.io基础完善
- 如何在github上展示作品——为你的项目生成一个快速访问的网址
- Github README.md 添加图片
- git上传github常用命令
- WEB开发文档
- 工具相关文档说明
- GulpJs开发文档
- 安装Gulp详细教程
- 如何上传到github
- 服务端相关文档
- tomcat配置多域名多端口访问
- Vue遇到的那些大坑
- vue-bulid新建问题解决方案
- vue-prev功能实现方案优劣(element)
- 常用组件使用和功能实现
- 1-文件上传功能
- 2-select插件实现利弊
- 3-实现分步骤流程效果
- ES6-export与export default遇到的坑
- require.context()-route去中心化管理
- webpack.ensure(webpack代码分割)
- angular爬-跪着也要爬完
- 新建遇到的问题
- 常用angular核心知识
- React初生牛犊不怕虎
- react初次见面之泥坑深谭
- react+webpack+es6精简版HelloWorld
- create-react-app创建失败
- create-react-app不归路
- react用到的组件module
- react-hot-loader
- JavaScript成长之路
- Js进阶
- Js模块化编程:require.js的用法
- 浅谈前端架构
- Js常见问题汇总
- 浏览器渲染原理及解剖浏览器内部工作原理
- 雅虎前端优化的35条军规
- 常见问题描述-面试常问
- 前端性能优化-algate
- http状态码详解
- 作用域,闭包,面向对象
- Js基础知识
- Js基本功必须扎实
- 各个浏览器加载icon
- html特殊标签和属性的说明
- 个人资源总结
- 个人简历-绝对真实有效
- Jekyll博客创建
- Jekyll开始创建
- Jekyll文档说明
- jekyll-paginate分页问题
- HEXO博客创建
- es6新用法解析以及使用
- 神奇的三个点:...
- 几大类
- coding创建hexo
- sublime相关配置
- Atom使用