阿修-網路記事簿: 2019

2019年12月24日星期二

在最新的Windows 10 insider preview(2004, 19536)中，系統設定的關於頁面中出現了一個名為"Windows Feature Experience Pack"的體驗標題

https://i.imgur.com/N0J6G1f.png

同時，目前國外有使用者已經發現到微軟有在Microsoft商店上架一款windows FeatureExperience Pack的應用程式(無法從商店搜尋，必須要從特定連結取得) https://twitter.com/h0x0d/status/1208314988646977541

但目前無法看出來這個應用程式有甚麼樣的功能。可能微軟還在進行測試

https://i.imgur.com/WAJyp1C.png

https://i.imgur.com/B1HZyzn.png

目前可以推測的是，微軟打算將Windows 10的功能更新從Windows Update中抽離。讓 Windows Update只會進行產品安全性更新和其他微軟產品(如:office)的更新會這樣做目的可能是要讓Windwos 10核心模組化，由於以往Windows 10的大小更新都會造成系統出現大小不一程度的問題。所以將UI及核心分開由兩個或是更多團隊來進行維護。至少從Windows Feature Experience Pack可以看出版本基本上已經跟Windows 10的版本脫鉤。這個也許是微軟對於Windows 10模組化後的第一個更新。現在就得再等後續的insider preview才能知道未來的走向會是如何(目前微軟也沒有針對此應用程式提供更多資訊)

2019年12月20日星期五

html與CSS樣式-查詢-善用Ctrl+F搜尋關鍵字

html表格樣式設定可參考此頁
CSS3語法產生器提供線上視覺化設計，可套用在自己的網頁上
CSS色碼產生器+轉換
引用:wibibi，w3schools，菜鳥教程，itread01，puritys.me

CSS border-style 設定邊框的樣式
設定四個邊框樣式 border-style: 樣式;
僅設定上邊框樣式 border-top-style: 樣式;
僅設定右邊框樣式 border-right-style: 樣式;
僅設定下邊框樣式 border-bottom-style: 樣式;
僅設定左邊框樣式 border-left-style: 樣式;

<div style="border-width:3px;border-style:dashed;border-color:#FFAC55;padding:5px;">
測試邊框樣式</div>

測試邊框樣式

border-style:solid;	border-style:dotted;	border-style:dashed;
border-style:double;	border-style:outset;	border-style:groove;
border-style:ridge;	border-style:inset;	border-style:none;

border-style:none; 不顯示邊框

表格

邊框兩條線

table, th, td {
border: 1px solid black;}

變成一條線

table {
border-collapse: collapse;}

表格中間不要線

table {
border: 1px solid black;}

整體表格高度+寬度

table {
width: 100%;}
th {
height: 50px;}

欄位字全部靠左

th {
text-align: left;}

欄位文字對齊位置

td {
height: 50px;
vertical-align: bottom;}

vertical-align:baseline;	預設值，元素在該行的基礎線上，大約在文字的中間位置，並不美觀。
vertical-align:sub;	圖片垂直對齊該行本文的下標位置。
vertical-align:super;	圖片垂直對齊該行本文的上標位置。
vertical-align:top;	圖片垂直對齊該行元素的最高位置。
vertical-align:text-top;	圖片垂直對齊該行文字的最高位置。
vertical-align:middle;	圖片垂直對齊該行文字的置中位置。
vertical-align:bottom;	圖片垂直對齊該行元素的最低位置。
vertical-align:text-bottom;	圖片垂直對齊該行文字的最低位置。
vertical-align:%;	以百分比來讓圖片垂直對齊該行文字，可以有負值。

這張圖未使用 vertical-align 屬性

這張圖 vertical-align 設為 text-top

這張圖 vertical-align 設為 middle

這張圖 vertical-align 設為 bottom

欄位表格統一放大縮小

th, td {
padding: 15px;
text-align: left;}

表格水平分隔線

