Tutorial: Hosting your own Hackfoldr 2.0
編輯歷史
| 時間 | 作者 | 版本 |
|---|---|---|
| 2016-11-24 05:14 – 05:16 | r3450 – r3520 | |
顯示 diff- Tutorial: 接待你的 自己的Hackfoldr 2.0
- 在阿其他语言:
- *中文版(zh型)http://g0v.hackpad.com/hackfoldr - 2.0 - hackfoldr g7i…
-
- *什么是Hackfoldr 2.0
- Hackfoldr是一种方便的web文件夹来存储链接OSS项目合作。
-
- 一个示例文件夹- - - - - -http://folder.moztw.org/hackfolder_template
-
- 如何它w工作
- hackfoldr使用ethercalc.org表为生活configating文件。 表的每一行代表一个链接。 您还可以设置链接在新窗口打开,添加子文件夹,或者添加彩色标签。
-
- *主机荷兰国际集团(ing)y我们的own Hackfoldr
- 很容易为f工作 & customize
-
- 好处
- *使用你的自己的域的名字 和customize的 着陆页面。
- *例如,http://beta.hackfoldr.org/ 与ethercalc.org/welcome-to-hackfoldr
- *和 http://folder.moztw.org/ 与ethercalc.org/moztw, 哪一个存储与MozTW相关的所有文档,Mozilla台湾社区。
- *你将能够启用 隐藏的快捷菜单在自己的实例。
-
- 步骤0:起步
- 你需要以下进行:
- *一个域名
- *一个github帐户
-
- 步骤1:叉Hackfoldr 2.0回购
- *Gohttps://github.com/hackfoldr/hackfoldr - 2.0 forkme
- *C舔右上角“叉”按钮
-
- 第二步:编辑CNAME文件在gh-pages分支
- *Go你的崭新的hackfoldr回购
- *切换到“gh-pages”分支 前左 部门下拉按钮
- *点击打开 ”CNAME”文件在根目录
- *点击铅笔按钮前正确的一边编辑CNAME文件
- *把你的域CNAME文件中
- *确保CNAME文件包含只有一个一行
- *例子:https://github.com/moztw/hackfoldr-moztw/blob/gh-pages/CNAME
-
- 步骤3:设置了 y我们的域名
- 添加一个CNAME记录f你的领域,并设置目的地 ”_YOUR_GITHUB_ACCOUNT_.github.io”
-
- 的例子亚马逊路由器53:
- *名称:_YOUR_DOMAIN_NAME_
- *例如,folder.moztw.org
- *类型:CNAME
- *价值:_YOUR_GITHUB_ACCOUNT_.github.io
- *例如moztw.github.io
- *ttl:300
-
- 的例子 Cloudflare:
- *CNAME:_YOUR_GITHUB_ACCOUNT_.github.io
- *例如etblue.github.io
- *页面的规则: http://etblue.github.io/ + 向前http://etblue.github.io
- *参考- - - - - - ttp://blog.cloudflare.com/introducing-pagerules-url-forwarding/
-
-
- 步骤4:定制 Hackfoldr
- *克隆的模板表到新的ethercalc表和命名任何你想要的鼻涕虫
- *切换到gh-pages叉回购的分支
- *Github感谢他们的精彩项目页面功能,我们不需要租一个服务器托管。
- *编辑index . html文件(点击铅笔),调整以下设置
- *改变有关ethercalc蛞蝓3号线
- *Adjsut下拉菜单如你所愿< div class = "菜单" >
- *如果你想使用hackpad页面生成功能,调整默认hackpad网站第644行
- *克隆从指数。 html 404. html
-
- 你所做的所有的工作!
- 要有耐心和等待所有(特别是域名称记录)是活跃的。你不应该太长hackfoldr做好准备,通常不再然后十分钟。
+ Tutorial: Hosting your own Hackfoldr 2.0
+ In other languages:
+ *中文版 https://github.com/hackfoldr/hackfoldr-2.0-forkme/blob/master/docs/Hosting%20your%20own%20Hackfoldr%202.0%20zh-tw.md
- *发展
- 请参考这个文档(在中国)或自述的贡献。使
+ The docs had been migrate into github repo due to too easy to get mess on hackpad,
+ https://github.com/hackfoldr/hackfoldr-2.0-forkme/blob/master/docs/Hosting%20your%20own%20Hackfoldr%202.0.md使
|
||
| 2016-11-24 03:18 | r3449 | |
顯示 diff(72 行未修改)
|
||
| 2016-04-25 17:13 | r3448 | |
顯示 diff- Tutorial: Hosting your own Hackfoldr 2.0
- In other languages:
- *中文版 (zh) - http://g0v.hackpad.com/Hackfoldr-2.0-hackfoldr-G7i…
-
- *What is Hackfoldr 2.0
- Hackfoldr is a convenience web folder to store links for your collaborated OSS projects.
-
- A sample folder - http://folder.moztw.org/hackfolder_template
-
- How does it work
- The hackfoldr use ethercalc.org sheet as live configating file. Every row of the sheet represent a link. You can also set the link to open in new window, add subfolder, or append colored label.
+ Tutorial: 接待你的 自己的Hackfoldr 2.0
+ 在阿其他语言:
+ *中文版(zh型)http://g0v.hackpad.com/hackfoldr - 2.0 - hackfoldr g7i…
- *Hosting your own Hackfoldr
- It's easy as fork & customize
+ *什么是Hackfoldr 2.0
+ Hackfoldr是一种方便的web文件夹来存储链接OSS项目合作。
- Benefit
- *Use your own domain name and customize the landing page.
- *For example, http://beta.hackfoldr.org/ linked to ethercalc.org/welcome-to-hackfoldr
- *And http://folder.moztw.org/ linked to ethercalc.org/moztw, which stored all docs related to MozTW, Mozilla Taiwan Community.
- *You will be able to enable the hidden shortcut menu on your own instance.
+ 一个示例文件夹- - - - - -http://folder.moztw.org/hackfolder_template
- Step G: etting Started
- You will need the following to proceed:
- *aAdomain name
+ 如何它w工作
+ hackfoldr使用ethercalc.org表为生活configating文件。 表的每一行代表一个链接。 您还可以设置链接在新窗口打开,添加子文件夹,或者添加彩色标签。
- *Agithub account
+ *主机荷兰国际集团(ing)y我们的own Hackfoldr
+ 很容易为f工作 & customize
+ 好处
+ *使用你的自己的域的名字 和customize的 着陆页面。
+ *例如,http://beta.hackfoldr.org/ 与ethercalc.org/welcome-to-hackfoldr
+ *和 http://folder.moztw.org/ 与ethercalc.org/moztw, 哪一个存储与MozTW相关的所有文档,Mozilla台湾社区。
+ *你将能够启用 隐藏的快捷菜单在自己的实例。
- Step 1: Fork Hackfoldr 2.0 repo
- *Go to https://github.com/hackfoldr/hackfoldr-2.0-forkme
- *Click the top right “fork” button
+ 步骤0:起步
+ 你需要以下进行:
+ *一个域名
+ *一个github帐户
- Step 2: Edit CNAME file in gh-pages branch
- *Go to your shiny new hackfoldr repo
- *Switch to "gh-pages" branch with top left branch dropdown button
- *click to open “CNAME” file in root directory
- *click the pencil button at top right side to edit the CNAME file
- *put your domain in the CNAME file
- *make sure the CNAME file contains only one single line
- *example: https://github.com/moztw/hackfoldr-moztw/blob/gh-pages/CNAME
+ 步骤1:叉Hackfoldr 2.0回购
+ *Gohttps://github.com/hackfoldr/hackfoldr - 2.0 forkme
+ *C舔右上角“叉”按钮
- Step 3: Set up your DNS
- Add a CNAME record of your domain, and set the destination to “_YOUR_GITHUB_ACCOUNT_.github.io”
+ 第二步:编辑CNAME文件在gh-pages分支
+ *Go你的崭新的hackfoldr回购
+ *切换到“gh-pages”分支 前左 部门下拉按钮
+ *点击打开 ”CNAME”文件在根目录
+ *点击铅笔按钮前正确的一边编辑CNAME文件
+ *把你的域CNAME文件中
+ *确保CNAME文件包含只有一个一行
+ *例子:https://github.com/moztw/hackfoldr-moztw/blob/gh-pages/CNAME
- Example for Amazon Router 53:
- *name: _YOUR_DOMAIN_NAME_
- *e.g. folder.moztw.org
- *type: CNAME
- *value: _YOUR_GITHUB_ACCOUNT_.github.io
- *e.g. moztw.github.io
- *ttl: 300
+ 步骤3:设置了 y我们的域名
+ 添加一个CNAME记录f你的领域,并设置目的地 ”_YOUR_GITHUB_ACCOUNT_.github.io”
- Example for Cloudflare:
- *CNAME: _YOUR_GITHUB_ACCOUNT_.github.io
- *e.g. etblue.github.io
- *Page Rule: http://etblue.github.io/+ forward http://etblue.github.io
- *Reference - ttp://blog.cloudflare.com/introducing-pagerules-url-forwarding/
+ 的例子亚马逊路由器53:
+ *名称:_YOUR_DOMAIN_NAME_
+ *例如,folder.moztw.org
+ *类型:CNAME
+ *价值:_YOUR_GITHUB_ACCOUNT_.github.io
+ *例如moztw.github.io
+ *ttl:300
+ 的例子 Cloudflare:
+ *CNAME:_YOUR_GITHUB_ACCOUNT_.github.io
+ *例如etblue.github.io
+ *页面的规则: http://etblue.github.io/ + 向前http://etblue.github.io
+ *参考- - - - - - ttp://blog.cloudflare.com/introducing-pagerules-url-forwarding/
- Step 4: Customize yourhHckfoldr
- *Clone the template sheet into new ethercalc sheet and named whatever SLUG you want
- *Switch to gh-pages branch of your fork repo
- *Thanks Github for their wonderful Project Page feature, that we don't need to rent a server for hosting.*打Editindex.html 檔file (click on pencil) and adjust the following settings
- *Change the linked ethercalc SLUG on line 3
- *Adjsut the drop-down menu as you wish in <div class="menu">
- *If you would like to use hackpad page generate feature, adjust default hackpad site on line 644
- *Clone everything from index.html to 404.html
+ 步骤4:定制 Hackfoldr
+ *克隆的模板表到新的ethercalc表和命名任何你想要的鼻涕虫
+ *切换到gh-pages叉回购的分支
+ *Github感谢他们的精彩项目页面功能,我们不需要租一个服务器托管。
+ *编辑index . html文件(点击铅笔),调整以下设置
+ *改变有关ethercalc蛞蝓3号线
+ *Adjsut下拉菜单如你所愿< div class = "菜单" >
+ *如果你想使用hackpad页面生成功能,调整默认hackpad网站第644行
+ *克隆从指数。 html 404. html
- You've done all the work!
- Be patient and wait for everything (especially the domain name record) to be active. It shouldn't be too long for your hackfoldr to be ready, typically no longer then 10 mins.
+ 你所做的所有的工作!
+ 要有耐心和等待所有(特别是域名称记录)是活跃的。你不应该太长hackfoldr做好准备,通常不再然后十分钟。
- *Development
- Please refer to this docs (in Chinese for now) or README for contributing.使
+ *发展
+ 请参考这个文档(在中国)或自述的贡献。使
|
||
| 2016-04-06 18:09 | r3447 | |
顯示 diff(74 行未修改)
|
||
| 2016-02-26 17:33 – 17:33 | r3445 – r3446 | |
顯示 diff(63 行未修改)
*Thanks Github for their wonderful Project Page feature, that we don't need to rent a server for hosting.*打Editindex.html 檔file (click on pencil) and adjust the following settings
*Change the linked ethercalc SLUG on line 3
- *Adjsut the drop-down menu as you wish in " class='menu'>"
+ *Adjsut the drop-down menu as you wish in <div class="menu">
*If you would like to use hackpad page generate feature, adjust default hackpad site on line 644
*Clone everything from index.html to 404.html
(6 行未修改)
|
||
| 2016-01-22 02:23 | r3444 | |
顯示 diff(63 行未修改)
*Thanks Github for their wonderful Project Page feature, that we don't need to rent a server for hosting.*打Editindex.html 檔file (click on pencil) and adjust the following settings
*Change the linked ethercalc SLUG on line 3
- *Adjsut the drop-down menu as you wish in "<div class='menu'>"
+ *Adjsut the drop-down menu as you wish in " class='menu'>"
*If you would like to use hackpad page generate feature, adjust default hackpad site on line 644
*Clone everything from index.html to 404.html
(6 行未修改)
|
||
| 2015-12-03 16:06 – 18:23 | r1999 – r3443 | |
顯示 diff Tutorial: Hosting your own Hackfoldr 2.0
- Other languages:
+ In other languages:
*中文版 (zh) - http://g0v.hackpad.com/Hackfoldr-2.0-hackfoldr-G7i…
- What is Hackfoldr 2.0
+ *What is Hackfoldr 2.0
+ Hackfoldr is a convenience web folder to store links for your collaborated OSS projects.
- How Hackfoldr 2.0 Works
+ A sample folder - http://folder.moztw.org/hackfolder_template
- Benefits of Hosting your own Hackfoldr
- *Use your own domain and customize the landing page.
- *For example, the default foldr of http://beta.hackfoldr.org/ is "welcome-to-hackfoldr", which presents tutorials document of Hackfoldr 2.0.
- *Meanwhile, the default foldr of http://folder.moztw.org/ is "moztw", which presents document for Mozilla Taiwan Community.
- *You will be able to enable the hidden shortcut menu for storing links.
- *For example, (TBD, will take moztw as example)
+ How does it work
+ The hackfoldr use ethercalc.org sheet as live configating file. Every row of the sheet represent a link. You can also set the link to open in new window, add subfolder, or append colored label.
- *Steps
- Fork & Customize
+ *Hosting your own Hackfoldr
+ It's easy as fork & customize
+
+ Benefit
+ *Use your own domain name and customize the landing page.
+ *For example, http://beta.hackfoldr.org/ linked to ethercalc.org/welcome-to-hackfoldr
+ *And http://folder.moztw.org/ linked to ethercalc.org/moztw, which stored all docs related to MozTW, Mozilla Taiwan Community.
+ *You will be able to enable the hidden shortcut menu on your own instance.
Step G: etting Started
(4 行未修改)
- Step 1: Fork Hackfoldr 2.0 repo on GitHub
+ Step 1: Fork Hackfoldr 2.0 repo
*Go to https://github.com/hackfoldr/hackfoldr-2.0-forkme
*Click the top right “fork” button
(1 行未修改)
Step 2: Edit CNAME file in gh-pages branch
*Go to your shiny new hackfoldr repo
- *Switch to "gh-pages" branch with branch dropdown button at top left
- *click “CNAME” file in root directory
- *click the pencil button at right top area to edit the CNAME file
+ *Switch to "gh-pages" branch with top left branch dropdown button
+ *click to open “CNAME” file in root directory
+ *click the pencil button at top right side to edit the CNAME file
*put your domain in the CNAME file
- *make sure the CNAME file contains only single line
+ *make sure the CNAME file contains only one single line
*example: https://github.com/moztw/hackfoldr-moztw/blob/gh-pages/CNAME
Step 3: Set up your DNS
- Add a CNAME record to your domain and set the destination to “_YOUR_GITHUB_ACCOUNT_.github.io”
+ Add a CNAME record of your domain, and set the destination to “_YOUR_GITHUB_ACCOUNT_.github.io”
Example for Amazon Router 53:
(3 行未修改)
*value: _YOUR_GITHUB_ACCOUNT_.github.io
*e.g. moztw.github.io
- *evaluate target: -
- *health check id: -
*ttl: 300
(2 行未修改)
*e.g. etblue.github.io
*Page Rule: http://etblue.github.io/+ forward http://etblue.github.io
- Reference: loudflare gGide:http://blog.cloudflare.com/introducing-pagerules-url-forwarding/
+ *Reference - ttp://blog.cloudflare.com/introducing-pagerules-url-forwarding/
- **Be patient and wait for the domain to be active
- It shouldn't be too long for your domain to be ready, typically minimun then 10 mins.
Step 4: Customize yourhHckfoldr
- *打開你的 repo,切換到 gh-pages branch
- *打開你的 repo 裡的 index.html 檔案,按鉛筆按鈕編輯,畫面會類似這樣 https://github.com/hackfoldr/hackfoldr-2.0/blob/gh-pages/index.html
- *依樣畫葫蘆做這幾件事情
- *設定你的 defult foldr id 重要!請設定自己的預設 foldr,不要直接把 welcome-to-hackfoldr 這份 ethercalc 的資料做掉,不然大家都沒有教學文件可以看啦 >_<
- *(複製 ethercalc template 過來)
- *設定你的 github repo issue 回報處
- *設定預設使用的 hackpad 站台
- *將剛才在 index.html 的修改全數複製到 404.html(直接整份檔案複製貼上即可)
- *注意這裡是用github 的project page 而不是user page 或organization page,所以顯示成page 的是gh-pages而不是master
-
-
- *Development
- 使用 master branch 開發
-
- 如果你想要用 jade, sass 以比較有效率的方式編輯源碼,可回 master branch,但就需要另外設定開發環境。有兩種環境同時都可以作用:
-
- *前製作業
- 不管使用以下哪種開發環境,都要安裝 node.js node
-
- *開發環境一:fire.app
- 可參考 Fire.app Jade Windows
- *安裝 fire.app
- *安裝 jade
-
- *開發環境二:gulp.js
- *安裝 ruby
- *mac / linux
- *rvm install 2.0.0
- *windows
- *rubyuinstaller
- *安裝 compass
- *gem install compass
- *安裝其他專案需要的東西
- *npm i
- *啟動 local server
- *npm start
- *預覽
- *http://localhost:3000/
-
- 在 master branch 開發時使用自動 deploy
-
- 在 master 開發完後需要 deploy 到 gh-pages 才會生效。
-
- deploy 的方法有兩種:
- *在 master 產生出 .html .css 後手動下 git 指令 merge 到 gh-pages(it works,但不推薦)
- *讓程式自動幫我們跑 deploy 指令(it works smart,推薦)
-
- 兩種 deploy 方式中,自動 deploy 又分兩種:
- *半自動 deploy script
- *全自動 travis ci
- 目前 hackfoldr 2.0 是採用 travis ci 做全自動 deploy,但筆者不會用,所以只介紹半自動 script ...
- *半自動 deploy script
- windows
- *deploy.bat
- mac
- *deploy.sh
+ *Clone the template sheet into new ethercalc sheet and named whatever SLUG you want
+ *Switch to gh-pages branch of your fork repo
+ *Thanks Github for their wonderful Project Page feature, that we don't need to rent a server for hosting.*打Editindex.html 檔file (click on pencil) and adjust the following settings
+ *Change the linked ethercalc SLUG on line 3
+ *Adjsut the drop-down menu as you wish in "<div class='menu'>"
+ *If you would like to use hackpad page generate feature, adjust default hackpad site on line 644
+ *Clone everything from index.html to 404.html
- *全自動 travis ci
- 想要使用 travis ci 的話,repo 裡的 travis ci 的 key 要改成你自己的才會生效。替你的 repo 設定 travis ci 需要做以下步驟:
- 參考comment 生成key
- https://github.com/hackfoldr/hackfoldr-2.0/blob/master/.travis/after_success.sh
+ You've done all the work!
+ Be patient and wait for everything (especially the domain name record) to be active. It shouldn't be too long for your hackfoldr to be ready, typically no longer then 10 mins.
- ( Lee 待補)
+ *Development
+ Please refer to this docs (in Chinese for now) or README for contributing.使
|
||
| 2015-11-11 02:41 – 02:44 | r1875 – r1998 | |
顯示 diff Tutorial: Hosting your own Hackfoldr 2.0
+ Other languages:
+ *中文版 (zh) - http://g0v.hackpad.com/Hackfoldr-2.0-hackfoldr-G7i…
What is Hackfoldr 2.0
-
-
-
How Hackfoldr 2.0 Works
-
-
-
- Benefits from Hosting your own Hackfoldr
- *You will be able to use your own domain and customize the landing page.
- *For example, the default foldr of http://beta.hackfoldr.org/ is "welcome-to-hackfoldr", which presents documents and tutorials of Hackfoldr 2.0.
- *Meanwhile, the default foldr of http://folder.moztw.org/ is "moztw", which presents documents and links from the Mozilla Taiwan Community.
- *You will be able to enable the hidden shortcut menu to store links.
+ Benefits of Hosting your own Hackfoldr
+ *Use your own domain and customize the landing page.
+ *For example, the default foldr of http://beta.hackfoldr.org/ is "welcome-to-hackfoldr", which presents tutorials document of Hackfoldr 2.0.
+ *Meanwhile, the default foldr of http://folder.moztw.org/ is "moztw", which presents document for Mozilla Taiwan Community.
+ *You will be able to enable the hidden shortcut menu for storing links.
*For example, (TBD, will take moztw as example)
*Steps
- Fork, Customize and Deploy
+ Fork & Customize
Step G: etting Started
(36 行未修改)
Reference: loudflare gGide:http://blog.cloudflare.com/introducing-pagerules-url-forwarding/
- **Wait for the domain to be active
- It shouldn't be too long for your domain to be active.
- 等Step 4: Customize yourhHckfoldr
+ **Be patient and wait for the domain to be active
+ It shouldn't be too long for your domain to be ready, typically minimun then 10 mins.
+
+ Step 4: Customize yourhHckfoldr
*打開你的 repo,切換到 gh-pages branch
*打開你的 repo 裡的 index.html 檔案,按鉛筆按鈕編輯,畫面會類似這樣 https://github.com/hackfoldr/hackfoldr-2.0/blob/gh-pages/index.html
(62 行未修改)
|
||
| 2015-11-10 12:20 – 12:36 | r1410 – r1874 | |
顯示 diff- Tutorial: Build Your Own Hackfoldr 2.0 Site
+ Tutorial: Hosting your own Hackfoldr 2.0
What is Hackfoldr 2.0
(7 行未修改)
- Benefits of Building Your Own Hackfoldr 2.0 Site
- *You will be able to customize the default foldr for your domain and let users see your own welcome page at landing.
+ Benefits from Hosting your own Hackfoldr
+ *You will be able to use your own domain and customize the landing page.
*For example, the default foldr of http://beta.hackfoldr.org/ is "welcome-to-hackfoldr", which presents documents and tutorials of Hackfoldr 2.0.
*Meanwhile, the default foldr of http://folder.moztw.org/ is "moztw", which presents documents and links from the Mozilla Taiwan Community.
- *You will be able to turn on the hidden shortcut menu and put some useful links in it.
+ *You will be able to enable the hidden shortcut menu to store links.
*For example, (TBD, will take moztw as example)
- *You will be able to (???? need to figure out what i was talking about...)
-
-
- *可打開隱藏的快捷選單,把常用連結內建到 hackfoldr 導覽列
- *可自訂關連的 hackpad 站台
- *Fork, Customize and Deploy
+ *Steps
+ Fork, Customize and Deploy
Step G: etting Started
You will need the following to proceed:
- *a domain name
- *a github account
+ *aAdomain name
+ *Agithub account
- Step 1: Fork Hackfoldr 2.0 on GitHub
- *login to https://github.com/
- *go to https://github.com/hackfoldr/hackfoldr-2.0-forkme
- *click the fork button at top right corner
+
+ Step 1: Fork Hackfoldr 2.0 repo on GitHub
+ *Go to https://github.com/hackfoldr/hackfoldr-2.0-forkme
+ *Click the top right “fork” button
Step 2: Edit CNAME file in gh-pages branch
- *go to the shiny new github repo you just created by forking
- *click the branch button at left top area and select "gh-pages"
- *click the CNAME file at root directory
+ *Go to your shiny new hackfoldr repo
+ *Switch to "gh-pages" branch with branch dropdown button at top left
+ *click “CNAME” file in root directory
*click the pencil button at right top area to edit the CNAME file
*put your domain in the CNAME file
- *make sure the CNAME file contains one single line only
+ *make sure the CNAME file contains only single line
*example: https://github.com/moztw/hackfoldr-moztw/blob/gh-pages/CNAME
- Step 3: Set Up Your DNS
- Take Amazon Router 53 for example:
+ Step 3: Set up your DNS
+ Add a CNAME record to your domain and set the destination to “_YOUR_GITHUB_ACCOUNT_.github.io”
+
+ Example for Amazon Router 53:
*name: _YOUR_DOMAIN_NAME_
*e.g. folder.moztw.org
(5 行未修改)
*ttl: 300
- Or take Cloudflare for example:
+ Example for Cloudflare:
*CNAME: _YOUR_GITHUB_ACCOUNT_.github.io
*e.g. etblue.github.io
- *Page Rule: http://etblue.github.io/+ forward到 http://etblue.github.io
+ *Page Rule: http://etblue.github.io/+ forward http://etblue.github.io
Reference: loudflare gGide:http://blog.cloudflare.com/introducing-pagerules-url-forwarding/
-
- *等待域名生效
- *一般來說不會太久,十分鐘之類的,除非 TTL 設定成超長時間
- 等待期間,可先自訂你的 hackfoldr
+ **Wait for the domain to be active
+ It shouldn't be too long for your domain to be active.
+ 等Step 4: Customize yourhHckfoldr
*打開你的 repo,切換到 gh-pages branch
*打開你的 repo 裡的 index.html 檔案,按鉛筆按鈕編輯,畫面會類似這樣 https://github.com/hackfoldr/hackfoldr-2.0/blob/gh-pages/index.html
(62 行未修改)
|
||
| 2015-11-10 10:36 | r1409 | |
顯示 diff(45 行未修改)
Step 3: Set Up Your DNS
-
Take Amazon Router 53 for example:
*name: _YOUR_DOMAIN_NAME_
(82 行未修改)
|
||
| 2015-11-10 09:05 – 09:13 | r1224 – r1408 | |
顯示 diff(44 行未修改)
*example: https://github.com/moztw/hackfoldr-moztw/blob/gh-pages/CNAME
+ Step 3: Set Up Your DNS
- 使用域名管理服務設定網址,例如 amazon 的 router 53
- 設定範例:
- *name: hack.etblue.tw.
+ Take Amazon Router 53 for example:
+ *name: _YOUR_DOMAIN_NAME_
+ *e.g. folder.moztw.org
*type: CNAME
- *value: etblue.github.io
+ *value: _YOUR_GITHUB_ACCOUNT_.github.io
+ *e.g. moztw.github.io
*evaluate target: -
*health check id: -
*ttl: 300
- 假若是cloudflare:
- *設定Cname 到 etblue.github.io
- *設定Page Rule,
- *http://etblue.github.io/+ forward到 http://etblue.github.io
- *Cloudflare guide: http://blog.cloudflare.com/introducing-pagerules-url-forwarding/
+
+ Or take Cloudflare for example:
+ *CNAME: _YOUR_GITHUB_ACCOUNT_.github.io
+ *e.g. etblue.github.io
+ *Page Rule: http://etblue.github.io/+ forward到 http://etblue.github.io
+ Reference: loudflare gGide:http://blog.cloudflare.com/introducing-pagerules-url-forwarding/
*等待域名生效
(67 行未修改)
|
||
| 2015-11-10 06:27 – 07:56 | r1 – r1223 | |
顯示 diff- Hackfoldr 2.0 forkme
+ Tutorial: Build Your Own Hackfoldr 2.0 Site
- This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents!
+ What is Hackfoldr 2.0
+
+
+
+
+ How Hackfoldr 2.0 Works
+
+
+
+
+ Benefits of Building Your Own Hackfoldr 2.0 Site
+ *You will be able to customize the default foldr for your domain and let users see your own welcome page at landing.
+ *For example, the default foldr of http://beta.hackfoldr.org/ is "welcome-to-hackfoldr", which presents documents and tutorials of Hackfoldr 2.0.
+ *Meanwhile, the default foldr of http://folder.moztw.org/ is "moztw", which presents documents and links from the Mozilla Taiwan Community.
+ *You will be able to turn on the hidden shortcut menu and put some useful links in it.
+ *For example, (TBD, will take moztw as example)
+ *You will be able to (???? need to figure out what i was talking about...)
+
+
+ *可打開隱藏的快捷選單,把常用連結內建到 hackfoldr 導覽列
+ *可自訂關連的 hackpad 站台
+
+ *Fork, Customize and Deploy
+
+ Step G: etting Started
+ You will need the following to proceed:
+ *a domain name
+ *a github account
+
+
+ Step 1: Fork Hackfoldr 2.0 on GitHub
+ *login to https://github.com/
+ *go to https://github.com/hackfoldr/hackfoldr-2.0-forkme
+ *click the fork button at top right corner
+
+ Step 2: Edit CNAME file in gh-pages branch
+ *go to the shiny new github repo you just created by forking
+ *click the branch button at left top area and select "gh-pages"
+ *click the CNAME file at root directory
+ *click the pencil button at right top area to edit the CNAME file
+ *put your domain in the CNAME file
+ *make sure the CNAME file contains one single line only
+ *example: https://github.com/moztw/hackfoldr-moztw/blob/gh-pages/CNAME
+
+
+ 使用域名管理服務設定網址,例如 amazon 的 router 53
+ 設定範例:
+ *name: hack.etblue.tw.
+ *type: CNAME
+ *value: etblue.github.io
+ *evaluate target: -
+ *health check id: -
+ *ttl: 300
+ 假若是cloudflare:
+ *設定Cname 到 etblue.github.io
+ *設定Page Rule,
+ *http://etblue.github.io/+ forward到 http://etblue.github.io
+ *Cloudflare guide: http://blog.cloudflare.com/introducing-pagerules-url-forwarding/
+
+ *等待域名生效
+ *一般來說不會太久,十分鐘之類的,除非 TTL 設定成超長時間
+
+ 等待期間,可先自訂你的 hackfoldr
+ *打開你的 repo,切換到 gh-pages branch
+ *打開你的 repo 裡的 index.html 檔案,按鉛筆按鈕編輯,畫面會類似這樣 https://github.com/hackfoldr/hackfoldr-2.0/blob/gh-pages/index.html
+ *依樣畫葫蘆做這幾件事情
+ *設定你的 defult foldr id 重要!請設定自己的預設 foldr,不要直接把 welcome-to-hackfoldr 這份 ethercalc 的資料做掉,不然大家都沒有教學文件可以看啦 >_<
+ *(複製 ethercalc template 過來)
+ *設定你的 github repo issue 回報處
+ *設定預設使用的 hackpad 站台
+ *將剛才在 index.html 的修改全數複製到 404.html(直接整份檔案複製貼上即可)
+ *注意這裡是用github 的project page 而不是user page 或organization page,所以顯示成page 的是gh-pages而不是master
+
+
+ *Development
+ 使用 master branch 開發
+
+ 如果你想要用 jade, sass 以比較有效率的方式編輯源碼,可回 master branch,但就需要另外設定開發環境。有兩種環境同時都可以作用:
+
+ *前製作業
+ 不管使用以下哪種開發環境,都要安裝 node.js node
+
+ *開發環境一:fire.app
+ 可參考 Fire.app Jade Windows
+ *安裝 fire.app
+ *安裝 jade
+
+ *開發環境二:gulp.js
+ *安裝 ruby
+ *mac / linux
+ *rvm install 2.0.0
+ *windows
+ *rubyuinstaller
+ *安裝 compass
+ *gem install compass
+ *安裝其他專案需要的東西
+ *npm i
+ *啟動 local server
+ *npm start
+ *預覽
+ *http://localhost:3000/
+
+ 在 master branch 開發時使用自動 deploy
+
+ 在 master 開發完後需要 deploy 到 gh-pages 才會生效。
+
+ deploy 的方法有兩種:
+ *在 master 產生出 .html .css 後手動下 git 指令 merge 到 gh-pages(it works,但不推薦)
+ *讓程式自動幫我們跑 deploy 指令(it works smart,推薦)
+
+ 兩種 deploy 方式中,自動 deploy 又分兩種:
+ *半自動 deploy script
+ *全自動 travis ci
+ 目前 hackfoldr 2.0 是採用 travis ci 做全自動 deploy,但筆者不會用,所以只介紹半自動 script ...
+
+ *半自動 deploy script
+ windows
+ *deploy.bat
+ mac
+ *deploy.sh
+
+ *全自動 travis ci
+ 想要使用 travis ci 的話,repo 裡的 travis ci 的 key 要改成你自己的才會生效。替你的 repo 設定 travis ci 需要做以下步驟:
+ 參考comment 生成key
+ https://github.com/hackfoldr/hackfoldr-2.0/blob/master/.travis/after_success.sh
+
+ ( Lee 待補)
|
||
| 2015-11-10 06:24 | r0 | |
顯示 diff+ Hackfoldr 2.0 forkme
+ This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents!
|
||