分類
blog服務

Buy me a coffee

新增加了 Buy me a coffee 贊助功能.

這個服務是 Buy me a coffee 提供的:

https://www.buymeacoffee.com/

若你覺得我寫的文章有幫助到你, 而你也願意買一杯(或更多杯)咖啡給我, 可以透過右下角咖啡標的按鈕, 或是到這裡:

https://www.buymeacoffee.com/timhuang

進行買咖啡贊助, 自由參加, 也歡迎多分享我的文章.

當然, 若你也想將你的文章加入贊助功能, 也可以透過我的推薦連結來加入 buy me a coffee 哦:

https://buymeacoffee.com/?via=timhuang

分類
blog服務

Web3.0 的 BBS 論壇開張 – BBS Network

從這裡看來的:

https://buzzorange.com/techorange/2021/12/21/bbs-in-web-3/

BBS 是一個去中心化的 Web3.0 公共網絡,由使用者運行的線上留言板組成,而 BBS Network 是一個 SocialFi 項目,用戶可以通過其分享原創內容。

看起來傳統的 PTT / Reddit 也都有更有趣的應用方式了, 走 BBS Network 這類加上 NFT 型的加值內容, 把這些內容更是去中心化的管理方式, 同時能解決被”解決”的問題.

創作或寫作內容, 利用這個方式來發佈, 同時有機會獲利與不被遮蔽下架問題, 的確挺有趣的. 趁剛開幕, 快去申請你想要的帳號與討論區吧.

試開了一個: https://bbs.market/DIARY/posts, (域名直接是 bbs.market, 下面的子目錄為自訂的論壇名) 朋友們可以來發文囉, 來玩看看發文即鑄幣的有趣內容社群服務.

繼續閱讀:

分類
blog服務

xFrame免費圖庫一週年慶加贈每日十張下載

亞洲人免費圖庫 xFrame 剛滿一週年, 為回饋會員愛用, 由每日10張圖片下載, 加贈10張下載, 每日共計20張為期一年的回饋權益, 大家可多加利用呢.

