使用open live writer客戶端寫博客


使用open live writer客戶端寫博客

WLW(window live writer)在很早之前就不更新了,后來出了一個OLW(open live writer),基本跟WLW相同,只是開源,更小巧好用。

下載和配置連接

下載地址

http://openlivewriter.org/

具體配置步驟

選擇日志服務類型為“其它日志類型”

image

添加日志賬戶:

image

備注:

我的博客的地址:http://www.cnblogs.com/huntdream/

用戶名: xiaofan012@126.com

安裝后的優化配置

獲取博客園主題

安裝完OLW(open live writer)並配置鏈接后,可以開始寫博客了,但是這個時候博客的主題是沒有的,這個時候只需要更新下主題即可,具體如下截圖:

image

設置圖片插入樣式

OLW剛裝上,感覺很強大的一個功能是它的圖片粘貼功能,可以直接把截圖直接粘貼到編輯窗口中。但是默認的圖片粘貼樣式不好,包括圖片大小,圖片陰影。

因此,選中任意一張編輯區的圖片,進行如下設置:

image

經過這樣一個默認設置的修改,就可以很好的粘貼圖片了。

使用SyntaxHighlighter實現代碼高亮

從插件下載地址下載好插件以后,請將壓縮包里的兩個 dll 拷貝到 C:\Users\用戶文件夾\AppData\Local\OpenLiveWriter\app-0.6.0.0\Plugins 目錄下即可。

image

該插入,在本地是預覽不到效果的,但是發布后可以看到代碼高亮效果。

發布博客時添加分類、標簽、摘要

設置分類、添加標簽、書寫摘要信息。

image

自定義樣式

在管理>>設置>>頁面定制CSS代碼 中,定義CSS樣式。

*{
	margin:  0px;
	padding: 0px;	
}

h1,h2,h3,h4,h5{
	color: rgb(47,47,47);
	font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB","YaHei Consolas Hybrid", "Microsoft YaHei", "WenQuanYi Micro Hei";
	font-size: 32px;
	font-weight: 700;
	line-height: 48px;
	text-rendering: optimizelegibility;
	word-break: break-all;
}
#cnblogs_post_body h1 {
		font-size:32px ;
        font-weight: bold;
        margin: 25px 0px ;
        padding: 5px;
        background: none repeat scroll 0% 0% rgb(216, 216, 216);
        border-radius: 6px 6px 6px 6px;
}
#cnblogs_post_body h2 {
		font-size:30px ;
        margin: 20px 0px;
        padding: 5px;
        background: none repeat scroll 0% 0% rgb(216, 216, 216);
        border-radius: 6px 6px 6px 6px;
}
#cnblogs_post_body h3 {
		font-size:24.5px ;
        margin: 15px 0px;
        padding: 5px;
        background: none repeat scroll 0% 0% rgb(216, 216, 216);
        border-radius: 6px 6px 6px 6px;
}
#cnblogs_post_body h4 {
		font-size:17.5px ;
        margin: 12px 0px;
        padding: 5px;
        background: none repeat scroll 0% 0% rgb(216, 216, 216);
        border-radius: 6px 6px 6px 6px;
}
#cnblogs_post_body h5 {
		font-size:14px ;
        margin: 12px 0px;
        padding: 5px;
        background: none repeat scroll 0% 0% rgb(216, 216, 216);
        border-radius: 6px 6px 6px 6px;
}
#cnblogs_post_body p{
	color: rgb(47,47,47);
	font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB","YaHei Consolas Hybrid", "Microsoft YaHei", "WenQuanYi Micro Hei";
	font-size: 16px;
	font-weight: 400;
	line-height: 27.2px;
	margin: 0px 0px 5px 0px;
	text-align: justify;
	word-break: normal;
}

#blogTitle {
    height: 178px;
    clear: both;
    background: url('/Skins/coffee/images/bg_title.gif') 170px 40px no-repeat;
}

備注:上述樣式是基於coffee博客皮膚之上的。

參考


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM