July 2010 Archives

Windows Live Writer can upload pictures using the upload features of some blog-publishing services.  It will do that with Blogspot and Windows Live Spaces, for example. 

If you are hosting your own blogging engine, such as Movable Type, or have your own web site where you want blog posts and the images they use stored together, there is an option to upload images via FTP (File Transfer Protocol).  This does not require any cooperation of the blog-publishing engine.  Windows Live Writer posts the images independently, incorporating them in the post that is then submitted to the blog engine.

Another way to incorporate images into blog posts is to have them somewhere else on the Internet.  I often have photos and images on Flickr that I then include in blog posts.  I use this method occasionally, but not for images such as screen captures that are meaningful only in conjunction with a blog post.  Even when there is a Flickr version, I may want to resize and crop differently for the blog version.

Aside from using photos that are already on Flickr, FTP is my chosen method for all blogs that are published on nfoCentrale sites.  I did this when I used Windows Live Writer with Blogger to publish to nfoCentrale sites (also via FTP), and I am creating the same procedure for using Windows Live Writer with Movable Type.


Configuration of Windows Live Writer for FTP transfer of images to a web site is in four steps:

    1. Connecting Windows Live Writer and the Blog.  The blog must already be set up and Windows Live Writer configured to post to it.  If Live Writer can’t log into the blog-publishing engine for your blog, it can’t be configured to upload images.  This step can be performed any time prior to step (4). 
      This part of the setup depends on the blog-publishing engine and how accounts for automated publishing through it are managed.  I use a Movable Type configuration on an Apache-based hosting-service account.  The user identification and password that Windows Live Writer uses to deliver posts is determined by that configuration and custom setting under my control.
    2. Preparing a Place for the Images.  A web-server location for the images must already be created for use.  This can be accomplished by using web-development software that publishes to a web site.  It can also be done using FTP access to the full web-server account and creating the necessary directories and any initial content.  The result will be a structure such as the one for nfoCentrale Status images described in Part I.
      If the site is already published via FTP, then providing additional FTP accounts for delegating limited access to Windows Live Writer may be relatively straightforward.   I use a combination of Microsoft FrontPage, Microsoft Internet Information Server (IIS), Visual SourceSafe, and FTP as part of a web-site development workflow.  While that’s more involved than many prefer, it also provides a backup and a restoration/migration mechanism for my web sites and the blogs that are part of them. 
    3. Creating a LImited FTP Account.  It is desirable to create a limited FTP account that can only be used to upload to the images location in step (2).  While there is little risk that the account credentials can be stolen and abused, I find it to be a consistent practice to create separate, limited FTP accounts that are easy to cancel or to change the password of without disrupting anything else.  This stage is illustrated in Part II.
      In my case, I also use computer-generated passwords that are definitely not memorable.  I remember these passwords in a digital safe on my computer.  This helps me to avoid using the same password in more than one place while also making it difficult to attack the password.  This, combined with the limitations on the FTP account limit the damage that can result from a successful exploit against the limited FTP account.  Along with the backup procedures that are kept in place, recovery from an exploit or other damage is also relatively straightforward.
    4. Configuring Live Writer for Photo Upload.  The final stage.


Open Windows Live Writer and select Tools | Options | Accounts.  The account should already be set up for publishing to the blog without accompanying images.  (At this point, only images that are elsewhere on the web can be posted.)

Typical Live Writer Tools | Options | Accounts selection

On the dialog for editing the Blog Settings, select the Pictures option, select “Upload pictures to an FTP server:” and then click “Configure FTP …”:

Selecting FTP Configuration for Uploading Pictures

Moving the password from the safe to the clipboard for adding to the Live Writer FTP Account Parameters To configure FTP, I use the settings obtained when I created the FTP account.  I recover the password from its location in my password-safe software. 

This password is delivered to Windows Live Writer and I allow it to remember the account log-in for automatic use from my blog-authoring computer(s).

An interesting feature of Windows Live Writer is its provision for browsing to the FTP account.  This confirms that access works and it reveals what the access reaches.  Take that opportunity:

Browsing to the FTP location checks the FTP parameters

The option to Browse For Folder shows the achievement of access and the structure that is available at that point.  We are (we trust) looking at the place on the web server that corresponds to http://nfoCentrale.com/status/images and that is where we want Windows Live Writer to place the images it uploads:

The FTP access is limited to the folder set up when the FTP account was created.  Nothing else can be seen here.

Technically, the FTP account that I supplied has a base address at the server location publish_html/status/images/ and when we view the server via that account, all we can see is what is under that location.  Even that location is relative to my server-account location /home/orcmid/ but that is not part of the material displayed by the web server as http://nfoCentrale.com/ (although I can access it as part of working directly with software on the hosted account via logging into the Linux server through a remote console).

FTP Browse allows creation of subfolders.  I chose not to do that at this time.  My experience is that unless there is something already there, Windows Live Writer has difficulty confirming the setup.  I have already created an index.htm file in the images/ folder, although it is not visible in the Browse, and it will help confirm that I have found the right place.

After selecting that I want to use the folder that Browse shows me, Windows Live Writer fills in the appropriate base-relative location in its configuration:

