HTML5幻灯片 | /cn/2011/11/html5-slides/

我用Windows版本的Firefox测试的时候也有这种感觉，不知道为啥不同系统下的Firefox在字体渲染方面还有不同。Ubuntu下没问题。Chrome比较靠谱一些。

——原帖发布于 2011-11-04 20:04:14

1. 是的，是的。
2. 对，这些东西都在CSS中定义，还是那个道理：样式与内容分离；keydown（我用的0.7.1，因为新版本改丑了不少）会把markdown转为HTML，并且自带了一些漂亮的CSS定义，然后我自己稍微调整了一下。
3. 我是说幻灯片没必要非用LaTeX，自从用了这个，我感觉以前很大程度上被LaTeX束缚住了。

我初步计划回归简约风格，看网站就像看书一样，一篇日志一张白纸，类似这种感觉：
http://yihui.github.com/knitr/

——原帖发布于 2011-11-04 20:11:03

因为我厌倦了用户名+密码+HTML编辑器+数据库的方式，太费心了，如果每一篇日志都是我自己电脑上的一个简单文本文件，没有p没有div没有code，需要发布就把文本文件git push上服务器，然后服务器自动把文件翻译为HTML页面；如果需要修改，我只需要在本地修改一个文本文件，不需要打开网页进后台面对一个HTML编辑器，对我来说这都太繁琐了。静态网页加载起来也快很多。如果文章不需要频繁修改，没必要用动态页面（当然WP有很多缓存的插件）；如果哪天服务器崩了，我一点损失都没有，因为我完全可以在本地编译出所有的静态页面。作为网站主人，只需要关心写日志，至于评论，外包交给DISQUS就可以了（在静态页面内放点JavaScript就一切OK了），什么垃圾评论的事情都由它去处理。这跟程序设计是一样一样了，把整个事情模块化，我只负责写日志这个模块。

而且从WP到Jekyll已经有转换程序，所以人类已经无法阻止我迈向极客的博客工具了。

——原帖发布于 2011-11-04 20:20:42

访客 *Weicheng* @ 2011-11-04 21:03:57 写道：

对工作原理还是不太清楚，是不是要自己网站的服务器支持git啊？“服务器自动把文件翻译为HTML页面”需要服务器安装什么?

@mingsnu

我说的就是GitHub网站，它提供网站服务，你可以建个人主页，也可以为你的项目建网站，它的服务器上有自动翻译程序（即Jekyll），详情参见 pages.github.com 对程序猿来说，只需要有个域名就行了，剩下的事情都交给GitHub处理，当然，要记得有300Mb空间限制，但那也只是软限制，只要你不滥用它的空间，它不会真的掐你，话说回来，谁有本事写300Mb纯文本日志啊。

——原帖发布于 2011-11-04 21:43:16

访客 *Weicheng* @ 2011-11-04 22:07:46 写道：

我刚刚才看了您的那个链接才发现原来github能做网站啊～那您就是把您的域名指到github的二级域名上去就行了是吧。这样其实省下了租服务器的钱了哈，300M实在不够用的话再买点github的空间也不算吃亏……

@mingsnu

访客 *土木坛子* @ 2011-11-05 01:58:33 写道：

我的个娘呀，见过极客，没有见过这极的极客，太让我佩服了。五十体投地。
你的这个网站现在已经够简洁厉害了呢。

是的，的确不需要服务器了，花白菜价买个域名，往GitHub上一指，一个网站就可以咚咚呛敲锣打鼓开张了。在网站多如牛毛天下文章一大抄的时代，咱们只能阿弥陀佛保佑自己的网站不被淹死啊。

——原帖发布于 2011-11-05 02:09:29

嘿嘿，我这模板已经好几个人用了，而且这里多余的元素还是太多，目前我比较中意的形式之一是这个： http://sparanoid.com/note/

建博客就只注重文章和评论，其它的都是多余的；建论坛就只有发帖和回帖功能。信息越是爆炸，功能就越要简化。

——原帖发布于 2011-11-05 02:17:00

我只是个业余人士，一般也就改改字体什么的。

——原帖发布于 2011-11-05 09:13:21

要是JavaScript能那么简单算回归，那就不需要R了，但这个大概不可能实现吧，不过呢，JS调用别的程序或服务器端的程序可能会有希望，比如JS发个查询，服务器上的R猛算一番，把结果以JSON的形式扔回来，然后JS用HTML5 canvas把图形重现。

——原帖发布于 2011-11-04 20:24:14

访客 *gaotao* @ 2011-11-04 21:12:38 写道：

想起肖楠前段时间给我看的javascript写的图形展示，优美的交互确实让我很震撼。刚才也查了下html5做的slide，这个做的让我很受震动！

@joegaotao

是的，这是个经典展示，而且已经有人翻译为中文了。

——原帖发布于 2011-11-04 21:45:26

访客 *Weicheng* @ 2011-11-04 21:59:46 写道：

刚在微博上看见的，有一见钟情的感觉：）

@mingsnu

文中不是有链接么：
http://yihui.github.com/slides/2011-r-dev-lessons.html

——原帖发布于 2011-11-05 20:47:52

访客 *Nothing* @ 2011-11-19 16:26:58 写道：

可是打开链接我只看到一篇灰蓝，进度条显示“完成”，什么状况？

IE浏览器？

——原帖发布于 2011-11-19 22:14:37

访客 *Nothing* @ 2011-11-20 17:25:39 写道：

是IE浏览器，那该用什么浏览器才能看到？

看本文的最后一句话。

至少用Firefox和Google Chrome都可以看，IE总是落后这个世界半个世纪。

