Use Windows Live writer to write blog configurations

When I visited the garden, I found that I could use the Windows Live writer client to write garden blogs. Although I used wlw before, it was not very useful, but I was a software mad, I like to play with various software. This time, wlw was upgraded to the 2011 beta version. It's just a try ~~

Install Windows Live writer

Installation Package download (http://explore.live.com/windows-live-essentials-beta ). The new version uses the Ribbon interface of Windows 7 as follows:

Configuration of Windows Live writer

The process is not described in detail. For the steps, see the garden help page: Workshop.

Highlight code plug-in

Of course, the most important thing about writing Technical blog is the cleaning Code. Under the insert tab, The add plug-in button is on the rightmost side, after clicking this button, you will be linked to the official Microsoft website, where you can download the desired plug-in to your local computer, and then run the installation. The next step is OK. Note that you need to run the installation file to uninstall the plug-in, so it is best to keep the installation file.

Here we will introduce two simple plug-ins:

Paste from Visual Studio

Click here to go to the download page and get an installation package named vspaste. MSI. Install the package all the way. You can see that the plug-in has been successfully added. Copy the code to be inserted in Visual Studio and click vspaste in the plug-in box of wlw. The Code contains a background color and a highlighted keyword, Which is concise. But there is a problem, this plug-in only applies to vs, not the code in Vs, so there is also the following plug-in. In addition, this plug-in also implicitly supports class styles named code. You can customize the styles on the blog settings page. The details are described below.

Code insertion plug-in

Download the latest version from the official website and visit the author's blog. The Code highlight of this plug-in is based on syntaxhighter, and code folding is provided. After installation.

You can customize the display template in the settings box. However, I feel that the custom style is not very different from my topic, so I changed the style and set the class of the style to code, in order to be consistent with the previous vspaste style when used, the two plug-ins share a display style.

This is the code template for expanding the view. The style is code.

<div class="code"><pre><%hcode%></pre></div><br>

This is a foldable Code view template. When it is expanded, the style is code. After it is folded, the style is code_t. For details about the style, see the following.

Foldable Code view Template
<Div class = "code"> <PRE>  '). style. display = 'none'; document. getelementbyid ('Code _ open_image _ <% guid %> '). style. display = 'inline'; document. getelementbyid ('Code _ open_text _ <% guid %> '). style. display = 'inline '; "/>  "Height =" 16 "width =" 11 "align =" TOP "src =" http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif "onclick =" This. style. display = 'none'; document. getelementbyid ('Code _ open_text _ <% guid %> '). style. display = 'none'; getelementbyid ('Code _ closed_image _ <% guid %> '). style. display = 'line'; getelementbyid ('Code _ closed_text _ <% guid %> '). style. display = 'inline'; "style =" display: none; "/> <span id =" code_closed_text _ <% guid %> "class =" code_t "> <% displayname %> </span> <br/> <span id =" code_open_text _ <% guid %> "style =" display: none; "> <% hcode %> </PRE> </div> <br>

Custom CSS style box on the background settings page of the blog Garden

The custom style is as follows:

. Code {Background: # fafbfd; Border: # c0c0c0 1px solid; padding: 2px; margin: 2px 4px 2px 0px; font-family: consolas, Courier New, calibri, "", "", sans-serif ;}. code_t {Background: # ffffff; Border: # c0c0c0 1px solid; padding: 1px; margin: 0px 0px 0px 6px ;}. postbody P ,. postcon p, p {text-indent: 2em ;}

You can see the following styles in the Custom CSS style:

.postBody p, .postCon p, p{    text-indent: 2em;}

This is the automatic indent of the following paragraph.

Set paragraph indent in wlw

Unfortunately, this function is not available in wlw, O. o, but I don't want to write it on the webpage. I can use style control on the Internet. It's awesome, and it's also a style. However, I didn't succeed in setting all the paragraph tag P to auto indent. So I sneaked a peek at firebug. Haha, I found that it turned out that the tag Selector was not correct. After the change, it became the style above. After the experiment, there was no indentation in the wlw, all the paragraphs in the essay are automatically indented after being published to the blog. The indentation in this article is set as follows.

 

New to complement a good plug-in http://gallery.live.com/liveItemDetail.aspx? Li = 10d724ab-0d28-4c78-8310-a6e2cfdef891 & bt = 9 & PL = 8

 

Summary

After such a hard work, the client can basically meet the requirements for writing Technical blogs. However, there are still some shortcomings. In the future, the technology will be better able to learn new tricks and supplement them, I hope it will be helpful for the XX that I want to toss.

Reference page:
Http://www.cnblogs.com/lyj/archive/2008/11/30/1344463.html
Http://www.cnblogs.com/yaoshiyou/archive/2009/11/25/1610901.html