在 google code 項目首頁(或 wiki)嵌入 slideshare

賴勇浩(http://laiyonghao.com)

我的開源項目 都是 host 在 google code 上的,而我的幻燈片 ,都是 host 在 slideshare 上的。之前倒也沒有要把 slideshare 的幻燈嵌入項目首頁或 Wiki 的需求,但 12 月份舉辦的珠三角技術沙龍 上,我寫了個幻燈片 來講我最近開放出來的 python-message ,然後我就想把這個幻燈片當成臨時性的項目文檔了,想把它嵌入到項目首頁中去。在嘗試的過程中,才發現 google code 的 wiki 語法 只支持限制的 html tags,想把帶有 embed 或 iframe 標籤的 slideshare 嵌進去,常規武器全部無效。

仔細研讀 wiki 語法,發現它支持一種叫 gadgets 的東西,通過編寫下面這一行代碼,可以在裏面嵌入一個完整的 html 頁面,而頁面的內容,是包含在 xml 文件中的:

<wiki:gadget url="http://example.com/gadget.xml" height="200" border="0" />

在曲折的研究過程(省略萬字不提)之後,我終於把 slide share 嵌入了 Google code 項目首頁,因爲首頁跟 wiki 用的是同一套東西,所以相信大家可以把這經驗應用到 wiki 上去。大家可以點擊這裏 查看嵌入效果,看起來頗完美,不是嗎?

最後,跟大家分享真正的嵌入方法:

1、打開 https://python-message.googlecode.com/svn/trunk/doc/python-message-0.1.0-slide-gadget.xml,把這個 xml 保存下來,最好 add 到你的項目 svn,然後 commit 上去。

2、把 Slideshare 的嵌入代碼複製下來,用它覆蓋掉 xml 文件中 <![CDATA[...]]> 中的那段 html 代碼。

3、記下你的 xml 在 svn 上的 url,然後在 wiki 中增加這一行代碼:

<wiki:gadget url="https://python-message.googlecode.com/svn/trunk/doc/python-message-0.1.0-slide-gadget.xml" width="700" height="360" border="0" />

記得把上面的 url 替換成你自己的 xml 文件的 url。

4、保存,測試,完成。

=========

這種方式,有一點點不完美的地方:

1、如果點擊幻燈的 slideshare 連接,是直接在那個 iframe 裏打開頁面的。

2、不夠通過性,希望有懂 html/js 的傢伙花點時間做個通用的 gadget,然後大家把自己的幻燈片 URL 通過 wiki:gadget 參數傳進去就行了,這樣嵌入就會方便很多。

發佈了30 篇原創文章 · 獲贊 31 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章