GithubHelp home page GithubHelp logo

snoopy60313 / beta.ocf.tw Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ocftw/v1.ocf.tw

0.0 2.0 0.0 64.63 MB

ocf.tw beta site

Home Page: http://beta.ocf.tw/

HTML 86.11% Ruby 0.36% JavaScript 6.65% CSS 6.87%

beta.ocf.tw's Introduction

OCF.TW 開放文化基金會官方網站

線上預覽

beta.ocf.tw

編輯網站內容

新增專案

  1. 建立專案資料
  • 決定專案 id (英數,英文全小寫)

  • 建立專案的的 .yml 檔案

    • 檔案名稱: (your_project_id).yml ,例如 intl.yml
    • 檔案位置: /_data/projects/(current_year)/ ,例如 /_data/projects/2016/
  • 複製 專案 yml 範本 的內容,貼到新建立的 (your_project_id).yml 檔案中編輯

  1. 把專案加到 專案與成果 頁的列表
  1. 建立專案頁(optional,視業務需要)
  • 建立專案資料夾

    • 資料夾名稱: (your_project_id) ,例如 intl
    • 資料夾位置: /p/(current_year)/ ,例如 /p/2016/
  • 在專案資料夾中新增 index.html 檔案

  • 複製 專案頁 html 範本 的內容,貼到新建立的 index.html 檔案中編輯

設定長期專案

  1. 建立長期專案資料夾
  • 資料夾名稱: (your_project_id)/ ,例如 admin/
  • 資料夾位置: /p/
  1. 建立長期專案頁
  • 在長期專案資料夾中新增 index.html 檔案
  • 複製 專案頁 html 範本 的內容,貼到新建立的 index.html 檔案中編輯
  • 將檔案開頭的 year: 欄位內容設定為 current
  1. 建立跳板頁
  • 檔案名稱: index.html
  • 檔案位置: /p/(year)/(your_project_id)/ ,例如 /p/2016/admin/
  • 檔案內容:複製 跳板頁 html 範本 的內容,貼到新建立的 index.html 檔案中編輯
  1. 修改專案資料檔
  • 目標檔案: /_data/_projects/(current_year)/(your_project_id).yml ,例如 /_data/projects/2016/admin.yml
  • 將檔案內 link: 中第一筆資料的 url: ,從完整網址改為跳板頁網址,例如從 /p/2016/admin/ 改為 /p/admin/

新增工作人員

  1. 建立工作人員資料
  • 確認工作人員的 slack id

  • 建立工作人員的的 .yml 檔案

  • 複製 工作人員 yml 範本 的內容,貼到新建立的 (staff_id).yml 檔案中編輯

  1. 把工作人員加到 工作夥伴 頁的列表

新增合作單位

  1. 建立合作單位資料
  • 確認合作單位的 id,通常採用網域名稱

  • 建立合作單位的的 .yml 檔案

  • 複製 合作單位 yml 範本 的內容,貼到新建立的 (org_id).yml 檔案中編輯

  1. 把合作單位加到 工作夥伴 頁的列表(optional,視業務需要)

新增活動

  1. 建立跨專案共用的活動資料,同時加到所屬專案的活動列表中
  1. 建立個別專案專用的活動資料,同時加到所屬專案的活動列表中
  1. 建立活動頁(optional,視業務需要)
  • 建立活動資料夾

    • 資料夾名稱: (your_event_id) ,例如 dalc
    • 資料夾位置: /p/(current_year)/(project_id)/(evnet_id) ,例如 /p/2015/intl/dalc/
  • 在活動資料夾中新增 index.html 檔案

  • 複製 活動頁 html 範本 的內容,貼到新建立的 index.html 檔案中編輯

新增年度

  1. 編輯全站設定檔 /_data/settings.yml ,將 current 欄位內容改為新的年度,如把 current: 2015 改成 current: 2016

  2. 設定新年度的專案

  • 建立新年度專案的共用資料夾

    • 資料夾名稱: (year) ,例如 2016
    • 資料夾位置一: /p/
    • 資料夾位置二: /_data/projects/
  • 若有跨年度專案,設定該專案的 .yml 檔案和網頁資料夾

    • (your_project_id)/ 從舊年度的資料夾,複製到新年度的資料夾,例如把 /p/2015/admin/ 複製為 /p/2016/admin/
    • (your_project_id).yml 從舊年度的資料夾,複製到新年度的資料夾,例如把 /_data/projects/2015/admin.yml 複製為 /_data/projects/2016/admin.yml
  1. 設定新年度的活動
  • 建立新年度活動的共用資料檔
    • 檔案名稱: (year).yml ,例如 2016.yml
    • 檔案位置: /_data/events/
  1. 設定新年度的電子報
  1. 設定新年度的成果報告
  • 建立新年度成果報告的 .yml 檔案

  • 建立新年度的成果報告頁

    • 檔案名稱: index.html
    • 檔案位置: /p/(new_year)/ ,例如 /p/2016/
    • 複製 活動頁 html 範本 的內容,貼到新建立的 index.html 檔案中編輯
  • 可在 /p/(new_year)/ 預覽成果報告頁,如 /p/2016/

編輯電子報清單內容

編輯成果報告頁面內容

編輯主選單

編輯 people 頁分類選單

編輯 project 頁分類選單

編輯 about 頁大綱

編輯 mediakit 頁大綱

幕後作業區

資料

活動列表後台

設計

網站設計團隊後台

程式

$ gem install jekyll
$ jekyll serve

beta.ocf.tw's People

Contributors

etblue avatar jimyhuang avatar snoopy60313 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.