th, td {
border-bottom: 1px solid #ddd;}

參考此網頁

滑鼠移動到表格上變色

tr:hover {background-color: #f5f5f5;}

參考此網頁

表格欄位分色好閱讀

tr:nth-child(even) {background-color: #f2f2f2;}

參考此網頁

只有第一欄位變色

th {
background-color: #4CAF50;
color: white;}

螢幕台小，導致無法顯示全部的表格，可新增卷軸滾動條

<div style="overflow-x:auto;">
<table>
... table content ...
</table>
</div>

欄位合併

欄合併

<table border="1">
　<tr>
　<td colspan="2">這裡是第一行</td>
　</tr>
　<tr>
　<td>這裡是第二行的第一個欄位</td>
　<td>這裡是第二行的第二個欄位</td>
　</tr>

</table>

這裡是第一行
這裡是第二行的第一個欄位	這裡是第二行的第二個欄位

列合併

<table border="1">
　<tr>
　<td rowspan="2">這是第一個欄位</td>
　<td>這裡是第二個欄位第一行</td>
　</tr>
　<tr>
　<td>這裡是第二個欄位第二行</td>
　</tr>
</table>

這是第一個欄位	這裡是第二個欄位第一行
	這裡是第二個欄位第二行

html下拉式選單<--其他屬性可參考此網頁

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

CSS實現背景透明，文字不透明

.box-1, .box-2, .box-3{padding:30px; width:150px; margin-bottom:10px; text-align:center;}

.box-1{ background:#000;  opacity:0.6; }

.box-1 p, .box-2 p, .box-3 p{ color:#fff;font-family:'微軟正黑體'; text-align:center;font-size:16px;}

.box-2{ background:rgba(0,0,0,0.6);margin-bottom:10px;}

.box-3{ background:#000; filter:Alpha(opacity=60);}

body{ background:url(http://lorempixel.com/output/abstract-q-c-400-400-2.jpg) no-repeat;padding:10px;}

CSS font-family 字型範例

字型	語法範例	呈現
serif	<span style="font-family:serif;">Show serif font</span>	Show serif font
sans-serif	<span style="font-family:sans-serif;">Show sans-serif font</span>	Show sans-serif font
cursive	<span style="font-family:cursive;">Show cursive font</span>	Show cursive font
fantasy	<span style="font-family:fantasy;">Show fantasy font</span>	Show fantasy font
monospace	<span style="font-family:monospace;">monospace font</span>	monospace font
細明體	<span style="font-family:MingLiU;">細明體字型</span>	細明體字型
新細明體	<span style="font-family:PMingLiU;">新細明體字型</span>	新細明體字型
標楷體	<span style="font-family:DFKai-sb;">標楷體字型</span>	標楷體字型
微軟正黑體	<span style="font-family:Microsoft JhengHei;">微軟正黑體</span>	微軟正黑體

CSS font-famiy 範例、設定段落的字型

p {
　font-family:serif,sans-serif,cursive,fantasy,monospace;
}

有的時候設計師會需要將網頁文章不同的段落，設計出不同的風格字型，這時候採用 font-family 就是一個相當有效率的方式，同樣的手法，也可以用在像是 DIV 區塊或 span 區域內的文字，讓整個網頁不同區域呈現不同的效果。

換行設定

文字強迫換行 word-break: break-all;

Before Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.

文字自動換行，長英文字不切斷 word-wrap:break-word;

Before Moammar Long language string Long language string Long language string Long language string, there were the Phoenicians.

保留原始空白與換行 white-space:pre;

Before             Moammar          Gadhafi, there were the Phoenicians. And the Greeks.

強迫文字不換行 white-space:nowrap;

移除連續空白，移除換行符號(n r)，強迫文字不換行。

Before Moammar Gadhafi, there were the Phoenicians. And the Greeks.

保留所有空白，自動換行。white-space:pre-wrap;

Before      Moammar      Gadhafi, there were the Phoenicians. And the Greeks. The Romans.

多個空白轉換成一個空白white-space: pre-line

Before Moammar Gadhafi, there were the Phoenicians. And the Greeks. The Romans.

透過JavaScript匯出Word (無法保留紙張大小與格式)

原文:
https://phppot.com/javascript/how-to-export-html-to-word-document-with-javascript/

以下範例

主頁html部分

<div id="source-html">
    <h1>
        <center>Artificial Intelligence</center>
    </h1>
    <h2>Overview</h2>
    <p>
        Artificial Intelligence(AI) is an emerging technology
        demonstrating machine intelligence. The sub studies like <u><i>Neural
                Networks</i>, <i>Robatics</i> or <i>Machine Learning</i></u> are
        the parts of AI. This technology is expected to be a prime part
        of the real world in all levels.

    </p>
</div>
<div class="content-footer">
    <button id="btn-export" onclick="exportHTML();">Export to
        word doc</button>
</div>

JavaScript部分

<script>
    function exportHTML(){
       var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+
            "xmlns:w='urn:schemas-microsoft-com:office:word' "+
            "xmlns='http://www.w3.org/TR/REC-html40'>"+
            "<head><meta charset='utf-8'><title>Export HTML to Word Document with JavaScript</title></head><body>";
       var footer = "</body></html>";
       var sourceHTML = header+document.getElementById("source-html").innerHTML+footer;
       
       var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML);
       var fileDownload = document.createElement("a");
       document.body.appendChild(fileDownload);
       fileDownload.href = source;
       fileDownload.download = 'document.doc';
       fileDownload.click();
       document.body.removeChild(fileDownload);
    }
</script>

JavaScript部分可放置主頁，也可另存成.js檔，引用

世紀帝國2+征服者入侵 (繁體中文下載+免光碟+更新檔+破圖修正)

引用 : a83628000痞客邦

此文章僅作個人紀錄，建議至原創者部落格瀏覽

世紀帝國2+征服者入侵 (繁體中文下載+免光碟+更新檔+破圖修正)

站長提供的遊戲是由微軟正版光碟備份下來的
(此遊戲不是新的HD版)(此遊戲高機率不能在Windows 10上遊玩)

遊戲下載：(載點由站長親自上傳)
(選擇其中一個分流下載即可)

分流一：https://docs.google.com/uc?id=1BODU-CmNj_kieaxMtlpw0vWcz11N-4DT
分流二：https://docs.google.com/uc?id=1wAhEWep4DiR2vhsaKyb7pNWBCtN6Qg4b
解壓縮密碼：x96u.g4ru42u4eji6-4i

安裝教學：

下載下來的檔案是mdf/mds檔, 請用酒精軟體把mds掛載到虛擬光碟機裡
如果沒有酒精軟體請看這裡：http://a4287604.pixnet.net/blog/post/130199243

1) 請依序安裝, 世紀帝國2 → 征服者入侵 (安裝時一定要選擇『完整安裝』，不然無法遊玩)
2) 執行 Age2XPatch10c_tc.exe(更新1.0c版, 還是可以玩1.0版) 更新完成
3) 執行 DirectDraw_Fix.reg(修正破圖) 登錄修正完成
4) 再把 age2_x110.exe、age2_x110c.exe(1.0、1.0c版免光碟執行檔), 放入世紀帝國資料夾裡的 age2_x1 資料夾
PS) 如不知道遊戲資料夾在哪裡，對『世紀帝國』捷徑右鍵 → 開啟檔案位置
5) 啟動被放入的 age2_x110.exe(1.0版) 或是 age2_x110c.exe(1.0c版) 即可遊玩
PS) 可以依據喜好選擇1.0或是1.0c版本遊玩

