css學習之 border 設置

常用的邊框效果設置 , 更多的 border的屬性設置都在 http://www.w3schools.com/css/css_border.asp 有詳細介紹

none: Defines no border

dotted: Defines a dotted border

dashed: Defines a dashed border

solid: Defines a solid border

double: Defines two borders. The width of the two borders are the same as the border-width value

groove: Defines a 3D grooved border. The effect depends on the border-color value

ridge: Defines a 3D ridged border. The effect depends on the border-color value

inset: Defines a 3D inset border. The effect depends on the border-color value

outset: Defines a 3D outset border. The effect depends on the border-color value

原文自 : http://www.w3schools.com/css/css_border.asp

Read More

css學習之 margin 設置

功能 : 設定文字和邊緣距離 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% )
語法 : { MARGIN : AUTO︱( length )︱( percentage ) }

這個性質一次設定上、下、左、右邊界與區塊外之元件間格距離。使用時應依序指定上、右、下、左,如margin:1px 2px 3px 4px;。亦可一次指定四邊,如margin:2px,則全部均設2px。

1.
margin:1px 2px 3px 4px;

2.
margin-top:1px;
margin-right:2px;
margin-tottom:3px;
margin-left:4px;

Read More

jquery $(document).ready 與 window.load

之前一直覺得$(document).ready和window.onload事件是一樣的,前陣子才豁然驚覺原來兩者是不一樣的。這真是令我汗顏Orz,以下我將兩者的差異做了一個比較表格來進行說明:

window.onload$(document).ready
事件javascript原生事件模擬 W3C DOM 標準的 DOMContentLoaded 事件
觸發時機整個網頁下載完成後觸發。 因此如果網頁中包含圖檔,則事件觸發的時間會比較晚。全部的DOM元素下載完成後觸發。 因為不需等待圖檔載入完成,因此事件觸發的時間較早。
複寫前一次設定給window.onload的函式會被後一次所設定的函式覆蓋。不會覆蓋,前一次跟後一次所設定的函式都會被執行。

複寫的部份僅用文字說明有些難以表達,直接用一個簡短的程式說明無疑是比較簡單的方式!範例1使用window.onload,範例2使用document ready的方式,說明兩者的不同。



window.onload=function() { alert('alert1'); };
window.onload=function() { alert('alert2'); };


在範例1使用window.onload的方式,當整個頁面載入完畢(包含圖片),則僅會執行第二個alert,這是因為後面那個function覆蓋了前面的function。



$(document).ready(function() { alert('alert1'); });
$(document).ready(function() { alert('alert2'); });


同樣的狀況,在使用document ready時卻有不同的結果。在範例2,當DOM元素載入完畢,兩個alert都會被執行,function不會被覆蓋。 列表中最重要的差異點其實是觸發時機,請大家多多注意唷。這實在是一個很容易遺漏的小細節^^

原文自 : http://blog.finalevil.com/2009/09/jquerydocumentreadyonload.html

Read More

CSS 學習路之 img src 設置

前幾天試驗一個css img 的配置時, 發覺 img 連結圖示除了以 src 配置之外, 是否也可以使用css 來配置呢, 當然也是可以使用js來達到統一設定, 因為js是在client端處理所以需要消耗client的資源, 說起來也不是那麼各師其職的, 為了不讓client的工作量變多, 上網拜了G神後找到了 img src 的 css 配置方式.

1.一般(傳統)的配置方式
<img src="yourPath/yourImg.jpg" />

2.css配置方式
<img class="yourImg" />

< style>
img  .yourImg{
  text:expression(src="yourPath/yourImg.jpg");
}
</style>

套用css樣式後源碼也乾淨許多, 所以第2種配置方式較佳.哈哈哈~

Read More

CSS 學習路之 padding 設置

