顯示具有 Blogger 標籤的文章。 顯示所有文章
顯示具有 Blogger 標籤的文章。 顯示所有文章
2017/08/12

[+/-] : todo list 2017末

comments
很久沒有來關心這裡以及之前開發的小東西
之前寫的GAE 案子 l1, sfilec 還有一些自己用的小工具
最近發現全部都被google刪除了
似乎是搬遷到 Google Cloud Platform 後政策有所改變
code也太久沒有維護 可能沒法遷移到新架構?
反正之前因為搬遷 SVN/Git都不見了 也沒source可以改了
倒是openshift還活著好好的 有空重寫改到 openshift上吧(也不知何年何月了)
反正google對於不會賺錢的產品總是一直關閉
之前放在google code上的project也早都被收掉了
這裡blogger不知道還能撐多久

blogger自訂網域上線許久 一直不能新增https的憑證
預計改為使用CloudFlare 也順便將整個DNS代管也搬遷過來
不知道免費的好不好用 後續是不是會跟google全部都要收費了呢
還有domain也快到期了 由於godaddy漲價 也要順便搬家

blog的template 因為太懶的維護
也預計要改回blogger內建的就好 其他模組盡量移除
只是原本有些script是用來隱藏內容的 變成永遠開不了啦
總之能多簡單就多簡單吧


2011/10/21

[+/-] : 稍微修改Template

comments
主要是原本放圖跟js檔的空間掛了 會覺得怎麼開頁面這麼慢
又很久沒理他 也沒空找原因

今天把js換個地方擺到自己做的網站上去 Small File Cache
把css會用到的圖 全部用內嵌base64的語法取代
可以省另外下request的時間 不過缺點是IE7以前不支援
不過也不重要啦 早該升級IE了
(IE8以後 opera, chrome, firefox 全都OK 我自己測試沒問題 )

2011/10/19

[+/-] : Jostudio.net domain

comments
Domain jostudio.net 又續約了
雖然沒啥在用 不過還有Google App
也還有這個很久沒更新的blog XD
雖然久沒更新 不過流量還不錯說

趁過期前 趕快先把網域轉到godaddy
原本在yahoo是特價時候買的 (遙想久遠的過去...)
不過renew的價格實在太貴
還是godaddy實惠一點 一年不到8美元

因為續約了 沒啥意外的話 這個blog還可以活個幾年XD
2009/12/22

[+/-] : script損壞

comments
之前放在 google page 的Script都因為 google page關閉而死掉了
造成畫面有一些異常...
週末會在修整一番...
2009/10/03

[+/-] : Zooomr 與 Picasa....

comments
半年多就把Picasa的1G空間塞滿了....
9月份以後的相簿先放在這裡
等買空間之後 再補上傳回原本的相簿上
不過之後的相簿就多半傳小圖上去-最大1024 pixel 省著點用吧...

以後大圖就丟到 Zooomr 的空間中 最大設2000pix
剛好是相機 4000x3000的50% 因為相機雜訊不少 傳太大上去也沒用
Zooomr 還不錯的是 有無限空間 不限制尺寸 功能也不少
不過廣告很多 上傳工具相當不好用 用起來也不順手 看大圖不太方便
有些時候系統會不太穩定 常出現"This Page was Not Found" 要多試幾次
而且有個不良紀錄 早期第一版升級第二版時 就把我的相片全都砍了...
不知道下一次改版後 圖還會不會留著... 不過就當備份相簿用也還不錯
2009/02/18

[+/-] : [Note] 用手機寫Blog...

comments
方法一 用MMS傳送
方法二 用第三方軟體或是blog提供軟體傳送
方法三 用內建瀏覽器或是opera上網寫...= =

方法一 目前多數blog提供商都有提供使用email來post文章  如 blogger 等等
   如果圖檔要另外放, flickr 也有提供 使用email來發送
   只要先到flickr 上設定 blog及email選項後 就可以使用
   目前 CHT一封 MMS要4$(30-300K) (發送到電子郵件算網內)(不能折抵月租費)
   如果沒包月上網吃到飽算是不錯得選擇 只要控制在300K以內
   MMS以Base64來編碼 所以原始圖檔應該要小於225K 加上其他資訊及header
   保守一點 圖檔在200K左右 大約可以放200萬像素的圖檔
   目前國內各大服務商基本上都有提供這樣的服務