PS) 如果出現『請插入正確的光碟片, 按[確定], 然後再重新啟動這個應用程式』
麻煩睜大眼睛看清楚步驟4和5

PS) 修正破圖是要配合免光碟檔名的，也就是說
1.0的啟動檔檔名一定要是age2_x110.exe或age2_x1.exe開起來玩才不會破圖
1.0c的啟動檔檔名一定要是age2_x110c.exe或age2_x1.exe打開起玩才不會破圖
(任意更改免光碟檔名打開來玩一樣會破圖)

遊戲密技：

ROCK ON = 得到石頭1000單位
LUMBERJACK = 得到木材1000單位
ROBIN HOOD = 得到黃金1000單位
CHEESE STEAK JIMMY'S = 得到食物1000單位
MARCO = 顯示所有地圖
POLO = 地圖迷霧效果關閉
AEGIS = 建造、生產和升級即時完成
I LOVE THE MONKEY HEAD = 得到超快速工人
HOW DO YOU TURN THIS ON = 得到眼鏡蛇車
TO SMITHEREENS = 得到自爆破壞者
NATURAL WONDERS = 可控制其他生物
BLACK DEATH = 消滅全部敵人
TORPEDO# = 殺死編號 # 的對手
WIMPYWIMPYWIMPY = 自殺
I R WINNER = 任務勝利
RESIGN = 任務失敗

WOOF WOOF = 得到飛行狗
FURIOUS THE MONKEY BOY = 得到猴子
TO SMITHEREENS = 得到自爆兵Saboteur

2019年12月19日星期四

增加三種縮文模式 <繼續閱讀>細部設定Blogger

引用 : http://cjhtech.blogspot.com/2007/02/blogger-3-htmlfor-blogger.html 此文章僅作個人紀錄，建議至原創者部落格瀏覽

可設定部份為程式碼後段，如下所示紅色字的部份

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/cjh829-easy-read-more/cjh829-easy-read-more-2.2.1.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'none';
EasyReadMoreSettings.Collapse_Effect = 'none';
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' | ';
EasyReadMoreSettings.Controller_Full_Text = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
EasyReadMoreSettings.PostTitleClassSelector = 'post-title';
EasyReadMoreSettings.PostBodyClassSelector = 'post-body';
EasyReadMoreSettings.PostsBlockSelector = 'div.blog-posts';</script>
<script>EasyReadMore.main()</script>

按順序逐一說明如下：
1.縮文(繼續閱讀)模式設定(預設值：mix模式)

Auto模式：EasyReadMoreSettings.Read_More_Mode = 'auto';
Custom模式：EasyReadMoreSettings.Read_More_Mode = 'custom';
Mix模式：EasyReadMoreSettings.Read_More_Mode = 'mix';

2.Auto模式下，文章最大行數(超過就自動縮文) (預設值：3行)
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
數字'3'改成想要的行數即可

3.Custom模式下，代表繼續閱讀的特殊符號(預設值：##ReadMore##)
支援阿土伯版本的符號(##CONTINUE##)
以及一般常見的<span id='fullpost'> 或 <span class='fullpost'>

範例：
相容阿土伯版本的符號
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##CONTINUE##';

相容<span id='fullpost'>
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'id';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = 'fullpost';

相容<span class='fullpost'>
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'class';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = 'fullpost';

4.設定繼續閱讀連結樣式(預設值：directlink(直接連結))

直接連結：EasyReadMoreSettings.Link_Style = 'directlink';
展開/收合：EasyReadMoreSettings.Link_Style = 'collapsible';

5.設定繼續閱讀按鈕顯示文字，以及連結的title屬性
顯示文字：
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
連結title屬性：
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';

6.設定收合按鈕顯示文字，以及連結的title屬性（只有在樣式設定為「展開/收合」時才有效)
顯示文字：
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
連結title屬性：
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';

7.文章展開後，收合按鈕是否移動（只有在樣式設定為「展開/收合」時才有效)(預設值：不移動)
不移動，取代繼續閱讀按鈕
EasyReadMoreSettings.Collapse_MoveToEnd = false;
繼續閱讀按鈕消失，收合按鈕出現在文章最後
EasyReadMoreSettings.Collapse_MoveToEnd = true;

8.按下收合按鈕時，文章是否自動捲回（只有在樣式設定為「展開/收合」，且收合按鈕設定移動到文章結尾，才有效)(預設值：自動捲回至文章標題)
自動捲回至「文章標題」
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'title';
自動捲回至「繼續閱讀連結處」
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'link';
不執行自動捲回
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'none';

9.設定展開/收和動畫效果（只有在樣式設定為「展開/收合」時才有效)(預設值：沒有動畫)
沒有動畫(none)
EasyReadMoreSettings.Collapse_Effect = 'none';
滑動(slide)
EasyReadMoreSettings.Collapse_Effect = 'slide';
淡入淡出(fade)
EasyReadMoreSettings.Collapse_Effect = 'fade';

10.設定展開/收和動畫速度（只有在樣式設定為「展開/收合」時才有效)(預設值：正常)
速度慢
EasyReadMoreSettings.Collapse_Effect_Speed = 'slow';
速度正常
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
速度快
EasyReadMoreSettings.Collapse_Effect_Speed = 'fast';

11.設定各頁面預設顯示方式，有三種：

繼續閱讀(摘要) - abstract
只有標題 - title
全文 - full

設定blog首頁：(預設值：摘要)
EasyReadMoreSettings.Index_Page_Style = 'abstract';
設定標籤(tag)分類頁：(預設值：標題)
EasyReadMoreSettings.Tag_Page_Style = 'title';
設定blog存檔(archive)分類頁：(預設值：標題)
EasyReadMoreSettings.Archive_Page_Style = 'title';
註：按下「較舊的文章」、「較新的文章」顯示的頁面也是屬於archive分類頁

12.是否啟用快速切換按鈕(預設值：啟用)

啟用：EasyReadMoreSettings.Controller_Enabled = true;
停用：EasyReadMoreSettings.Controller_Enabled = false;

13.快速切換按鈕是否放在預設位置(在文章列表的頭和尾各顯示一個)(預設值：是)
放在預設位置：
EasyReadMoreSettings.Controller_Default_Position = true;
自訂位置(需自行修改範本html)：
EasyReadMoreSettings.Controller_Default_Position = false;

註1：可用css操控快速切換按鈕，class為"read-more-controller"
註2：若要自訂顯示位置，請在範本的html內想要擺放的位置上插入：
<div class="read-more-controller"></div>
快速切換按鈕會自動加在裡面

14.自訂快速切換按鈕的分隔符號(預設值： | )
EasyReadMoreSettings.Controller_Splitter = ' | ';
修改紅色字部份即可

15.修改快速切換按鈕的顯示文字
完整模式的顯示文字：
EasyReadMoreSettings.Controller_Full_Text = '完整';
摘要模式的顯示文字：
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
標題模式的顯示文字：
EasyReadMoreSettings.Controller_Title_Text = '標題';

16.設定文章為「顯示全文」(不縮文)的特殊符號( 預設值：#/#ShowAll##)
在文章的任意地方，插入此特殊符號，則該篇文章就會被略過(不執行縮文動作)
可自訂特殊符號EasyReadMoreSettings.ShowFullPost_Tag = '#/#ShowAll##';
修改紅色字部份即可

17.[進階功能]非官方模板，修改使能套用本程式 - 參考此篇說明

增加三種縮文模式 <繼續閱讀>安裝縮文方法Blogger

引用 : http://cjhtech.blogspot.com/2007/02/blogger-3-htmlfor-blogger.html 此文章僅作個人紀錄，建議至原創者部落格瀏覽

安裝前注意事項：
1.若有先前有安裝其他版本(阿土伯版本、本站的1.x版本)的繼續閱讀，請先完整移除後，再安裝
2.若你的模板本身有附繼續閱讀功能(ex:羊男的三欄式)，可能會有衝突，請先想辦法移除，或是換其他模板....
3.某些特殊的模板(如:Blogcrowds的模板)，因為模板結構和blogger預設的不相同，所以無法支援(安裝了也沒作用)，請換其他模板之後，再安裝。

安裝步驟：
1.到Blogger的控制(後台)頁面
2.「版面配置」->「網頁元素」
3.按下「新增小工具」，出現可用的小工具清單
4.找一個名稱為「 HTML/JavaScript」，按下滑鼠左鍵，會進入設定的頁面
5.「標題」欄位，請填入 ##EasyReadMore##
6.「內容」部份，請複製以下程式碼填入

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/cjh829-easy-read-more/cjh829-easy-read-more-2.2.1.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'title';
EasyReadMoreSettings.Collapse_Effect = 'none';
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' | ';
EasyReadMoreSettings.Controller_Full_Text = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
</script>
<script>EasyReadMore.main()</script>

7.按「儲存變更」，安裝完成！！

訂閱：文章 (Atom)

2019年12月24日 星期二

2019年12月20日 星期五

此文章僅作個人紀錄，建議至原創者部落格瀏覽

2019年12月19日 星期四

引用 : http://cjhtech.blogspot.com/2007/02/blogger-3-htmlfor-blogger.html 此文章僅作個人紀錄，建議至原創者部落格瀏覽

引用 : http://cjhtech.blogspot.com/2007/02/blogger-3-htmlfor-blogger.html 此文章僅作個人紀錄，建議至原創者部落格瀏覽

2019年12月24日星期二

2019年12月20日星期五

2019年12月19日星期四