SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
1
有人會把自己寫的部落格文章
貼到PTT等BBS嗎?
(沒有的話我可以下台了XD)

2
原本我們以為

3
粉絲頁 == 流量

4
可是

天

某一

5
6
要流量就要繳給FB錢
7
• 只好回歸傳統做法:PO各大網站分享

8
假設有一篇文章:

9
10
直接手動
複製、貼上
到PCMAN
11
12
圖片不見了哭哭

13
手動複製貼上URL(累死)

14
URL太長只會被噓阿(笑)

15
因此要從HTML下手
找出URL
讓這件事自動化
16
簡短範例:HTML
<h1>這是範例</h1>
<div>
<a href="http://beefsouptn.blogspot.tw"> 我愛吃牛肉湯~
</a>
<a href="http://tour.tainan.gov.tw/"> 帶我去台南!!! </a>
<br>
<a href="https://github.com/ygtw/Blog2BBS/"> @Github
</a>
</div>

17
期待轉換後的模樣
這是範例
我愛吃牛肉湯~ ( http://goo.gl/TuHkqp )
帶我去台南!!! ( http://goo.gl/aMnqx )

@Github ( http://goo.gl/c1GYiH )

18
要做的事
• 轉換HTML的文本 -> Text
• 有網址要縮網址

19
要做的事
• 轉換HTML的文本 -> Text
• 有網址要縮網址

我以為很簡單…
20
短網址服務?
(應該很好找吧?)

21
ppt.cc
• 鄉民愛用支持國貨
• 沒有API,好麻煩

22
Bit.ly
• 可以追蹤點擊數
• 很多人在用,API快速
• 流量一下子就爆了...

23
goo.gl - 原來幸福就在身邊
• 上述Bit.ly優點都有
• 流量還沒爆過

24
大概用了這些東西
•
•
•
•
•

HTML
jQuery
Bootstrap
PHP (UTF8->BIG5處理)
CodeShip + Heroku (超好用)

25
26
LIVE DEMO
(拜託不要斷線XD)
http://blog2bbs.herokuapp.com

27
Thanks
zjuajun@gmail.com

28

Más contenido relacionado

Más de 小均 張

Podcast元年之後下一波浪潮? 被遺忘的廣播劇&有聲書
Podcast元年之後下一波浪潮?被遺忘的廣播劇&有聲書Podcast元年之後下一波浪潮?被遺忘的廣播劇&有聲書
Podcast元年之後下一波浪潮? 被遺忘的廣播劇&有聲書小均 張
 
努力當個創新者:面對選擇或困難的時候
努力當個創新者:面對選擇或困難的時候努力當個創新者:面對選擇或困難的時候
努力當個創新者:面對選擇或困難的時候小均 張
 
學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗
學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗
學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗小均 張
 
3年數據赤裸面對一個在地PODCAST節目的分析.pdf
3年數據赤裸面對一個在地PODCAST節目的分析.pdf3年數據赤裸面對一個在地PODCAST節目的分析.pdf
3年數據赤裸面對一個在地PODCAST節目的分析.pdf小均 張
 
YouTuber、Podcast、OpenMic 臺南自媒體創新 人才養成與創業 4年失敗經驗談
YouTuber、Podcast、OpenMic臺南自媒體創新人才養成與創業4年失敗經驗談YouTuber、Podcast、OpenMic臺南自媒體創新人才養成與創業4年失敗經驗談
YouTuber、Podcast、OpenMic 臺南自媒體創新 人才養成與創業 4年失敗經驗談小均 張
 
電商網紅直播叫賣案例與操作
電商網紅直播叫賣案例與操作電商網紅直播叫賣案例與操作
電商網紅直播叫賣案例與操作小均 張
 
疫情下的畢業典禮的數位行銷思考
疫情下的畢業典禮的數位行銷思考疫情下的畢業典禮的數位行銷思考
疫情下的畢業典禮的數位行銷思考小均 張
 
如何寫笑話?笑話結構aka笑話產生器
如何寫笑話?笑話結構aka笑話產生器如何寫笑話?笑話結構aka笑話產生器
如何寫笑話?笑話結構aka笑話產生器小均 張
 
智慧製造認識與導入基礎 ::Python三小時速戰班
智慧製造認識與導入基礎::Python三小時速戰班智慧製造認識與導入基礎::Python三小時速戰班
智慧製造認識與導入基礎 ::Python三小時速戰班小均 張
 
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13設計思考教學、實踐、共創經驗談@UXcube 2019/07/13
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13小均 張
 
不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講
不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講
不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講小均 張
 
UXcube分享:情感咖啡攤的誤打誤撞
UXcube分享:情感咖啡攤的誤打誤撞UXcube分享:情感咖啡攤的誤打誤撞
UXcube分享:情感咖啡攤的誤打誤撞小均 張
 
十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐
十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐
十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐小均 張
 
推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)
推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)
推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)小均 張
 
資管人的修練:企業內溝通案例討論
資管人的修練:企業內溝通案例討論資管人的修練:企業內溝通案例討論
資管人的修練:企業內溝通案例討論小均 張
 