方法二 使用第三方軟體 如 CellSpin 或是 Nokia Photos 等等
  使用的是 3G/3.5G/GPRS/Wifi 網路 完全依照使用量收錢
  如果有吃到飽的費率就 盡量用吧
  或是一些電信業者都有推出行動部落格的功能...
  當然是 額外收錢... 不過...
  我查了一下費率使用emome的行動部落格 一封只要1.5 好像更便宜
  不過容量限制在1封100K以下(全部100M)
  也只能用在他自己的部落格系統上
  如果圖量小或是新的部落客應該是不錯得選擇
  但是比較有彈性的作法 還是用299吃到飽(49元月租 最多收299)吧

方法三 ....算了吧 更麻煩...

上網研究一下  大概有這幾種吧...
日本很流行這樣的 用手機寫部落格 不知道他們大多是用何種方法?

2008/07/22

[+/-] : Domain, template 修改

comments
雖然我的Domain申請了很久 不過一直都只有拿來作google apps的使用
今天終於想到要把blog也轉換過去...因此人氣跟排名都要重新累計了
正式網域為 blog.jostudio.net
目前還有兩年到期 希望到時候會記得去續約...XD

除了改網域名稱外 template有稍作修改...
另外把原本右邊的badge從Jaiku的版本換成Twitter的版本 (參考)
然後把原本的自我介紹拿掉了... 因為沒人想看吧XD
最後就增加了一個公益廣告上去... 是BloggerAds所提共的 因為


不過因為adblock的關係 自己是看不見的XD
2008/07/02

[+/-] : 測試文章 修改template 新增文章加密

comments
Vincent的網誌得知 可以將任何blog中文章加密的方式
使用AES256加密 並利用javascript解密...
只要密碼保護的好 應該是蠻安全的才是

首先在template中加入他提共的js檔
<script src='' type='text/javascript' />
將你要加密的本文到Vincent Cheung網站上先進行加密 並記好密碼
最後在在blog中貼上
<a href="javascript:Decrypt_text('獨一無二的標籤名稱');">文章保護 請輸入密碼</a>
<div id="獨一無二的標籤名稱">密文</div>

或是不顯示密文的方式如
<a href="javascript:Decrypt_text('獨一無二的標籤名稱', '密文');">文章保護 請輸入密碼</a>
<div id="獨一無二的標籤名稱"></div>

範例1 密碼:密碼保護,請複製我
GP63QMZMd7sUFnX5LpypaYUkzGQNsWlAnal+ivdrvEuLrWoA2bEMiiUjmm6a
QAlVRr04rgzQbGsCfho6xt34YGyTD1PCVljEOJtq10j51AcVPrtSwPs0098j
e4FGYzvZWu9QrEQjwkRrP8DRbIup/U9tW06+Tb8hKX6iI3ZBwJ2pWaxOGmyV
ceJOKNfsN4OR5XBE1ANWAzow0QOpGGBfxbKpC9B3ZYfaoPP4HlJCeN4muZ9r
V+LhYGklDk8XFrpY/XYI+n3a+idRbXQQA1fNIaVFMXwvCMo0JOXLilIznW0d
OnTVifXSxdNBtpYueppq1ej3U6uabMYlAQAuJ23++cL/EsaCqaQu1dXVpP7A
sJJUdEN6u6siMsagELDh91EUPWRSwGmC95asFvAU+XwlniVzkDXF+1LaSojP
u+O/CndvhxmHxSNDm1lG3C9yDia4qffxXCM6Zhq0/0oNyui7cCor+NR/qiif
ZDLecTT9ENJ7WtxcUOpIbge2gMk3P7gfy1xXNhVOPSIM1n8ygkuHphJjwd7m
ZlD7IKPfLhiKlu4izrQe13FdxCFQmbWWHznofbN5KbQ3IBDAQ2apOO5aZXVG
Oasa6JNC4GF7wC7oBVXRWhACHZ5ZhRawlQ/CxigaI+mFZkBIkb1qsAe9NGZM
rCA0Yqkh2BTfJeoXDfJKU31jJyQpzlm1Ro84CskGBEyhsmXRIJGvbKJzdFQN
2MHZtNp/x7pBbPevCcckOV/HEFygZRyY6sbTEKvjJDyYuuwEwtM1UeyAa/aw
gQmtosi666fLgBn0B6rbRTJTRg6la/VKj504JKKogBQCkYc3o3r65+JtI2Xy
30AnDtJtUBsr7HmEehqk45B/mtZkcRrop5ab/e/61op96i8+3qkPH5Hbwixq
Fdu0RYh0TQ/8xFo9SYDYzQAauwwGNVSZNqUUExpEAAL/TPE+Fl/xV6oQLB3I
3nlzJuchH/Ac/9G/pIiXh7kQV5xZT2QfYzbirZKlEIWOnlarO+oZCSJGQuy0
RwxkXPrfddwgTRWd/MerholG6o54aSEDVZO1SC6qUsHKAzVDS3U5Y3J/DL3v
djc88ffmFNlJX+TbXxup1/qROIJBykz1yG9A9/D+ZJ6IT1JnD+wr+rbqCdTC
4DDevZE9RCEfr+7iWkMfZr5UnRuT7CCsEQ==


