/**PageBeginHtml Block Begin **/ /***自定义返回顶部小火箭***/ /*生成博客目录的JS 开始*/ /*生成博客目录的JS 结束*/

使用open live writer客户端写博客

* 博客文章部分截图及内容来自于学习的书本及相应培训课程以及网络其他博客，仅做学习讨论之用，不做商业用途。
* 如有侵权，马上联系我，我立马删除对应链接。
* @author Alan
* @Email no008@foxmail.com

 

正文


注：Windows Live Writer 已经停止更新，建议安装 Open Live Writer，下载地址： http://openlivewriter.org/



使用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样式。

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
*{
    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博客皮肤之上的。

参考



















————————————————————————————————————————————————————————————————

posted @   一品堂.技术学习笔记  阅读(290)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛

目录导航