[原]BlogTemplate

【Title】[原]BlogTemplate
【Date】2013-03-28
【Abstract】为了让博文样式、格式标准化，制定本博文模板。
【Keywords】blog、模板、博客、写作
【Environment】Windows 7 、 cnblogs
【Author】wintys (wintys@gmail.com) http://wintys.cnblogs.com
【Origin】http://www.example.com
【URL】http://www.cnblogs.com/wintys/archive/2013/03/28/blog_template.html

【Content】: 

1、内容

<div>【Date】2013-03-28<br />
【Author】wintys (wintys@gmail.com) http://wintys.cnblogs.com<br />
<br />
【Content】: <br />
<h2>1、标题h2</h2>
&nbsp;&nbsp;&nbsp; &nbsp;这里是内容。<br />
<h3>1.1、标题h3</h3>
&nbsp;&nbsp;&nbsp;&nbsp; 这里是内容。
<h4>1.1.1、标题h4</h4>
&nbsp;&nbsp; &nbsp;&nbsp; (1)&nbsp;代码区块：&nbsp; &lt;div class="mycode" title="Test.java"&gt;Code Content&lt;/div&gt;<br />
&nbsp;&nbsp; &nbsp; &nbsp;(2)&nbsp;Note区块： &lt;div class="mynote"&gt;content&lt;/div&gt;
</div>

<h1>预留给文章标题使用。

一、二、三级标题分别用<h2>、<h3>、<h4>、

一级标题：<h2>

二级标题：<h3>

三级标题：<h4>

内容

(1) 四级以上标题一般不用。

(2) 内容少的文章一般不标序号，只用一级标题即可。

2、格式

     (1) 转载的需要标明来源：【Origin】，并在标题前标明[转]。原创则表[原],翻译的则标[译]
     (2) 参考网站内容标于文章内容末尾：【Reference】
     (3) 如果有附件 ，则标【Attachment】。
     (4) 摘要一定要写，不然时间长了，不知道文件写的到底是什么内容。
     (5) 要做到，博文复制为纯文本后，样式丢失但格式不丢失、内容不丢失。 内容>格式>样式。
     (6) 标题内的列表用：(1)、(2)、(3)、(4)... ，以免与标题相混。列表项序号与内容之间加一空格，不用"."或"、"，如"(1) 转载时..."。
     (7) meta data括号【】中用英文，以区别于内容中的【】。     
     (8) 【URL】标明本文章的博客地址。

3、样式

3.1、代码样式

3.1.1、示例

<div class="mycode" title="Test.java">content</div>

title是可选的。

classpath:
    .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar

java_home:
    e:\java\jdk

path:
    %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

3.1.2、.mycode代码样式

<style type="text/css">
    /*.mycode***********/
    .mycode {
        border-radius: 10px;
        box-shadow: 0 0 8px #aaa;
        font-family:"Segoe UI",Verdana,Tahoma,sans-serif;
        margin: 10px;
        padding: 10px;
        background: #DDEDFB;
        border: 1px solid #428EDE;  
        text-align: left;
        /*500px;*/
        overflow-x:auto;
        font-size:20px;
        white-space:nowrap;
        *white-space: normal;
        WORD-WRAP: break-word;/*IE*/
        word-break:break-all;/*IE*/
    }
    .mycode pre{
        font-size:20px !important;
        font-family: "Segoe UI",verdana,Arial,helvetica,sans-seriff;
    }
</style>

3.1.3、内联代码样式

<div style="border-radius:10px;box-shadow:0 0 8px #aaa;font-family:'Segoe UI',Verdana,Tahoma,sans-serif;margin:10px;padding:10px;background:#DDEDFB;border:1px solid #428EDE;text-align:left;/*500px;*/overflow-x:auto;font-size:20px;/*white-space:nowrap;*/*white-space:normal;WORD-WRAP:break-word;/*IE*/word-break:break-all;/*IE*/">
代码
</div>

3.1.4、全部样式

<style type="text/css">
    /*.mycode,.mynote,.mydownload,.mydown************/
    /*wintys代码样式Begin***********/
    .mycode,.mynote,.mydownload {
        border-radius: 10px;
        box-shadow: 0 0 8px #aaa;
    }

    .mycode {
        font-family: "Segoe UI",Verdana,Tahoma,sans-serif;
        margin: 10px;
        padding: 10px;
        background: #DDEDFB;
        border: 1px solid #428EDE;
        text-align: left;
          /*500px;*/
        overflow-x: auto;
        font-size: 20px;
        white-space: nowrap;
        *white-space: normal;
        WORD-WRAP: break-word;
    /*IE*/
        word-break: break-all;
    /*IE*/;
    }

    .mycode pre {
        font-size: 20px !important;
        font-family: "Segoe UI",verdana,Arial,helvetica,sans-seriff;
    }

    .mynote {
        margin: 10px;
        padding: 10px 10px 10px 60px;
        background: #FCFAA9 url('http://images.cnblogs.com/cnblogs_com/wintys/455805/o_yellow-pin.png') no-repeat 20px 5px;
        font-size: 18px;
        font-family: 微软雅黑,"Microsoft YaHei",宋体;
        border: 1px solid #FFAA00;
        clear: both;
    }

    .myindent {
        text-indent: 36px;
    }

    .mydownload {
        margin: 10px 10px 0 10px;
        background: url("http://images.cnblogs.com/cnblogs_com/wintys/455805/o_Download.png") no-repeat scroll 0 50% #00A1F1;
        min-height: 128px;
        height: auto;
        padding-left: 128px;
    }
        /*下载按钮样式*/
    .mydown {
        -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
        -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
        box-shadow: inset 0px 1px 0px 0px #caefab;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
        background: -moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
        background-color: #77d42a;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #268a16 !important;
        display: inline-block;
        color: #306108 !important;
        font-family: arial;
        font-size: 15px;
        font-weight: bold;
        padding: 6px 24px;
        text-decoration: none !important;
        text-shadow: 1px 1px 0px #aade7c;
        margin: 5px;
    }

    .mydown:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
        background: -moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
        background-color: #5cb811;
    }

    .mydown:active {
        position: relative;
        top: 1px;
    }
    /*代码样式End***********/
</style>

3.2、Note样式

<div class="mynote">content</div>

(1) path变量一般不需要新建。系统环境变量里有path变量的，直接在后面加一个分号，再添加JAVA的Path。
(2) classpath有一个"点"，不能忘记。"."代表当前路径。

3.3、下载样式

下载框样式:<div class="mydownload">content</div>
下载项样式:<a class="mydown" href="#">附件1：content</a>

【Reference】
[1]*《Developing Plugins for Windows Live Writer 》 : http://www.devx.com/codemag/Article/38214/1954
[2]《为Windows Live Writer开发插件》 : http://www.cnblogs.com/dflying/archive/2006/12/03/580602.html

【Attachment】

附件1：Java环境变量设置.txt
附件2：Java环境变量设置.txt