以上圖片引用自原始訊息: Happy birthday xFrame 1 year old!!! (https://blog.xframe.io/happy-birthday-xframe-1-year-old/)

FREE ASIAN Stock Photos: https://xframe.io/

PS: 請透過以下推薦連結加入:
https://xframe.io/referrals/7812

再推廣你的連結, 可以增加下載張數哦!

另外每日下載或推薦, 皆可獲得點數, 來提昇每日下載量, 說明連結: https://xframe.io/rank_system

共有 white, bronze, silver, gold, platinum, diamond 6級, 對應的每日下載量為: 10, 13, 19, 40, 100, unlimited!

[2022/3/8 11:22]

經過一陣子努力下載後, 得到了 diamond rank 也就可以無限下載了耶. 不過維持仍需要每30天有300 points 才能維持:

 

分類
blog服務

方便好用的媒體寄存發行工具-Publit.io

網站有時需要寄存媒體服務(像是圖片, 影片等), 可以放在本機, 可以利用CDN, 也可以利用這種寄存服務. Publit.io

https://publit.io?fpr=diarytim (此連結為本站推薦代碼)

它提供了圖片寄存, 影片寄存, 而且免費方案就能享有10GB空間, 每月20GB傳輸量可供應用.

分類
blog服務

Line分享按鈕及連結

早期利用 Facebook 的讚及分享按鈕, 現在看到愈來愈多的網站有提供 Line 的分享按鈕, 不過目前是提供手機版的網頁來應用, 官方有說明的文件, 不過只有日本版:

http://media.line.naver.jp/howto/ja/

應用指令如下:

http://line.naver.jp/R/msg/<CONTENT TYPE>/?<CONTENT KEY>

其中的 <CONTENT TYPE> 目前也就 text 而已, 而重點在於 <CONTENT KEY>, 內容主要是代入傳遞的內容, 可以傳入任意不違反 line 傳送內容規定的文字, 記得要用 utf-8 編碼.

實際上應用還蠻簡單的, 就是傳遞訊息出去, 所以一般我們會需要傳遞的就是網頁標題及連結, 而組合的方式就是利用一個換行符號 %0D%0A 這樣, 整個組合起來如下:

http://line.naver.jp/R/msg/text/?test%20message%0D%0Ahttp%3A%2F%2Fline.naver.jp%2F

上面的內容就是傳遞如下訊息:

test message
http://line.naver.jp/

傳到 line 應用程式中的 http:// 連結, 會自動轉成 url 連結的型態, 也就可以正常讓收到訊息的人利用該 url 來進行連結了.

範例連結: http://sample.diary.tw/30/1.htm

該頁利用 javascript 將傳遞的訊息及 url 組合好, 再傳遞到 line app 中, 很容易理解.

function sendtoline(){
    var link = "http://line.naver.jp/R/msg/text/?";
    link += encodeURIComponent(document.getElementById("msg").value) + "%0D%0A" + encodeURIComponent(document.getElementById("url").value);
    location.href = link;
    return false;
}

試看看在你的手機版網頁上加上 line 的分享吧!

繼續閱讀:
http://sofree.cc/line-share-button/

[2013/5/23 15:39]
補充一下, 利用這樣的重導, 實際上在 MOBILE DEVICE 上的工作狀況又是如何呢?
在 iPhone 上會導入註冊的 protocol: “line:/”, 而在 android 上則是會使用 intent:/ 語法來達成呼叫 line 應用程式出來.

[2015/11/16 13:35]
中文設置說明連結: http://media.line.me/howto/zh-hant/
語法的部份如: http://line.me/R/msg/<CONTENT TYPE>/?<CONTENT KEY>

[2020/11/18 18:33]
若是 wordpress 下, 配合 Jetpack 的分享按鈕設定可以參考: https://prstudio.idv.tw/wp%E5%B0%8F%E6%8A%80%E5%B7%A7%E5%8A%A0%E5%85%A5line%E5%88%86%E4%BA%AB%E6%8C%89%E9%88%95/

分類
blog服務

從Google Reader API中獲得RSS Cache的資料

相信很多人有用過 Google Reader, 其中有趣的地方, 是今天要介紹的 Google Reader API 中, 把 RSS Cache 的資料讀出來的部分, 先來參考一下文件:

http://code.google.com/p/pyrfeed/wiki/GoogleReaderAPI

其實很容易使用的, 例如:

http://www.google.com/reader/atom/feed/https://diary.tw/tim/rss?n=20
(需要 Google Account 登入)

就可以取得 https://diary.tw/tim/rss 下的資料, 什麼樣的應用情境呢? 例如某網誌的 RSS 只有提供 20 篇最新的資料, 但需要取得舊的資料(當然前提是有其他人在 Google Reader 中訂閱過才行, 也就是 Google Reader 有 cache 過它的 RSS 資料的狀況下), 就可以使用這個 API 了.

又或是原始的網站找不到了, 但在 RSS 中有資料, 就可以利用 RSS Cache 的資料來將原本的網站資料找出來.

使用方式就是上面的說明, 而要換頁的方式, 是使用 more token 的方式, 在 response 的內容中, 會有個 gr:continuation, 這個 tag 就是再下一頁的內容使用, 使用方式是用 c 參數, 如下:

http://www.google.com/reader/atom/feed/https://diary.tw/tim/rss?c=CLK9-LPAya0C

該 token 會依實際狀況改變, 請自行調整. 這樣就可以一直翻頁下去, 直到沒有 gr:continuation tag 時就是沒有更多的最後回應了.

[2012/9/14 18:24]
這裡有 Google Reader API 的資料可供參考:
http://blog.martindoms.com/2009/10/16/using-the-google-reader-api-part-2/

分類
blog服務

有趣宅民曆

這個網站, 是個 Geek Calender – http://technet.tw/ , 很有意思, 是程式/設計用的宅民曆.

內容除了原本的國曆及農曆外, 還有仿傳統農民曆用的”宜”, “忌”等與程式/設計相關的事情, 而且更有意思的, 是下面的”程式小格言” 呢.

圖片引用自該網站:

每天都可以來看看, 是不是適合寫程式/設計!

分類
blog服務

利用facebook的comments做網頁的留言功能

利用 facebook 的 social plugins 中的 comments 來做網頁的留言是很方便的, 使用的方式很簡單, 只需要到 facebook 的 developer 網站取得產生的程式碼即可, 連結在此:

http://developers.facebook.com/docs/reference/plugins/comments/

其實程式碼的內容也很容易理解, 如下:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="example.com" num_posts="2" width="500"></fb:comments>

其中的 div fb-root 是放留言的地方, 而後面的 script 才是程式的重點, 而最後的 fb:comments 則是一些參數, 其中的 href 就是留言的網址, 而 num_posts 則是在網頁上要出現最後幾則留言, width 就是這個 div 要給定的寬度.

可以參考這頁顯示的結果: http://sample.diary.tw/flickrset/ 這樣就能方便大家利用 facebook 來討論這個網頁了, 真是方便又好用的 plugin 啊.

[2011/4/15]
放好了之後一直覺得怪怪的, 因為都是英文的介面, 雖然功能及留言內容都不影響, 但其實是因為這個 facebook comments 有語系的關係, 要調整的部分很單純, 就是原來引用的 js url中有出現 en_US 改為 zh_TW 即可, 這樣一來, 介面就會變成是繁體中文了, sample 頁上也做了調整了, 可以再連去看看囉.

不過有趣的是上方的那個讚的功能, 由於沒有語系的影響, 所以在中文用戶下就會出現中文, 英文用戶下自動也會出現英文, 就沒有語系的問題了. 該”讚”的 social plugin 的語法可以由這裡取得: http://developers.facebook.com/docs/reference/plugins/like/ , 除了讚-即like外, 還有推-recommend 可供選擇應用.

分類
blog服務

Alexa改版囉

今天為了查一下 vimeo 的排行, 到 alexa 網站上去看了一下, 發現有蠻大幅的改版耶, 於是查了一下 google news, 只有簡體版的新聞有這個改版消息, 沒有繁體的, 連結如下:

http://news.google.com/news?ned=tw&hl=zh-TW&q=alexa+%E6%94%B9%E7%89%88

可能是台灣沒什麼人關心這個 alexa 網站吧. 不過我倒還蠻常用的說, 而且這次改版多加了一些功能進來哦, 原來就有的是 Traffic Rank, Reach, PageViews, 而這次改版完後, 新加入了 PageViews/User, Bounce Rate, Time on Site 三項數據, 整個介面如下: (以 vimeo.com 為例)

而且切換速度和呈現效果也很不錯耶, 不過他的 max 資料一樣是只有最近一年半而已, 沒有更久的, 這是在之前一次的調整(大約半年多前吧)就拿掉了, 所以沒辦法查更久的資料(當然是可以透過他們的付費api取得).

下方工具列一樣也有 compare to 方便做比較, 例如:

可以很清楚的做彼此間的比較, 方便查找時間點及分析作用.

根據官方 blog 上說明, 有這次改版的功能的介紹, 連結如下: http://awis.blogspot.com/2009/03/pardon-our-dust.html , 這次的提出功能中, 加入的新數據都是對於分析有很大的幫助的, 每個 user 的平均頁面數, 回彈率, 站上停留時間, 都是很好用的資料, 可供分析應用.

分類
blog服務

簡便的線上問卷-google docs

從 urmap (www.urmap.com) 上的廣告 banner 看來的, 該問卷的連結在此: link

用 google 的 docs 內的功能做成的一個免費而又簡便的線上問卷統計, 他結合了原來在 google docs 內的 spreadsheets (也就是 ms office 中的 excel ), 並配合 ajax based 的線上問卷編輯器, 快速地達成製作問卷的功能, 詳細的操作可以參考狂人的這篇文章: Google Docs提供「網路問卷調查表」服務,3分鐘搞出一個問卷!

由於是結合 spreadsheets 的結構, 所以所有的問卷結果都會寫入一個 spreadsheets, 但又因為是可以共用及開放編輯的關係, 所以感覺上該 spreadsheets 很像是 “即時” 統計的一個結果頁面, 這個感覺很臨場感, 也就是問卷是上線後, 只要開著那個統計的結果, 就會一直有源源不絕的問卷回收進來了. 不過也得看放置的網頁流量啦.

另外統計的結果除了有上述的 spreadsheets 的 raw data, 也會有一個圖表式的統計結果, 方便原問卷製作人拿到巨觀統計的報表. 整體來說是相當方便好用的一個工具, 並配合上原來 google 的 docs 功能, 方便 share 共享等機能, 實在是不錯用.

當然, 若是站在 “問卷” 機能的角度上來說, 也有一些不足的地方, 例如灌票, 重覆, 還有選擇性的跳躍問題等功能, 不過整體來說是很好用了.

他也有嵌入的語法, 是利用 iframe 的方式, 其實就是單純的在一個 frame 內嵌入, 用法也相當容易, 該大家都能方便地使用線上問卷的功能.

那就來試一下站上的 user 問卷, 有興趣填的朋友也歡迎你留下足跡囉!

問卷連結… link

相關文章:
自訂 Google 問卷表單樣式
「教學」透過 Google Docs 製作免費的線上問卷系統
Google 也有好用的「網路問卷調查表」功能
利用 Google Docs 製作網上問卷