——原帖发布于 2011-11-20 20:56:28

我不知道，没用过。GitHub只支持Jekyll。

——原帖发布于 2011-11-09 06:36:57

我不知道，我用的是Ubuntu，sudo gem install keydown

——原帖发布于 2011-11-09 21:29:45

访客 *Zen* @ 2011-11-10 20:04:22 写道：

这个问题可能真和操作系统相关，原因是方校长麾下牛鬼蛇神太强大
http://goo.gl/et8Zq
http://goo.gl/y7Rbw
看来要么做复杂的配置，要么弃win转战ubuntu（linux）

访客 *ypchen* @ 2011-11-10 20:59:40 写道：

是的 在win下用自由软件 总觉得很别扭 各种不成功

@yanping

ruby gem程序不应该在irb里运行吧，它是个可执行程序，直接在命令行窗口中运行就可以了（当然，keydown所在的目录得在PATH里，由于Ubuntu和Ruby无法达成一致，所以默认情况下gems都装在一个奇怪的目录下，不在PATH里，如果你不知道它在哪儿的话，可以用locate keydown找一下，大概是在/var/lib/gems/1.8/bin下）

——原帖发布于 2011-11-13 21:56:26

访客 *Zen* @ 2011-11-14 21:05:59 写道：

#将keydown所在文件夹添加入PATH
$ PATH="$PATH:/var/lib/gems/1.8/gems/keydown-0.9.1"
$ export PATH

#在home/vb/mymymy下建立了slides的骨架（vb是我ubuntu用户名）
$ keydown generate mymymy

#修改home/vb/mymymy/slides.md，将其转换为html格式的幻灯片
$ cd /home/vb/mymymy
$ keydown slides slides.md

成功！谢谢博主！

谢谢你回来把过程贴出来，这正是我偷懒不想打字的内容。

——原帖发布于 2011-11-14 22:40:16

哈哈，你想听事情的真相吗？我这篇日志隐藏了一个重要事实，那就是我之所以看到HTML5幻灯片，全都是因为你在GitHub上关注了那几个HTML5的项目。作为一个视觉动物，对推广“美”我一向奋不顾身：）

——原帖发布于 2011-11-14 10:55:41

访客 *G_will* @ 2011-11-14 18:40:25 写道：

说的是，很多东西虽然觉得好，看一眼就过去了，没有整理融入自己的知识网络。以后一定要多向你学习，把好东西整理出来，多加推广。

@Gwill

在我眼中，东西好坏只有一条评判标准，就是看你自己用不用。很多人宣扬某些软件有多强大，可自己都不是用户，那是不可能说服别人的。用一句很土而且有歧义的话来说，咱得“剑人合一”。

——原帖发布于 2011-11-14 22:34:17

我不知道怎么打印。如果是上课用的话，这个恐怕还不合适。个人单场演讲可以用用。

——原帖发布于 2011-11-19 01:22:44

已经被无数人批评“跳票太厉害”，愧对人民群众，我，我，我保证这次寒假隐居完成一次大改。有网络的地方很难干大活。

——原帖发布于 2011-11-19 22:16:53

访客 *李青龙* @ 2011-11-20 13:51:24 写道：

我还以为就我会因为网络这样呢，原来益辉大神也如此啊哈哈

http://yihui.name/cn/feed/ 见页面右栏最底部

——原帖发布于 2011-12-01 06:14:01

这两天费了牛鼻子劲总算从Wordpress腾挪到Jekyll了，真是对身心的极大摧残……一共423篇中文，103篇英文，数千评论。尽管都是自动化操作，但还是有很多地方无法自动化，只能小米加步枪用R+正则表达式处理。目前绝大多数文章还没进行代码清理，但没时间了，得干正事去了。

——原帖发布于 2012-02-07 06:50:35

访客 *ypchen* @ 2012-02-09 01:01:42 写道：

 还好我没有历史包袱  用wordpress才几天就换到jekyll去了 要不也懒得折腾了

@yanping

浏览器的全屏功能自盘古开天辟地时就有了，只不过极少有人用它而已。Firefox和Chrome都是F11键，其它浏览器我不清楚。

至于beamer还是HTML5，就是个人口味问题了。

——原帖发布于 2012-05-04 16:43:43

md是源代码，html是编译结果。

md有很多转换工具，各自为政，语法不统一，我这里注明了是keydown，所以你要看keydown的说明。

——原帖发布于 2012-08-26 01:19:32

访客 *明星 赖* @ 2012-11-09 21:11:35 写道：

非常感谢你的答复，今天晚上研究了一下，我已经能够做出简单的幻灯片了。我有一个疑问就是你是如何将md转成html的，我用你的2011-r-dev-lessons.md 文件执行keydown slides 2011-r-dev-lessons.md 操作，生成的html居然和你的不一样，其他地方你改过我可以理解，为什么“body....../body”里面的内容差异那么大呢，不知道你是用什么方法的。

我当时用的那个keydown版本后来经过了很大的修改，所以你看到的样式完全变了。

——原帖发布于 2012-11-09 22:25:18

访客 *明星 赖* @ 2012-11-10 01:16:40 写道：

刚看了一下啊，好像有规律，可以用宏录制+shell脚本

可以装旧版本的。我不喜欢新版的keydown，觉得太过臃肿了。

——原帖发布于 2012-11-10 02:51:00

这已经是前朝旧事了，几年前Google有提供免费的私有域名绑定Gmail服务，现在已经变成收费了：https://www.google.com/a

——原帖发布于 2014-12-30 22:05:36