在 OpenShift 上部署 TimelineJS 应用，页面显示 timeline 元素为空，用 curl 添加文章失败

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3385 天前的主题，其中的信息可能已经有所发展或是发生改变。

参照了 http://segmentfault.com/a/1190000000368066 ，clone好的自己的仓库在https://github.com/Adward-R/Timeline-Demo ，部署好的页面通过http://timeline-adward.rhcloud.com/ 访问（有VPS+SS）；
请问用过的开发者们，*.json文件应该放在哪里，页面上能显示出来？

timelinejs

openshift

JSON

3 条回复 • 2015-01-13 08:43:55 +08:00

Xuanwo

2015-01-13 01:35:53 +08:00

刚好最近也看了一下TimelineJs应用（V2EX的推荐算法这么屌？不科学- -）

观察了一下github页面的guideline，以内联式为例：

<div id="timeline-embed"></div>
<script type="text/javascript">
var timeline_config = {
width: '100%',
height: '600',
source: 'path_to_json/or_link_to_googlespreadsheet',
embed_id: 'timeline-embed', //OPTIONAL USE A DIFFERENT DIV ID FOR EMBED
start_at_end: false, //OPTIONAL START AT LATEST DATE
start_at_slide: '4', //OPTIONAL START AT SPECIFIC SLIDE
start_zoom_adjust: '3', //OPTIONAL TWEAK THE DEFAULT ZOOM LEVEL
hash_bookmark: true, //OPTIONAL LOCATION BAR HASHES
font: 'Bevan-PotanoSans', //OPTIONAL FONT
debug: true, //OPTIONAL DEBUG TO CONSOLE
lang: 'fr', //OPTIONAL LANGUAGE
maptype: 'watercolor', //OPTIONAL MAP STYLE
css: 'path_to_css/timeline.css', //OPTIONAL PATH TO CSS
js: 'path_to_js/timeline-min.js' //OPTIONAL PATH TO JS
}
</script>
<script type="text/javascript" src="http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js"></script>

其中source:'path_to_json/or_link_to_googlespreadsheet'中的路径修改为json文件在服务器上的位置或者是发布成功的google文档位置， css:'path_to_css/timeline.css'以及js:'path_to_js/timeline-min.js'中的路径也要修改为自己服务器上的位置，或者直接调用knightlab的CDN上的资源。

然后将这段代码插到一个HTML页面上，就能访问了。

实际上，根据 http://timeline.knightlab.com/ 这个页面上的步骤一步一步来，就能迅速生成一个，可以参考学习一下。

最后，我观察了一下LZ的源代码，发现source: result，我琢磨是路径不对？

dantifer

2015-01-13 06:19:31 +08:00

https://github.com/zfdang/timeline-gallery-in-openshift

你可以参考一下

Adward

2015-01-13 08:43:55 +08:00

@Xuanwo 话说我在app的目录下（服务器上）找了一圈都没有找到类似你说的这个html……虽然我已经从git主页拿到源码，暂且可以不需要这个app而部署一个简单的嵌入时间线了（简单的创建方法之前已经成功了）