範例二 密碼:中文密碼也可以


--
加解密備份
update 20080702 新增縮合功能
update 20091201 新版加解密工具 新版Script 舊的加解密工具因為google pages關閉而失效
update 20091230 新增加解密工具備份 舊版(目前使用) 新版
2008/06/19

[+/-] : Twitter Badge 復活 + Jaiku badge 中文支援

comments
前幾天有提到 要利用appengine來轉送twitter的json資訊
但是遇到crossdomain的問題
要避開這一個問題 就是資料來源跟flash檔放在同一個網域下
因此只要將原本寫好的badge修改一下路徑 傳送到appengine上就可以運作

另外有玩 Jaiku 的人都很困擾的... 就是他們的新版Flash badge不支援中文
因此對我們使用中文語系的人來說 只能使用舊版的javascript版本
很醜又缺乏彈性...
所以就拿上面的twitter badge改成jaiku版本... 讓他勉強可以使用
因為小弟沒美術天份 所以有興趣可以下載原始碼回去研究 作一個漂亮一點得版本
如果有不錯的成品 歡迎留個連結給我

範例頁面 (因為blogger本文中不能內嵌embed的tag)
因為服務放置在appengine的關係 是暫時借用流量來處理
有需要的請自行去申請一個AppEngine的網站來玩 請不要從我這偷挖連結去用

Flash 原始檔下載(update 20080620)
AppEngine Source(update 20080620)
AppEngine的使用方式請參考官方說明

--
不過這麼作不知道有沒有違反他們的服務條款
--
update 20080620
更新crossdomain.xml
更新jaiku支援icon
--
更換下載地點 SkyDrive太難用了
--
20080722
經過幾個星期測試...
發現jaiki的feed輸出很不穩定 等待時間也很久...
因為GAE有執行時間限制 所以常常失敗...反而不適用
而twitter除了他們server有時後會自己爛掉外 其他時間都很穩定
因此目前將badge又改為使用twitter的版本

--
20081214
目前盜連者ID : 9676262 (RDENit)
2008/03/14

[+/-] : Twitter Badge失效

comments
之前做的Twitter Badge失效了
不知道是不是 twitterAPI改掉了...
不過我看他所提供的Flash範例並沒有更動 日期還是舊的
奇怪了....= =
有空需要來好好研究一下

---
update
原來是Flash的crossdomain.xml搞得鬼
詳情請看官網開發blog
2007/12/12

[+/-] : 自製 Twitter Badge

4 comments
因為Twitter官方的Badge一直都不是很好用
Flash精簡版的能控制的太少 字型會太小 中文會爛掉
複雜版的又會包含所有其他Follow的人
JavaScript版的又很難設計CSS讓他好看
所有就上網搜尋了一下有沒有比較好的解法
Maso的Blog發現有他精簡Flash版的原始碼 以及Maso的修改版
就抓下來研究研究 新增一點點功能之後
可以在右邊 我的SideBar上看到成果
將原本的Title Bar拿掉了 取而代之的是個人圖片
另外新增了Follow 的連結 就不用在Flash下方再加入一小行文字
不過比較實用的是 可以用參數控制文字大小跟顏色等參數 以下為範例
flashvars="bgcolor=0&type=user&id=1&timecolor=222&msgsize=12px&msgcolor=#150040&OpenWindow=_blank"
增加了程式使用上得彈性 目前先改到這樣
之後可能會在增加要不要放圖片 以及圖片尺寸的參數
雖然這很好寫 不過還是要有空才行 XD

有興趣的可以下載原始檔去研究

另外沒有裝Flash的 要直接編譯好的請從我的網頁原始碼自己挖Flash檔的路徑
但是請不要直接使用 GooglePage的流量會暴掉 (我沒有Google Code的空間@@)
就請麻煩下載後自己找地方放吧...XD


