Word2013发布博客到博客园【转】

接下来再讲讲Word2013发布博客到博客园的详细方法。

http://haoji.me(好记么) 这是那位牛牛的链接

一、软件准备。

Word谁都有,所以软件准备这一步几乎可省略。具体哪一个版本开始有博客发布的功能我不知道,反正我用的是Word 2013。

二、第一次使用必须的配置:

打开一篇Word文档,然后点击左上角的“文件”,依次选择“共享”-->“发布至博客”:

image

一般会默认让你新建一个博客账户:

image

博客文章地址为:http://www.cnblogs.com/你的博客名称/services/metablogapi.aspx

image

图片选项一般选择“我的博客提供商”:

image

然后Word会新开一个窗口,要发布博客必须设置一个博客标题:

image

可以插入类别:

image

点击“发布按钮”,在文档的最上面会提示发布是否成功的信息,如下:

image

三、代码高亮显示:

一般你直接Eclipse或VS复制代码到Word默认就会保持高亮显示,我一般喜欢把代码插入到一个一行一列的表格中,如下:

image

但是发布后代码行间距变宽了,郁闷!

image

另外,Eclipse代码直接复制粘贴到Windows Live Writer是不会保持高亮显示的,所以这一点还是Word比较好。

如果想代码发布后样式更好看一点,推荐用一个Word的代码高亮显示插件,是一个国人写的,功能可能还有些欠缺,最主要的问题就是样式冲突,虽然可以通过设置“CSS定制风格”来解决,但是一旦你更换了博客的皮肤,这个代码显示就有可能不正常了。

具体使用方法参考原作者博客:

Word中使用代码高亮插件

主要是下载完插件后,设置格式等内容,需要一些博客园上的代码辅助。

但是word把这段代码发布到博客后,会去除掉这个class,无语。。。

所以我们在博客中,不得设置所有ol的style,幸好博客园的文章都是在一个id为cnblogs_post_body的div下的,所以我在我博客中加了下面的style:

  1. #cnblogs_post_body ol
  2.  {
  3.      border: 1px dotted #000066;
  4.      line-height: 150%;
  5.      word-break: break-word;
  6.      font-family: Consolas, Verdana !important;
  7.      border-radius: 5px;
  8.       90%;
  9.      background-color: #E3E3FF;
  10.      list-style-position: outside;
  11.      margin-left: 0px;
  12.  }
  13.  #cnblogs_post_body ol font
  14.  {
  15.      font-size: 12px !important;
  16.  }
  17.  #cnblogs_post_body ol li
  18.  {
  19.      background-color: #fff;
  20.      padding-left: 5px;
  21.      border-left: 1px solid #8A8AFF;
  22.      margin-left: 5px !important;
  23.  }
  24.  #cnblogs_post_body ol li:nth-child(even)
  25.  {
  26.      background-color: #f5f5f5;
  27.  }

补充一下,这段文本是加在这里的:

比如我用的是coffee的主题,按照这个作者给出的设置,博客发布后成了这个样子:

image

正常的应该是这样的:

image

另外建议开启交替行变色功能,好看一点:

image

插入时的样式:

image

插入到Word后的样式:

image

发布后的样式上面已经给出了。

好了,很简单的东西竟然洋洋洒洒写了这么久,唉,我这人就是有这样一个坏毛病:就是什么东西一旦要做了就一定要做的最好!好了,吃饭去了,饿死了!

希望能对没用过的人有一些帮助!

原文地址:https://www.cnblogs.com/wy20110919/p/8158807.html