功能 : 設定元件和邊緣距離 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% )
語法 : { PADDING : ( length )︱( percentage ) }
這個性質一次設定上、下、左、右邊界的間格距離。使用時應依序指定上、右、下、左,如padding:3px 2px 5px 1px。亦可一次指定四邊,如padding:2px,則全部均設2px。

css padding 的設置非常好用, 可以很簡單的控制你需要的控件項目所需要的邊界位置,
padding 的類型分為以下2種.

1.
padding: 1px 2px 3px 4px;

2.
padding-top: 1px;
padding-right: 2px;
padding-tottom: 3px;
padding-left: 4px;

兩種效果都相同, 可依据當下需要來配置. 簡單的配置後再也不需要那些垃圾的
標簽與(空格)標簽了...哈哈哈

Read More

MsnMessageBox MSN 訊息通知控制項

這也不是捨麼新的技術,將網路上Tomas Petricek 發佈於CodeProject 的控制項做些修改。因為本人用起來覺得有點綁手綁腳的不太順手 = = 。 MSN訊息通知控制項,有以下特點。1. 使用簡單(就這樣!! 大力給他用下去啦.......)。
使用方式: 這是標準的asp.net控制項所以可以將bin資料夾的 DLL加入工具箱

詳細應用於下方連結
引自 : http://www.dotblogs.com.tw/02047788a/archive/2009/01/12/6757.aspx

Read More

字型變化標簽

標簽(tag)

效果(result)

字型變化

字型變化

HTML 4.0 指令,你的瀏覽程式可能不支援。

字型變化

字型變化

HTML 4.0 指令,你的瀏覽程式可能不支援。

字型變化

字型變化

字型變化

字型變化

字型變化

字型變化

字型變化

字型變化

HTML 4.0 指令,你的瀏覽程式可能不支援。DIR 控制文字方向,RTL表示由右至左,LTR表示由左至右。

字型變化

字型變化

字型變化

字型變化

只有Netscape支援。

字型變化

字型變化

其效果類似左右兩邊同時縮格。

字型變化

字型變化

字型變化

字型變化

字型變化

字型變化

在支援本指令的瀏覽程式上,被COMMENT指令包含的文字將不會被顯示,其效果如同 指令。

字型變化

字型變化

HTML 4.0 指令,你的瀏覽程式可能不支援。"DEL"為刪除("DELeted")的英文縮寫。

字型變化

字型變化

"DFN"為定義("DEFinition")的英文縮寫。

字型變化

字型變化

"DIV"為區隔("DIVision")的英文縮寫。

字型變化

字型變化

"EM"為強調("EMphasis")的英文縮寫。

字型變化

字型變化

字型變化

字型變化

請參考新手入門:第四單元

字型變化

字型變化

請參考新手入門:第四單元

字型變化

字型變化

此指令共分6級,上例為H4。請參考新手入門:第四單元

字型變化

字型變化

字型變化

字型變化

HTML 4.0 指令,你的瀏覽程式可能不支援。"INS"為插入("INSerted")的英文縮寫。以加畫底線的方式顯示插入的文字。

字型變化

字型變化

"KBD"為鍵盤("KeyBoarD")的英文縮寫。"KBD" stands for "Keyboard".

字型變化

字型變化

過時的指令。為

 指令所取代。

字型變化

字型變化

只有Internet Explorer支援。

字型變化

無範例

字型變化

字型變化

"NOBR"為強迫不分行("NO BReak")的英文縮寫。如果文句在行末,它會整個小段跳至下一行。

字型變化</PLAINTEXT></p> </td> <td> <p></p> <pre>字型變化</pre> <p></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">過時的指令。為 <PRE> 指令所取代。</span></p> </td> </tr> <tr> <td> <p><PRE>字型變化</PRE></p> </td> <td> <p></p> <pre>字型變化</pre> <p></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">PRE指令不設定字型變化,所有在內的文字都原樣出現在網頁上。</span></p> </td> </tr> <tr> <td> <p><Q>字型變化</Q></p> </td> <td> <p><q>字型變化</q></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">HTML 4.0 指令,你的瀏覽程式可能不支援。用來取代BLOCKQUOTE指令。效果相同於SPAN指令。</span></p> </td> </tr> <tr> <td> <p><S>字型變化</S></p> </td> <td> <p><s>字型變化</s></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">"S"為刪除("Strike-through")的英文縮寫。</span></p> </td> </tr> <tr> <td> <p><SAMP>字型變化</SAMP></p> </td> <td> <p><samp>字型變化</samp></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">"SAMP"為範例("Sample")的英文縮寫。</span></p> </td> </tr> <tr> <td> <p><SMALL>字型變化</SMALL></p> </td> <td> <p><small>字型變化</small></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">字型變小。</span></p> </td> </tr> <tr> <td> <p><SPAN>字型變化</SPAN></p> </td> <td> <p><span title="How about this?!?!">字型變化</span></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">SPAN指令類似DIV指令。</span></p> </td> </tr> <tr> <td> <p><STRONG>字型變化</STRONG></p> </td> <td> <p><strong>字型變化</strong></p> </td> </tr> <tr> <td> <p>字型<SUB>變化</SUB></p> </td> <td> <p>字型<sub>變化</sub></p> </td> </tr> <tr> <td> <p>字型<SUP>變化</SUP></p> </td> <td> <p>字型<sup>變化</sup></p> </td> </tr> <tr> <td> <p><TT>字型變化</TT></p> </td> <td> <p><tt>字型變化</tt></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">"TT"為打字機("Typewriter Text")的英文縮寫。</span></p> </td> </tr> <tr> <td> <p><U>字型變化</U></p> </td> <td> <p><u>字型變化</u></p> </td> </tr> <tr> <td> <p><VAR>字型變化</VAR></p> </td> <td> <p><var>字型變化</var></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">"VAR"為變數("Variable")的英文縮寫。</span></p> </td> </tr> <tr> <td> <p><NOBR>字型<WBR>變化</NOBR></p> </td> <td> <p><nobr>字型<wbr>變化</nobr></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">WBR指令允許在NOBR指令中的文句換行。</span></p> </td> </tr> <tr> <td> <p><XMP>字型變化</XMP></p> </td> <td> <p><xmp>字型變化</xmp></p> <p></p> </td> </tr> <tr> <td colspan="2"> <p><span style="color:#666666;">過時的指令</span></p> </td> </tr></table><div class="blogger-post-footer">Copyright © Bruce Huang All rights reserved.</div> <p class="article-more-link"> <a href="/2009/09/%E5%AD%97%E5%9E%8B%E8%AE%8A%E5%8C%96%E6%A8%99%E7%B0%BD/#more">Read More</a> </p> </div> <footer class="article-footer"> <a data-url="https://blog.xispace.app/2009/09/%E5%AD%97%E5%9E%8B%E8%AE%8A%E5%8C%96%E6%A8%99%E7%B0%BD/" data-id="clt2m4tah0095iw0m8m0d3fbc" class="article-share-link">Share</a> <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/CSS3/" rel="tag">CSS3</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/HTML/" rel="tag">HTML</a></li></ul> </footer> </div> </article> <article id="post-DOS-DIR的學習" class="article article-type-post" itemscope itemprop="blogPost"> <div class="article-meta"> <a href="/2009/09/DOS-DIR%E7%9A%84%E5%AD%B8%E7%BF%92/" class="article-date"> <time datetime="2009-09-18T03:53:00.000Z" itemprop="datePublished">2009-09-18</time> </a> </div> <div class="article-inner"> <header class="article-header"> <h1 itemprop="name"> <a class="article-title" href="/2009/09/DOS-DIR%E7%9A%84%E5%AD%B8%E7%BF%92/">DOS.DIR的學習</a> </h1> </header> <div class="article-entry" itemprop="articleBody"> 在執行模式下鍵入 cmd 進入 DOS 工作環境<br /><br />C:\dir d:\yourFolderName1\yourFolderName2<br />列出你目前指定位置的全部檔案<br /><br />C:\dir d:\yourFolderName1\yourFolderName2\*.txt > dir.txt<br />列出你目前指定位置的全部 .txt 檔案 , 輸出至 dir.txt<br /><br />C:\dir /b/s d:\yourFolderName1\yourFolderName2\*.txt > dir.b.s.txt<br />列出你目前指定位置的全部 .txt 檔案 , 輸出至 dir.b.s.txt<div class="blogger-post-footer">Copyright © Bruce Huang All rights reserved.</div> <p class="article-more-link"> <a href="/2009/09/DOS-DIR%E7%9A%84%E5%AD%B8%E7%BF%92/#more">Read More</a> </p> </div> <footer class="article-footer"> <a data-url="https://blog.xispace.app/2009/09/DOS-DIR%E7%9A%84%E5%AD%B8%E7%BF%92/" data-id="clt2m4t7b000wiw0m3scr08dp" class="article-share-link">Share</a> <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Command-line/" rel="tag">Command line</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Windows-%E7%9B%B8%E9%97%9C/" rel="tag">Windows 相關</a></li></ul> </footer> </div> </article> <article id="post-window-screen-物件" class="article article-type-post" itemscope itemprop="blogPost"> <div class="article-meta"> <a href="/2009/06/window-screen-%E7%89%A9%E4%BB%B6/" class="article-date"> <time datetime="2009-06-04T05:51:00.000Z" itemprop="datePublished">2009-06-04</time> </a> </div> <div class="article-inner"> <header class="article-header"> <h1 itemprop="name"> <a class="article-title" href="/2009/06/window-screen-%E7%89%A9%E4%BB%B6/">window.screen 物件</a> </h1> </header> <div class="article-entry" itemprop="articleBody"> javascript 可以藉由 window.screen 物件取得螢幕的大小。可以用的屬性如下:<br /><br />window.screen.width<br />window.screen.height<br />window.screen.colorDepth<br />window.screen.availWidth<br />window.screen.availHeight <br /><br />因此可以藉此測知使用者電腦的解析度,進而進行調整。<div class="blogger-post-footer">Copyright © Bruce Huang All rights reserved.</div> <p class="article-more-link"> <a href="/2009/06/window-screen-%E7%89%A9%E4%BB%B6/#more">Read More</a> </p> </div> <footer class="article-footer"> <a data-url="https://blog.xispace.app/2009/06/window-screen-%E7%89%A9%E4%BB%B6/" data-id="clt2m4ta3007ziw0m1l73bcyw" class="article-share-link">Share</a> <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/HTML/" rel="tag">HTML</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/" rel="tag">javascript</a></li></ul> </footer> </div> </article> <nav id="page-nav"> <a class="extend prev" rel="prev" href="/page/10/">👈 Prev</a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/9/">9</a><a class="page-number" href="/page/10/">10</a><span class="page-number current">11</span><a class="page-number" href="/page/12/">12</a><a class="page-number" href="/page/13/">13</a><span class="space">&hellip;</span><a class="page-number" href="/page/16/">16</a><a class="extend next" rel="next" href="/page/12/">Next 👉</a> </nav> </section> <aside id="sidebar"> <div class="widget-wrap"> <h3 class="widget-title">Categories</h3> <div class="widget"> <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/news/">news</a></li><li class="category-list-item"><a class="category-list-link" href="/categories/terminal/">terminal</a></li></ul> </div> </div> <div class="widget-wrap"> <h3 class="widget-title">Tag Cloud</h3> <div class="widget tagcloud"> <a href="/tags/ASP-NET/" style="font-size: 16.67px;">ASP.NET</a> <a href="/tags/ActionScript/" style="font-size: 12.67px;">ActionScript</a> <a href="/tags/Bot/" style="font-size: 10px;">Bot</a> <a href="/tags/C/" style="font-size: 14.67px;">C#</a> <a href="/tags/CSS3/" style="font-size: 16px;">CSS3</a> <a href="/tags/Command-line/" style="font-size: 14px;">Command line</a> <a href="/tags/ConvertToPDF/" style="font-size: 10px;">ConvertToPDF</a> <a href="/tags/Database/" style="font-size: 10px;">Database</a> <a href="/tags/Django/" style="font-size: 14px;">Django</a> <a href="/tags/DotNet-Library/" style="font-size: 12.67px;">DotNet Library</a> <a href="/tags/Email/" style="font-size: 10px;">Email</a> <a href="/tags/Express/" style="font-size: 10px;">Express</a> <a href="/tags/Git/" style="font-size: 10px;">Git</a> <a href="/tags/GitBook/" style="font-size: 10px;">GitBook</a> <a href="/tags/GitHub/" style="font-size: 10px;">GitHub</a> <a href="/tags/Glances/" style="font-size: 10px;">Glances</a> <a href="/tags/HTML/" style="font-size: 19.33px;">HTML</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/IE/" style="font-size: 12px;">IE</a> <a href="/tags/IIS/" style="font-size: 11.33px;">IIS</a> <a href="/tags/JSON/" style="font-size: 11.33px;">JSON</a> <a href="/tags/Linux/" style="font-size: 10px;">Linux</a> <a href="/tags/MP3/" style="font-size: 10px;">MP3</a> <a href="/tags/MS-SQL/" style="font-size: 12.67px;">MS-SQL</a> <a href="/tags/MVC/" style="font-size: 10px;">MVC</a> <a href="/tags/Mac/" style="font-size: 14px;">Mac</a> <a href="/tags/Markdown/" style="font-size: 14px;">Markdown</a> <a href="/tags/Nodejs/" style="font-size: 13.33px;">Nodejs</a> <a href="/tags/Pycharm/" style="font-size: 11.33px;">Pycharm</a> <a href="/tags/Python/" style="font-size: 15.33px;">Python</a> <a href="/tags/Reactjs/" style="font-size: 10px;">Reactjs</a> <a href="/tags/SublimeText/" style="font-size: 11.33px;">SublimeText</a> <a href="/tags/TelegramBot/" style="font-size: 10px;">TelegramBot</a> <a href="/tags/Ubuntu/" style="font-size: 10px;">Ubuntu</a> <a href="/tags/VM/" style="font-size: 10px;">VM</a> <a href="/tags/WebSocket/" style="font-size: 10px;">WebSocket</a> <a href="/tags/Windowns-Service/" style="font-size: 10.67px;">Windowns Service</a> <a href="/tags/Windows-%E7%9B%B8%E9%97%9C/" style="font-size: 18.67px;">Windows 相關</a> <a href="/tags/blog/" style="font-size: 10.67px;">blog</a> <a href="/tags/color-code/" style="font-size: 10px;">color code</a> <a href="/tags/docker/" style="font-size: 10px;">docker</a> <a href="/tags/ejs/" style="font-size: 10px;">ejs</a> <a href="/tags/ffempg/" style="font-size: 10px;">ffempg</a> <a href="/tags/glances/" style="font-size: 10px;">glances</a> <a href="/tags/graylog/" style="font-size: 10px;">graylog</a> <a href="/tags/hexo/" style="font-size: 10px;">hexo</a> <a href="/tags/jQuery/" style="font-size: 18px;">jQuery</a> <a href="/tags/javascript/" style="font-size: 20px;">javascript</a> <a href="/tags/mov-convert-mp4/" style="font-size: 10px;">mov-convert-mp4</a> <a href="/tags/pm2/" style="font-size: 10.67px;">pm2</a> <a href="/tags/sqlite/" style="font-size: 10px;">sqlite</a> <a href="/tags/terminal/" style="font-size: 10px;">terminal</a> <a href="/tags/vscode/" style="font-size: 11.33px;">vscode</a> <a href="/tags/web2py/" style="font-size: 11.33px;">web2py</a> <a href="/tags/%E5%8D%9A%E5%AE%A2%E6%A1%86%E6%9E%B6/" style="font-size: 10px;">博客框架</a> <a href="/tags/%E7%80%8F%E8%A6%BD%E5%99%A8/" style="font-size: 11.33px;">瀏覽器</a> <a href="/tags/%E7%B7%9A%E4%B8%8A%E5%B7%A5%E5%85%B7/" style="font-size: 13.33px;">線上工具</a> <a href="/tags/%E8%B7%A8%E5%B9%B3%E5%8F%B0/" style="font-size: 10.67px;">跨平台</a> <a href="/tags/%E8%BB%9F%E4%BD%93%E6%87%89%E7%94%A8%E7%9B%B8%E9%97%9C/" style="font-size: 17.33px;">軟体應用相關</a> <a href="/tags/%E8%BB%9F%E5%B7%A5%E6%96%87%E4%BB%B6%E5%B7%A5%E5%85%B7/" style="font-size: 10px;">軟工文件工具</a> <a href="/tags/%E9%9A%A8%E4%BE%BF%E5%AF%AB%E5%AF%AB/" style="font-size: 12px;">隨便寫寫</a> </div> </div> <div class="widget-wrap"> <h3 class="widget-title"> Archives </h3> <div class="widget"> <!-- <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2023/05/">五月 2023</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/09/">九月 2021</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/08/">八月 2021</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/09/">九月 2020</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/08/">八月 2020</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/10/">十月 2018</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/06/">六月 2018</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">五月 2018</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">八月 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/07/">七月 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/05/">五月 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">三月 2017</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/08/">八月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/03/">三月 2016</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/10/">十月 2015</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/09/">九月 2015</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/08/">八月 2015</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/07/">七月 2015</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/03/">三月 2015</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2014/11/">十一月 2014</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2014/01/">一月 2014</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/10/">十月 2012</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/04/">四月 2012</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/03/">三月 2012</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/02/">二月 2012</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/11/">十一月 2011</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/08/">八月 2011</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/06/">六月 2011</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/05/">五月 2011</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/02/">二月 2011</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/01/">一月 2011</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/11/">十一月 2010</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/10/">十月 2010</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/08/">八月 2010</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/06/">六月 2010</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">五月 2010</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/04/">四月 2010</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/03/">三月 2010</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/11/">十一月 2009</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/10/">十月 2009</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/09/">九月 2009</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/06/">六月 2009</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/05/">五月 2009</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/04/">四月 2009</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/03/">三月 2009</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/02/">二月 2009</a></li></ul> --> <!-- 20190304修改 --> <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2023/05/">2023-05</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/09/">2021-09</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/08/">2021-08</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/09/">2020-09</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/08/">2020-08</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/10/">2018-10</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/06/">2018-06</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/05/">2018-05</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/08/">2017-08</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/07/">2017-07</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/05/">2017-05</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2017/03/">2017-03</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/08/">2016-08</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2016/03/">2016-03</a><span class="archive-list-count">7</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/10/">2015-10</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/09/">2015-09</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/08/">2015-08</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/07/">2015-07</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2015/03/">2015-03</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2014/11/">2014-11</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2014/01/">2014-01</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/10/">2012-10</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/04/">2012-04</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/03/">2012-03</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2012/02/">2012-02</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/11/">2011-11</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/08/">2011-08</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/06/">2011-06</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/05/">2011-05</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/02/">2011-02</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2011/01/">2011-01</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/11/">2010-11</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/10/">2010-10</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/08/">2010-08</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/06/">2010-06</a><span class="archive-list-count">5</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/05/">2010-05</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/04/">2010-04</a><span class="archive-list-count">3</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2010/03/">2010-03</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/11/">2009-11</a><span class="archive-list-count">2</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/10/">2009-10</a><span class="archive-list-count">10</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/09/">2009-09</a><span class="archive-list-count">4</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/06/">2009-06</a><span class="archive-list-count">1</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/05/">2009-05</a><span class="archive-list-count">12</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/04/">2009-04</a><span class="archive-list-count">6</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/03/">2009-03</a><span class="archive-list-count">18</span></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2009/02/">2009-02</a><span class="archive-list-count">14</span></li></ul> </div> </div> <div class="widget-wrap"> <h3 class="widget-title">Recent Posts</h3> <div class="widget"> <ul> <li> <a href="/2023/05/ffempg-install/">ffmpeg 是您的不二之選</a> </li> <li> <a href="/2023/05/%E7%94%A8-Hexo%EF%BC%8C%E5%B0%87%E4%BD%A0%E7%9A%84%E6%83%B3%E6%B3%95%E4%BB%A5%E6%9C%80%E7%B0%A1%E6%BD%94%E3%80%81%E6%9C%80%E7%BE%8E%E9%BA%97%E7%9A%84%E6%96%B9%E5%BC%8F%E5%91%88%E7%8F%BE%E7%B5%A6%E4%B8%96%E7%95%8C/">用 Hexo,將你的想法以最簡潔、最美麗的方式呈現給世界</a> </li> <li> <a href="/2023/05/New-Hexo-app-for-ChatGPT/">Hexo教學 from ChatGPT</a> </li> <li> <a href="/2023/05/Glances%E6%98%AF%E4%B8%80%E5%80%8B%E8%B7%A8%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%B3%BB%E7%B5%B1%E7%9B%A3%E8%A6%96%E5%B7%A5%E5%85%B7/">Glances是一個跨平台的系統監視工具</a> </li> <li> <a href="/2021/09/Markdown%E5%BD%B1%E9%9F%B3/">Markdown影音與圖片</a> </li> </ul> </div> </div> </aside> </div> <footer id="footer"> <div class="outer"> <div id="footer-info" class="inner"> &copy; 2024 cn27529&nbsp; Powered by <a href="http://hexo.io/" target="_blank">Hexo</a> </div> </div> </footer> </div> <nav id="mobile-nav"> <a href="/" class="mobile-nav-link">Home</a> <a href="/archives" class="mobile-nav-link">Archives</a> <a target="_blank" rel="noopener" href="https://cv.xispace.app/" class="mobile-nav-link">CV</a> <a target="_blank" rel="noopener" href="https://facebook.com/cn27529/" class="mobile-nav-link">FB</a> <a target="_blank" rel="noopener" href="https://instagram.com/cn27529/" class="mobile-nav-link">IG</a> <a target="_blank" rel="noopener" href="https://github.com/cn27529/" class="mobile-nav-link">Github</a> </nav> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <link rel="stylesheet" href="/fancybox/jquery.fancybox.css"> <script src="/fancybox/jquery.fancybox.pack.js"></script> <script src="/js/script.js"></script> </div> <script type="module"> import { initializeApp } from "https://www.gstatic.com/firebasejs/9.21.0/firebase-app.js"; import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.21.0/firebase-analytics.js"; const firebaseConfig = { apiKey: "AIzaSyBgXKl6hYkm-K7tTuOwU-Vosj2XvaJDGj8", authDomain: "xispace.firebaseapp.com", projectId: "xispace", storageBucket: "xispace.appspot.com", messagingSenderId: "839395447140", appId: "1:839395447140:web:755533aa23c2ee81d76a71", measurementId: "G-WFWZBQS9M2" }; const app = initializeApp(firebaseConfig); const analytics = getAnalytics(app); </script> </body> </html></plaintext></td></tr></tbody></table></div></div></article></section></div></div></div></body></html>