jekyll+livereload+chrome插件-更新文件后自动刷新

2014-08-27

本文不保证成功,window系统会出现各种问题,如若不成功,请直接用livereload的window版,解决,详细可以查看livereload下载对应版本操作,比较傻瓜式;

以下主要介绍的是命令行配置的方式:

jekyll+livereload更新后自动刷新,老外的教程,先看看:

http://dan.doezema.com/2014/01/setting-up-livereload-with-jekyll/

1.安装guard-jekyll-plus 时会出错,依赖包版本问题,按照提示安装 对应的listen版本,语法是 gem install listen --version=1.3

2.安装guard-livereload 时出错,主要是 eventmachine这个出错,解决办法,很简单;

解决方法是,

1.修改

F:\x_linux\Ruby\lib\ruby\gems\2.0.0\gems\eventmachine-1.0.3\ext\project.h

注释掉第97行内容

2.跳转到F:\x_linux\Ruby\lib\ruby\gems\2.0.0\gems\eventmachine-1.0.3目录下

执行gem build eventmachine.gemspec

3.将生成的eventmachine-1.0.3.gem,拷内到其它目录下,执行下边一句

gem install eventmachine-1.0.3.gem --local

这样就成功了。

完整的过程,来自于这篇文章!

来源: <http://www.mkitbe.com/index.php/2013-07/864>

补充原文+参考url:

http://dan.doezema.com/2014/01/setting-up-livereload-with-jekyll/ 这篇是环境配置教程,优先看

http://stackoverflow.com/questions/17361958/eventmachine-gem-install-fail

http://stackoverflow.com/questions/17361958/eventmachine-gem-install-fail

http://stackoverflow.com/questions/8395526/using-live-reload-with-jekyll

http://wp.xdite.net/?p=3088

时间: 2024-08-07 08:35:56

jekyll+livereload+chrome插件-更新文件后自动刷新的相关文章

离线Chrome插件安装文件(crx)的安装方法

一.正常安装方法 1.开发谷歌浏览器,设置->扩展程序 在打开的谷歌浏览器的扩展管理器中用户可以看到一些已经安装程序的Chrome插件,或者一个Chrome插件也没有. 2.下载Chrome插件离线安装文件xxx.crx,执行安装 然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个[拖动以安装]的插件按钮. 松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后可能会给予用户一个确认安装的提示

vim 新建文件后自动插入模板

一.标题:vim 新建文件后自动插入模板 二.概要    无论是Linux系统管理员,还是linux开发程序员,都经常驻足于linux环境下的vi 编辑器编程开发.本篇分享,工作中的实用的编程工具技巧,可轻松一键搞定你设计想要的模板格式. 三.需求 在vi编辑器里,新建编码文件总是空白,有什么办法可以创建时,预先就指定对应的模板格式呢?怎么可以节省注释啊.编码格式啊.更新创建日期啊等等的备注呢? 四.实现 4.1 #vi ~/.vimrc (没有则新建一个  -rw-r--r--) 4.2 将以

写chrome插件---一个优酷自动加粉丝助手

写chrome插件主要就是写js , 我们要构造界面(HTML), 以及样式(CSS),  以及chrome给我们提供的jsAPI, 主要是chrome的API, 调试的话可以使用chrome的开发者工具(f12)直接调试; API地址的截图先过一遍, 这个非常重要: 如果从来没写过chrome插件, 我们可以参考这个打开, 里面有很多现成的DEMO, 我们能够直接在线看一些简单的DEMO代码: 我写的这个youku自动订阅助手使用了bootstrap和jQ(个人认为是标配,(●'?'●)),也

如何在修改 gulpfile.js 文件后自动重启 gulp?

gulp 非常好用,编写好 gulpfile.js 文件后,一般情况下在命令行用 gulp 就能启动开发环境,大大简化了开发流程.但是有一个问题没有解决,就是编写 gulpfile.js 文件过程中,如果这个时候 gulp 已经启动,修改 gulpfile.js 文件,进程并不会变化,我们希望 gulpfile.js 文件修改后,gulp 进程能够自动重启 我们接下去以这个脚手架 gulp-simple 为例 原始的 gulpfile.js 文件如下: const gulp = require(

解决在sdk manager中更新文件后出现This Android SDK requires Android Developer Toolkit version 23.1的错误

起因:在sdksdk manager中更新了adt及其他的支持库后,eclipse报错:This Android SDK requires Android Developer Toolkit version 23.1的错误.可是sdksdk manager中明明显示23.1的adt是已经installed的了呀,这就奇怪了.. 解决办法:Help -> Install New Software -> Add ->http://dl-ssl.google.com/android/eclip

WIN10文件无法自动刷新问题解决方法

Window10系统有时候会遇到以下类似的问题 1.文件删除后,图标还在,无法自动刷新屏幕,按F5或右键菜单刷新后才消失 2.文件粘贴后,不显示,刷新后才显示 3.回收站清理后,文件图标仍显示有垃圾 解决方法: 1.打开启动注册表编辑器,展开HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\Update如果没有Update项,右击Control选择新建项目,命名为Update 2.右击Update项目,新建DWORD值(32位),命名为Upd

解决:电脑新建文件后需要刷新才显示

电脑不管是桌面文件,还是磁盘文件夹内的文件, 新建文件后都需要刷新才显示 解决: 电脑显卡问题  ,重新安装显卡 Nvidia显卡有一个服务停止了,NVIDIA Network Service服务 ,开启就正常了 .

Javascript实现页面加载完成后自动刷新一遍清除缓存文件

我们有些时候在加载页面时,会出现缓存文件对当前文件的表现效果有干扰,如有些缓存的样式文件会是页面效果发生改变,这时我们希望页面在加载时能自动刷新一遍清楚缓存文件. 但是由于跳转页面肯定会用到BOM部分的window对象的内容来改变当前window,自动改变window几乎不太可能控制window的加载次数,因为每次新window产生一切变量及对象内容都会清掉.这时候可以考虑是否可以通过获取页面跳转加载时原页面传来的信息不同而做判断来控制window是继续跳转还是停止跳转.这时,就可以用到wind

Linux下svn提交文件后自动同步更新到网站目录

有时,对于多文件需要上传到服务器的时候将会很麻烦,但是如果使用svn的钩子脚本就容易实现本地提交svn后,自动同步代码文件到远程服务器的网站目录下,而不必手动上传了. 首先,在网站目录下checkout代码,例如我的目录是/data/www/test svn co https://127.0.0.1/test/trunk//data/www/test/ 注意,这是因为有时我会在服务器上直接修改代码,所以用checkout,如果不需要,可以用export,此指令不带.svn版本文件. 迁出代码后,