--
update
不確定twitter的API是否有更動 突然會抓不到訊息
不過官網的範例並沒有更新 很奇怪耶
暫時先不用 有空再來檢查看看@@

update
原來是Flash的crossdomain.xml搞得鬼
詳情請看官網開發blog

update
twitter badge用GAE復活
2007/12/09

[+/-] : 更換 Template Again

comments
原本的Template 更換到現在的版本
當然 也從原本全Html的編輯方式 升級到現在新版的使用者介面
本Template是由 Gadget1.1修改而來
修改的紀錄及相關問題紀錄在這裡 也可以在這裡下載我修改的版本

老樣子 原本下方在IE中視覺問題還沒解決 在IE6中的錯誤也還沒解決
不過現在Microsoft將IE7放到自動更新中了 用IE6的人少了很多 應該還好
不過 其實是我不會解啦 是了半天還是不知道有沒有兩全其美的方式
現在將 Template搬過來後 又發現一些問題
在IE中 很容易讀不到阿土伯的 Blogger-Ext2 不知道是不是IE7Pro的問題

另外就是 右下方的角落不知道要放什麼東西
可能把自己的Flickr相簿用SideOo的瀏覽器放在右下角
不過 我在Flickr上沒啥圖片@@ 都在Google的 Picasa

另外就是要整合這一篇的Code Block Style進來
不然程式碼的區塊實在是很醜 看這一篇就知道
最後就是將右邊Twitter的Gadget換掉
換成像是Slider Bar上那種漂亮一點的 目前還在尋覓適合的服務

還有 雖然此Template有提供繼續閱讀的功能
不過本人極討厭這種看個文章還要按來按去的
能不用就不會用 頂多是在內嵌影片(像Youtube)時 加一下來加速載入
大概就這樣吧
一些小問題就是把朋友的Link加一加 很久沒更新了
Bug盡量修 有空的話....XD

update 20071209
搞定Code Quote的Style
雖然還有一點點對齊上的問題
2007/11/02

[+/-] : 新版 Blogger Template 中 pageType 的Bug

comments
在新版的Blogger Template 中 有提共
[b:if cond="data:blog.pageType == "item""]
...
[b:else/]
...
[/b:if]

像這樣的語法 來達到在不同類型的頁面顯示不同的內容
就跟舊式的[ItemPage][/ItemPage]是相同用意
不過要在 [b:widget/] 的迷你裝置前後加上上方的語法時
會出現錯誤訊息說明[b:widget/]只能被夾在[b:section]當中
因此要將[b:if]拉到[b:section]的外層
所以有可能會造成排版上得問題

因此在新版的Template說明文件中 有提到
可以使用 pageType 這一個屬性來決定此widget是否要顯示

A widget may have the following attributes:

* id - (Required) This may contain letters and numbers only, and each widget ID in your template should be unique. A widget's ID cannot be changed without deleting the widget and creating a new one.
* type - (Required) This indicates what kind of a widget it is, and should be one of the valid widget types listed below.
* locked - (Optional) Can be "yes" or "no," with "no" as the default. A locked widget cannot be moved or deleted from the Page Elements tab.
* title - (Optional) A display title for the widget. If none is specified, a default title such as "List1" will be used.
* pageType - (Optional) Can be "all," "archive," "main," or "item," with "all" as the default. The widget will only display on the designated pages of your blog. (All widgets display on the Page Elements tab, regardless of thier pageType.)

但是經過實際測試的結果 此功能完全無效
在修改完存檔之後 會自動清除此屬性

因此我想了一個迂迴的方式
先在 [body] 標籤之前 加入
[script]
var MyPageType = "[data:blog.pageType/]"
[/script]

之所以要在[body]之前 是要讓所有的widget都可以使用
然後只要在widget的編輯畫面 (不一定要寫在template的文件中)
利用 Javascript 的 判斷式來檢查
[script]
if (MyPageType == 'index')
{
document.write("要顯示的Html語法")
}
else if (MyPageType == 'item')
{
document.write("要顯示的Html語法")
}
[script]

這種方式只要在第一次改好Template
以後都不用再去修改
只要在widget的編輯畫面就可以決定
不過缺點就是 這樣的檢查方式是在client端來執行
因此無論要不要顯示 client端的原始碼中都會出現

附註 以上文章所有出現的 "[" 都要換成 "<" ,"]"要換成 ">"
 
Back to Top
This Site Power by JoStudio. Some Rights Reserved.