25Lab Template 及其使用說明

Maintain owner:Cathy

25sprout 有一套 25Lab Template(25sprout Only)。以下將簡單介紹 25Lab Template 的使用時機與架構。

使用時機

  • 想要在 25lab 分享自己的小工具,或是 demo source code 時。

資料假結構說明

  • 路徑:lab.25sprout.com/YOUR_PROJECT_NAME/
  • 資源index.php 只要有 include ../source/source_head.php 就已經有包含很多東西了。
  • 另外:可以自己建立自己需要的 js,images,source,json 等Folder.

已包含的Framework清單

  • jquery-1.9.0.min.js
  • jquery-ui-1.10.0.custom.css
  • jquery-ui-1.10.0.custom.min.js
  • bootstrap.min.css
  • bootstrap.min.js
  • lab google analysitic
  • author copyright favicon
  • http://lab.25sprout.com/css/lab_site.css
  • google fonts
  • paste code pre tag with prettify

我放檔案到 Lab 一定要套用 Template 嗎?

既然你都問了,我就來說明一下有套跟沒有套差異。首先我們先個舉一個例子給你理解一下什麼是有套,什麼是沒有套。

[有套的]

[沒套的]

你應該可以發現,[有套的] 上方都會有一個一致的導覽列。就像你去看 codedrop 網站,他們每個 demo site 左上角或是右上角都會有看起來一樣的東西。

所以當 Lab 大改版的時候,只有有套到 Template 的 Demo site 會被一起改到共用的主視覺。所以大家可以自己決定要不要套版型。

我做好了一個 Lab 除了開一個資料夾傳上去以外,還有什麼要注意的嗎?

安全性檢查

由於 Lab 是一個公開的網域,所以在你公開一個小工具之前,別忘了確認你的網站有沒有可能被透。

首頁露出

除此之外,別忘了在首頁露出你的小工具,並加上適當的 filter 條件(你的名字、語言的類別)。

results matching ""

    No results matching ""