【情感運算革命】導讀 (林豪鏘老師推薦序之書)
【情感運算革命】導讀 (林豪鏘老師推薦序之書)【情感運算革命】導讀 (林豪鏘老師推薦序之書)
【情感運算革命】導讀 (林豪鏘老師推薦序之書)小均 張
 
設計的心理學 CH7 導讀 (The Design of Everyday Things)
設計的心理學 CH7 導讀 (The Design of Everyday Things)設計的心理學 CH7 導讀 (The Design of Everyday Things)
設計的心理學 CH7 導讀 (The Design of Everyday Things)小均 張
 
資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」
資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」
資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」小均 張
 
社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)
社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)
社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)小均 張
 
朱光潛【談美】不專業導讀|HPX31TN說書人3
朱光潛【談美】不專業導讀|HPX31TN說書人3朱光潛【談美】不專業導讀|HPX31TN說書人3
朱光潛【談美】不專業導讀|HPX31TN說書人3小均 張
 

Más de 小均 張 (20)

Podcast元年之後下一波浪潮? 被遺忘的廣播劇&有聲書
Podcast元年之後下一波浪潮?被遺忘的廣播劇&有聲書Podcast元年之後下一波浪潮?被遺忘的廣播劇&有聲書
Podcast元年之後下一波浪潮? 被遺忘的廣播劇&有聲書
 
努力當個創新者:面對選擇或困難的時候
努力當個創新者:面對選擇或困難的時候努力當個創新者:面對選擇或困難的時候
努力當個創新者:面對選擇或困難的時候
 
學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗
學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗
學生能成為脫口秀演員!一起聊聊與博恩團隊合作的經驗
 
3年數據赤裸面對一個在地PODCAST節目的分析.pdf
3年數據赤裸面對一個在地PODCAST節目的分析.pdf3年數據赤裸面對一個在地PODCAST節目的分析.pdf
3年數據赤裸面對一個在地PODCAST節目的分析.pdf
 
YouTuber、Podcast、OpenMic 臺南自媒體創新 人才養成與創業 4年失敗經驗談
YouTuber、Podcast、OpenMic臺南自媒體創新人才養成與創業4年失敗經驗談YouTuber、Podcast、OpenMic臺南自媒體創新人才養成與創業4年失敗經驗談
YouTuber、Podcast、OpenMic 臺南自媒體創新 人才養成與創業 4年失敗經驗談
 
電商網紅直播叫賣案例與操作
電商網紅直播叫賣案例與操作電商網紅直播叫賣案例與操作
電商網紅直播叫賣案例與操作
 
疫情下的畢業典禮的數位行銷思考
疫情下的畢業典禮的數位行銷思考疫情下的畢業典禮的數位行銷思考
疫情下的畢業典禮的數位行銷思考
 
如何寫笑話?笑話結構aka笑話產生器
如何寫笑話?笑話結構aka笑話產生器如何寫笑話?笑話結構aka笑話產生器
如何寫笑話?笑話結構aka笑話產生器
 
智慧製造認識與導入基礎 ::Python三小時速戰班
智慧製造認識與導入基礎::Python三小時速戰班智慧製造認識與導入基礎::Python三小時速戰班
智慧製造認識與導入基礎 ::Python三小時速戰班
 
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13設計思考教學、實踐、共創經驗談@UXcube 2019/07/13
設計思考教學、實踐、共創經驗談@UXcube 2019/07/13
 
不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講
不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講
不畢專家::我在數位系畢業後的幾件小事 @DigiTED/喚回 數位系108級小畢典暖場演講
 
UXcube分享:情感咖啡攤的誤打誤撞
UXcube分享:情感咖啡攤的誤打誤撞UXcube分享:情感咖啡攤的誤打誤撞
UXcube分享:情感咖啡攤的誤打誤撞
 
十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐
十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐
十大台南/店家的互動設計 @DDlab 11週年尾牙大聚餐
 
推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)
推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)
推開文字情緒的門 (Basic Concept of Sentiment Analysis and Affective Computing)
 
資管人的修練:企業內溝通案例討論
資管人的修練:企業內溝通案例討論資管人的修練:企業內溝通案例討論
資管人的修練:企業內溝通案例討論
 
【情感運算革命】導讀 (林豪鏘老師推薦序之書)
【情感運算革命】導讀 (林豪鏘老師推薦序之書)【情感運算革命】導讀 (林豪鏘老師推薦序之書)
【情感運算革命】導讀 (林豪鏘老師推薦序之書)
 
設計的心理學 CH7 導讀 (The Design of Everyday Things)
設計的心理學 CH7 導讀 (The Design of Everyday Things)設計的心理學 CH7 導讀 (The Design of Everyday Things)
設計的心理學 CH7 導讀 (The Design of Everyday Things)
 
資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」
資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」
資訊系的選填志願表:「選科系還是選學校?選研究所還是就業?如何在四年內成為一個廢物?」
 
社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)
社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)
社企流四週年論壇分享 (HP33TN 社會企業。聊天趴。)
 
朱光潛【談美】不專業導讀|HPX31TN說書人3
朱光潛【談美】不專業導讀|HPX31TN說書人3朱光潛【談美】不專業導讀|HPX31TN說書人3
朱光潛【談美】不專業導讀|HPX31TN說書人3
 

鄉民的好朋友~Blog2BBS