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

2015-01-13 00:45:53 +08:00
 Adward

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

3341 次点击
所在节点    JavaScript
3 条回复
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
Adward
2015-01-13 08:43:55 +08:00
@Xuanwo 话说我在app的目录下(服务器上)找了一圈都没有找到类似你说的这个html……虽然我已经从git主页拿到源码,暂且可以不需要这个app而部署一个简单的嵌入时间线了(简单的创建方法之前已经成功了)

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/161591

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX