用tcpTrace记录nignx rewrite后转发的数据,调试wlw发布日志到wordpress的工作过程

  categories:livewriter  tags:, ,   author:

原创文章,转载请指明出处并保留原文url地址

前面,我们安装了php的开发环境xampp, 安装了wordpress程序,然后配置了php的调试环境, 以及 用Nginx url重写及NuSphere环境调试windows live writer客户端 等文章通过这些我们基本上打造了一个可以调试的、完善的php调试程序的开发系统。

本文我们要解决的问题是:全面记录nginx的url重写(rewrite)后的数据, 以及windows live writer 在发布文章过程中都发布了那些数据,通过这些数据的分析,了解xml rpc的工作过程。

1. tcpTrace记录数据的工作原理

系统网络结构以及相关组件的配置情况如下:

wps_clip_image-4218[8][1]

存在两台服务器, 192.168.186.162和192.168.186.163

163上部署nginx程序

162上部署tcptrace、xampp、wordpress、PhpED等软件

同时修改162服务器的hosts文件如下

wps_clip_image-22917[3][1]

通过修改了hosts文件, 这样在wlw在发布文章到www.iigrowing.cn时,根据hosts文件中配置的域名, 把数据发送给163的nginx服务器, nginx服务器在内部判断url中是否存在php的调试参数, 若是没有则重写url(添加一个php的调试标志),然后通过nginx的代理功能(proxy_pass)将请求发给162服务器的9999端口, 在9999端口上tcpTrace正在接受用户请求, 接受到请求后将请求信息打印到调试窗口, 然后将请求在转发给后端的apache服务器,apache服务器将php请求转给wordpress。 WordPress在工作过程中, PhpED环境监控着php系统,当发现有请求进入时,就进入调试模式,便于我们调试程序,发现问题。

2. 关于tcptrace

http://www.pocketsoap.com/tcpTrace/

wps_clip_image-11302[3][1]

TcpTrace

I got fed … 阅读全文

LocalSrcEdit插件实现windows live writer局部代码显示并编辑

  categories:livewriter  author:

原创文档,转载请将原文url地址标明

从前面文档中我们了解到Windows Live Writer是非常不错的一个日志发布工具,支持本地写文章,然后通过点击一个按钮就发布到网站上。

在使用wlw中发现当blog文本非常多时,查看部分源代码以及修改局部源代码都比较麻烦,必须在切换显示方式,但是切换后不方便找到需要编辑的位置,编辑起来比较麻烦。

为了解决问题编写了专用插件实现局部代码的编写并且进行编辑功能

使用方法:

1. 编辑blog文档

2. 选择要查看的部分源代码

3. 点击wlw右下方的LocalSrcEdit链接启动插件

wps_clip_image-29446[3][1]

显示如上图,上图中文本框内文字就是被选择部分文字的html源代码,用户可以手工编辑html源代码,然后选择finish按钮,被修改后的源代码则应用到了原位置。

iigrowing.cn.LocalSrcEdit.rar


阅读全文

优化pngtojpg插件修正png到jpg图片转换中失真问题

  categories:livewriter  tags:,   author:

原创文档,转载请将原文url地址标明

我们在前面“开发Windows Live Writer插件实现png图片到jpg图片的批量转换”一文中介绍了一个wlw的插件来实现png图片到jpg图片的自动转换工作。

插件下载页面参见http://www.iigrowing.cn/pngtojpeg.html页面

前次发表插件在对一些特定的png图片进行转换时,图片转换后呈现非常严重的失真,如下图

wps_clip_image-9859[4][1]转换前的png图片

转换后的图片

wps_clip_image-18180[4][1]

可以看到问题比较严重,因此需要进行相关的改进工作。

初步估计是原来插件中图像转换功能非常简单,仅仅是采用系统默认的图片转换api进行的,里面可控的因素比较少,容易造成失真。

原转换代码如下:

using (System.Drawing.Image img = System.Drawing.Image.FromFile(srcimg))

{

img.Save(dstimg, System.Drawing.Imaging.ImageFormat.Jpeg);

}

仅仅调用.net平台的最简单的图片打开功能获取一个png图片,然后调用save进行图片的存储,为进行任何适当的处理。因此造成相关图片的失真的问题。

为了解决相关问题,在codeproject上搜索了一个jpeg图片的专业文章,然后从里面提取相关代码进行改造,最后集成到插件中,完成相关功能。

http://www.codeproject.com/Articles/83225/A-Simple-JPEG-Encoder-in-C

wps_clip_image-21609[7][1]

相关代码下载地址

http://www.codeproject.com/KB/graphics/SimpleJpeg/JPEG_Encoder_src_v3.zip

读者可以自行研究相关丰富的功能

本插件中,将相关多余代码都去除,保留了必要的图片转换等相关代码集成到插件中,最后完成相关功能。

新版本插件见http://www.iigrowing.cn/pngtojpeg.html阅读全文

PngToJpg

  categories:livewriter  tags:  author:

PngToJpeg是一个Windows Live Writer插件,开发语言C#,开发平台virual studio2010

功能是对wlw中选择的源代码部分代码进行遍历,找到本地图片,对其中png格式图片,转换成jpeg格式的图片,然后替换选择部分源代码成jpeg图片的地址,程序处理完成后程序自动返回,用户可以继续编写自己的博客。

方便之处

用户在手工选择那些图片是要转换的,不用手工处理这些图片了,一切都是自动的,用户要的是 ctrl + a(全选), 点击启动插件链接,然后按下按钮完成转换

改进之处

对网络图片不支持

仅仅支持png图片

界面简单粗陋

 

改版目标

对网络图片提供支持

 

v0.2插件,优化png图片到jpg图片转换,修正转换后失真

 

 

插件安装及操作方法,参见文章:

开发Windows Live Writer插件实现png图片到jpg图片的批量转换

 

插件下载

 

开发Windows Live Writer插件实现png图片到jpg图片的批量转换

  categories:livewriter  tags:  author:

原创文档,转载请将原文url地址标明

从前面文档中我们了解到Windows Live Writer是非常不错的一个日志发布工具,支持本地写文章,然后通过点击一个按钮就发布到网站上。

但是wlw有个问题,就是在编辑博客时,但我们从剪切板粘贴文章到wlw时,图片默认是png格式。Png格式分辨率高,效果好,但是尺寸太大了,若是转换成jpg格式尺寸会小很多,至少小一个数量级(十分之一),图像效果也还可以,一般肉眼很难分别差别的或者差别不大。

前面我们文章介绍了一个插件可以实现将将剪切板图片粘贴成jpg的图片了,好挺好用的。

今天我们又有了新的情况。但我们用word文档编辑了很好的图文并茂的文档有很多图片这个时候我们若是将这个word文档整体拷贝,然后粘贴wlw中,我们的图片就都是png格式了。手动将图片一幅一幅修改成jpg比较费劲。

我在网络上查找了很多文章及插件也没解决问题,最后只好把解决办法着落到编写wlw插件上面啦。

为了编写插件我专程去下载了 微软的 vistual studio 2010专业版,安装软件,软件很大。

又到网络找编写软件的文章,以及相关代码,最后自己编写软件,当然了我要参照别人的软件编写,最后全部改造成自己的插件啦。

最后经过调试终于成功。

软件安装方法:

下载附件的文件,解压缩到wlw的安装目录中的插件目录,重新启动wlw即可。

参考目录如下

C:\Program Files\Windows Live\Writer\Plugins

wps_clip_image-30954_thumb[1]

最后重新启动wlw

wps_clip_image-29718_thumb[1][1]

启动后出现上图中红色区域的图标及文字后表示插件安装成功

使用方法如下

1. 正常使用wlw编辑文章,或者粘贴文章到wlw中

2. 在wlw中全选文章内容(ctrl + a),或者选择部分带有图片的内容

3. 点击上图的插件链接

4. 在弹出窗口中选择“process”button然后关闭窗口

wps_clip_image-20166_thumb[4][1]

关闭窗口后选择文章中的每个图片,可以看到图片格式都已经是jpg格式了。

wps_clip_image-8777_thumb[1][1]

调用插件前的情况,请注意绿色及紫色区域的交叉地方

wps_clip_image-25720_thumb[1][1]

转后的图片信息。

后续问题

1. 程序存在出来文件名地方存在bug需要完善,但是不影响使用… 阅读全文

Windows Live Writer默认设置实现自动图片水印

  categories:livewriter  tags:  author:

原创文档,转载请将原文url地址标明

Windows Live Writer是非常不错的一个日志发布工具,支持本地写文章,我们在写日志的时候上传了大量的图片,经常需要在图片的某些地方加上水印以识别图片的出处,如果你是用Windows Live Writer来写作的话,那就变得相当容易了。

在我们插入图片或是通过剪贴图片后,并选中插入的图片,WLW会显示一个上下文菜单“图片”(如图),选择高级页面,点击水印操作。

qq

上图高级菜单中包括水印设置选项,设置完成水印效果后, 要记住选择上图最先面的保存默认设置的菜单项。

注意有些低版本的live writer是没有这个保存功能,或者不好用,笔者就是升级了live writer后才弄好的。

aa

上图是我的版本, 下载地址参加前面的jpg插件的文章,里面有下载地址。

选择高级菜单后如下图

qqq

选择水印选项后,弹出如下对话框

qqq[3]

用户根据自己的情况进行设置,然后选择确定。

最后记得到前面页面中选择 保存默认设置呀,否则每次都要重新设置水印效果的。

到了这篇文章,我们介绍了,如何粘贴一个jpeg格式图片到live writer, 如何通过插件在发表博文前在方便压缩或调整jpg图片的方法。加上本篇的自动添加水印,我们已经初步获得了一个高效的博文编辑程序啦。大家慢慢享用吧。… 阅读全文

Sharper Photo插件方便实现jpg图片格式动态调整

  categories:livewriter  tags:  author:

原创文档,转载请将原文url地址标明