The completed and confirmed FTP Server Configuration for Windows Live Writer uploading of images

The configuration is accepted.  Windows Live Writer has confirmed access to the place that pictures will be published to.  The validity of the URL has also been verified, although I do not know if Live Writer has any way to establish that the two places are actually the same.

In any case, the test, now, is to confirm successful upload of pictures inserted into a Windows Live Writer post and uploaded with the publishing of the post.  I accomplished that by writing and posting Part I.


[updated 2010-09-01T03:00Z Oddly, this post was not in the blog development/Windows Live Writer subcategory.  That rather interrupted the progression between parts I and III so I fixed that.]

To have Windows Live Writer place pictures and other uploads in a location that I own, I need to create an FTP Account that I will dedicate to uploads on behalf of nfoCentrale Status from Windows Live Writer.  The FTP Account will be to the http://nfoCentrale.com/status/images/ folder that I already created on the hosted site in Part I.

I must create the directory (done in Part I) and the FTP account next, because Windows Live Writer will verify that the account works and that the location on the server exists.

Creating an FTP Account on the Web-Hosting Account

I create an FTP account that has, as its accessible location, the web-server folder that corresponds to http://nfoCentrale.com/status/images.  This location is near the “top” (public_html) on my web-server account, where the material of the nfoCentrale anchor site is hosted.  You can also see that the CPanel administration tool furnished by my hosting service also seems to verify that the directory exists on the server already.

Other hosting services will have their own provisions for creating FTP access to specific web-site folders.  In this case, I am taking advantage of the opportunity to create an individual account that is only useful in uploading to the status/images folder associated with the nfoCentrale Status blog.

 Finding out how to access the FTP Account

On the page where I can review all of my FTP accounts, I can also find out what the correct FTP configuration is for accessing the server location associated with this new account.

The FTP Settings that I need to provide to Windows Live Writer

These are the settings that Windows LIve Writer will ask for.  I will also need to provide the account-specific password as well.

I use a password generator to create strong passwords that I never try to remember.  Instead, I keep the passwords in a safe associated with the name of the account and any other details that I want to have available for lookup.

The Password Safe Entry where I created the FTP Password

When I needed a password for the hosting-service to enforce for the FTP account specific to status/images/ I created the above new entry and generated a password to use.   That is now retained in the safe for use any time I need to provide the account to Windows Live Writer (or another tool) for its automatic use.  I can also create a new password if that becomes advisable at some future time.


Prepared folder for nfoCentrale Status  images For all of my blogs, I create a separate images/ folder in the blog directory on the web server that hosts the blog.

For nfoCentrale Status, I prepared the folder as part of my development web site for the nfoCentrale anchor site.  The folder is initialized with an index.htm that I use as a default to carry construction-structure information in the absence of any other default page.

It is useful to have the folder already on the site.  When I train Windows Live Writer to use this destination for new pictures that are used on nfoCentrale Status pages, it will verify the location for me.

I have already gone through the entire procedure.  This image appearing correctly on the blog page will be confirmation that my upload settings are working.

[update 2010-07-09T21:57Z I added the link back to the procedure that had the image on this page be uploaded successfully.]

Despite my itch to bring my blogs back up quickly, I find that I am spending new effort on the repaving of the nfoCentrale anchor site.

I find that as I continue to use the nfoCentrale Status blog, I also want to have it attached to a cleaner, well-backed-up site. 

So I have been practicing backing up and synchronizing nfoCentrale Status in my web-site development and deployment structure.

What I call the Construction Structure for the site is now more civilized.  I have cleared away some of the underbrush that arrived as boilerplate pinched from other sites.  There is more to do before those repaving badges can be turned green.

The part that is in aid of bringing my blogs back on-line has to do with Windows Live Writer.  I am setting up to have Windows Live Writer able to upload images for nfoCentrale Status.  I will also be documenting everything that it takes to do that, and I will put that documentation on the site and/or blog in some appropriately-paved location.  So there is a little bit of chicken-and-egg gerbil racing here too.

I am now ready to do the configuring that will enable Windows Live Writer to upload images instead of using the Movable Type arrangement for images-as-assets, an arrangement I prefer to avoid using.  The initial successes will be demonstrated by the upload of images about the uploading of images. 

I have given up on technorati tags.   The support for blog registration and pinging seems to have simply disappeared.   The Movable Type engine supports its own little tag world for posts authored via the browser-interface editor.  I don’t want that, I want tags to link to an aggregating service of some sort. 

I am going to use del.icio.us tags (although they have since changed their name) and see if they go through without my doing anything in particular.  If I need to ping, that will be interesting.

The tags seem to work as tags.  I was wondering if there is some sort of submission to del.icio.us that happens.  I don’t think so. 

I will be putting a del.icio.us button on the blogs and we’ll see how that helps.  For now, I will simply tag this way.

About this Archive

This page is an archive of entries from July 2010 listed from newest to oldest.

June 2010 is the previous archive.

August 2010 is the next archive.

Find recent content on the main index or look in the archives to find all content.


OpenID accepted here Learn more about OpenID
Powered by Movable Type 4.34-en