生成动态网页只能用谷歌驱动器

这个职位也可在: 英语 俄语 西班牙语 葡萄牙语(葡萄牙) 法语 阿拉伯语 德语 日语

< 警告 >
我建议你​​获得额外的Google账户仅适用于大众。
因为如果你按照我的步骤,您的Gmail地址将是对公共的XML文件。

< 于2014年7月9日新的解决方案 >
我写的帖子获取谷歌电子表格作为JSONP的新版本。如果你想使用谷歌电子表格的新版本,生成动态网页,而不是旧版本,请参阅该职位。

< 更新于2014年4月26日 >
请在谷歌网上商店,而不是Drive Notepad使用Anyfile Notepad或任何其他文本编辑器应用程序的谷歌驱动器。因为Drive Notepad从存储中删除。

< 更新于2014年5月12日 >
嘿!Drive Notepad是回到谷歌网络商店!

< 推荐 >
我建议你安装“Drive Notepad”。这对谷歌驱动器的扩展。当您安装驱动记事本,你需要Chrome。但在连接Drive Notepad到云端硬盘后,Chrome浏览器不是必需的。您可以在任何浏览器中使用驱动器记事本。
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< 从电子表格更新内容 >
您需要使用“谷歌电子表格的版本1”。由于“第2版”不支持CSV和XML共享爱好。 (我在2014年4月19日写了这篇文章。)如果你平时生成新的电子表格的今天,它会自动进行版本2。

谷歌解释上”试用新版Google表格“新的电子表格。

我担心CSV和XML共享不会在版本2的支持,所以我检查也”新版Google表格不支持的功能“。但这个功能没有在该网页上列出。是的…没有上市……但没有人知道什么时候谷歌改变主意….
你可以同意这个情况?

让我们进入https://g.co/oldsheets生成一个电子表格中第1版。

这是我的样品。

它只是一张纸。它头,3列和2列。
( 我要生成imgur图像的网站。 )

< 让我们把它公开 >
按照下面的图片。
publish_to_the_web_zh-hans

选择“发布到网络”,推动“开始发布”。
请参阅“获取已发布数据的链接”一节。
publish_to_the_web_2_zh-hans
你可以得到你的电子表格作为网页,HTML,CSV,TXT,PDF,ATOM,RSS,XLS和ODS.If要同步的电子表格到您的网站,你应该选择CSV,ATOM或RSS。这些都是很容易的格式进行同步。当您选择其中之一,你可以找到功能选择列和行。该功能可以使每个请求更小的文件大小。

如果您选择CSV,选择范围之前,请选择目标表。样品是像下面的图片。
select_sheet_zh-hans
在我的范例,”A1″为标题。我想获得最大的5行。所以我设定的范围”A2:A6″。
select_cell_zh-hans
您可以在URL中找到”range=A2%3AA6″。如果你想分页功能添加到您的网站,您应该动态地更改为”range”通过Javascript的参数。

< 是不是很难? >
不要担心。我在这里写的Javascript代码。
https://github.com/mecrazy/generateGoogleDriveUri
这个脚本是使用CSV,ATOM和RSS格式兼容。这是唯一的URI发生器。它不具有解析器。如果您选择ATOM或RSS,您可以使用jQuery作为一个解析器。

请使用”generateGoogleDriveUri.min.js”象下面这样。

<!DOCTYPE html>
<html>
<head>
<title>样本页面</title>
<script src="js/generateGoogleDriveUri.min.js"></script>
<script type="text/javascript">
window.onload = function(){

//Casting object
var gduObj = new genGDU('把一个链接在这里公布的数据');

//Generate URI
var atomUri = gduObj.genUri(
  'atom', // 我选择ATOM格式。
  {
    startRow:2, //从第2行开始
    startCol:1, //从山坳1开始
    cols:1, //剪下1列
    rows:5, //切每页5行
    page:1 //获取第一页
  }
);

var html = '<a href="' + atomUri + '" target="_blank">' + atomUri + '</a>';
document.getElementById('sample').innerHTML = html;

}
</script>
</head>
<body id="sample"></body>
</html>

< 添加的index.html和Drive Notepad设置 >
当你在Chrome添加Drive Notepad,你可以找到关于创建谷歌驱动器的菜单”Text Document”。
add_index_zh-hans
如果这是你第一次使用Drive Notepad,你会被要求像下面。
permission_01_en_us
按”Login and/or grant app permissions…”并接受以下问题。
permission_02_zh-hans

请更改文件名以”index.html”会。保存文件后,关闭该选项卡。
change_file_name_en_us

请更改设置有关”管理应用”。
manage_apps_zh-hans
请检查驱动器记事本排的”默认情况下使用”。
use_by_default_zh-hans
在此之后,您可以使用Drive Notepad像谷歌驱动的其他应用程序。

< 更改共享设置 >
选择您的文件夹设置公开。
在此之后,按照下面的图片。
set_sharing_enabled_01_zh-hans
设置“在网络上公开”入选。
set_sharing_enabled_02_zh-hans

< 准备的HTML,CSS,Javascript代码 >
使用Drive Notepad让他们做好准备。
或用自己的文字编辑器来编辑和上传。
我的相对位置是象下面这样。
my_public_tree_zh-hans

下面的链接是谷歌电子表格创建我的网页。
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
如果你愿意,请使用来源为样本。

< 额外的程序 >
我公司开发imgur的URL转换为我的网页。如果你愿意,请用这个。
https://github.com/mecrazy/imgurUrlConverter