Sharper Photo 插件是Windows Live Writer的一个图片编辑的方便插件,安装完成这个插件后,可以在发表博客前,自动弹出相关界面,用户可以在界面中方便调整每一幅图片的显示比例等,然后再发表。

同时还可以调用相关的编辑器进行编辑,编辑器可以配置,例如编辑器可以配置成“画笔”,photoshop等等。使用方法也因程序不同而各异

插件下载地址如下:http://plugins.live.com/writer/detail/sharper-photo

aaa

 

 

下载完成后进行安装,不在啰唆。

安装完成后,创建一篇新的博文, 记住博文中要包括一个图片,并且图片一定要选择jpg格式的,如何选择jpg格式的博文,可以参照前一篇文章中介绍的jpg相关插件。

图片进行相关设置后,编辑文章到您满意,然后选择发表。之后自动弹出一个对话框,如下图。

www[3]

上图中,红色区域是博文中图片列表, 可以选择一个图片,然后再右侧区域进行编辑

选择一个图片后,右侧出现蓝色区域, 拖动最小蓝色区域中的按钮,设置图片的质量,

下面绿色区域将显示图片的原始尺寸,新尺寸。

在下面的紫色区域显示图片调整后的效果。

其他还有很多功能,读者自行研究啦。… 阅读全文

Windows Live Writer插件实现jpg图片格式截图大大减少图片尺寸

  categories:livewriter  tags:  author:

原创文档,转载请将原文url地址标明

Windows Live Writer是非常不错的一个日志发布工具,支持本地写文章,然后通过点击一个按钮就发布到网站上,如果借助插件,还可以同时发布到多个博客网站,功能非常强大,很多博友认识她之后都有相见恨晚的感觉。

使用 Windows Live Writer,您可以像专业博客主一样轻松地写出您的故事。 可以创建包括照片、视频和格式的精美日志,并且可以在发布之前查看其联机显示效果。 Writer 支持大多数主要日志服务,包括 WordPress、Blogger、LiveJournal、TypePad 以及许多其他服务,因此您可以在处于脱机时撰写日志,然后便捷地将其直接发布到您的日志。

Windows Live Writer 是 Windows Live 软件包的一部分,软件包中还包括 Windows Live Messenger、照片库、影音制作、Mail、家庭安全设置、Windows Live Mesh、Bing 工具栏、Messenger 浏览器插件、Microsoft Silverlight 和 Outlook Connector 程序包(面向 Windows Live Messenger 的 Microsoft Outlook Hotmail Connector … 阅读全文

windows live writer 插件搜索与安装

  categories:livewriter  tags:,   author:

一. Windows live Writer简介

Windowslive Writer 即(WLW) 是一个免费的桌面应用程序,您可以使用它轻松发布丰富的内容到您的网络日志。

使用 WLW,您可以轻松地在所有日志服务上共享照片和视频 — Windows Live、WordPress、Blogger、Live Journal、TypePad 等。

二. Windows live Writer 特点

  • 与网络日志服务兼容

WLW 可以将博客发布到Windows Live Spaces 、Sharepoint 等众多网络日志服务。有了它,您可以轻松的在多个博客服务和博客帐号之间转换,不用登录即可编辑和发表博客。

  • 所见即所得的编辑方式

WLW 可以自动侦测并保存您的网络日志的视觉主题。所以,您可以在博客发布之前,在写日志的过程中真切地看到日志的外观和排版,再也不必浪费时间来联机预览了。

  • 丰富的媒体发布

WLW 可以在博客中轻松加入各种元素,插入并自定义照片、地图、标注或其他诸多酷炫的内容, 然后单击“发布”按钮即可 —— 就这么简单。

  • 强大的编辑功能

WLW 能像 Word … 阅读全文

windows live writer 使用图示

  categories:livewriter  tags:  author:

 

live writer是非常优秀的blog撰写工具

本文通过图示的方法 示意撰写过程中如何添加blog的分类,这样发表博客后就不用在辛苦在很多文章中去给文章分类了

1. live writer 中同分类相关的功能

如下下图

image

1) 设置文章类别

文章类别就是文章的一些分类,例如常用分类包括:新闻,知识, 计算机文章,汽车文章等等,这些都是分类

分类一定会是较大范围的

2)设置文章的标签(tag)

标签是 对分类的补充, 例如在某个分类范围内,一些有共同特征的一些相关文章等。 例如:我们分类水果为:苹果,桃子等等, 但是当我们有很多水果时,有时候发现有些水果都是 没有成熟的,我们可能在没有成熟的水果上面贴一个小标志,用来标识这个水果是没成熟的。

上面的小标志就是 标签, 文章中标签同这个情况类似。

3) 设置文章发表时间

4)更多可控的相关blog内容可以进行控制

2. 类别的管理及设置

image

如上图

在图中 1)处点击  则出现上面的对话框, 在上面的对话框中可以方便的进行分类的相关操作

2)点击这里的 按钮(图标)可以刷新分类,从blog中获取最新的分类信息,新分类信息会在下面的分类区域中显示出来

3) 是搜索框 用来搜索相关信息的

阅读全文



快乐成长 每天进步一点点      京ICP备18032580号-1