Blog at GitHub

Thingamablog and GitHub Desktop

Thingamablog at localhost

This page tells you how i made a blog at GitHub. With a RSS Feed too, all tools used are listed. This method may be cumbersome or complex for some people. For youngsters, newbies and students, it is an opportunity to experiment and learn.

The Result DACT Creation A place for my widgets and old code. The website source is at dact site source.

Join GitHub to Publish your Code

GitHub is a development platform inspired by the way you work. From open source to business, you can host and review code, manage projects, and build software alongside millions of other developers.

Learn GitHub Pages

Websites for you and your projects. Hosted directly from your GitHub repository. Just edit, push, and your changes are live.

Get the GitHub Desktop Software

Simple collaboration from your desktop, GitHub Desktop is a seamless way to contribute to projects on GitHub and GitHub Enterprise.

Simple Website Publisher

If you want a simple way to create a few pages to list your projects or announce new features, Try RocketCake, it is based on current technologies and publish it Locally to your GitHub project folder and then upload using GitHub Desktop Software by Commit changes and Sync.

Create a GitHub Project

Let me assume your user name is popeye at GitHub, create a new repository/project named popeye.github.io

If you are betty boop and your user id at GitHub is betty-boop, then the project can be like betty-boop.github.io and no scope of tweaks here, exact string.

Clone the repository by Launching your GitHub Desktop Software that you just installed. In GitHub site use the Clone or Download Green button on right, select Desktop Option. Save whenever necessary.

In your computer, documents folder, in the GitHub folder a sub-folder called popeye.github.io will appear. Put a index.html (hello world ) file here and in GitHub Desktop go to the project popeye.github.io and press the changes button. You will notice that it will flag the index.html that you just added in the local project folder. Now commit changes by using the button right below, fill in the reason like “popeye online” and “first page updated”.

Press Sync Button on the GitHub desktop software to fire the index.html into your online GitHub Project located in the clouds.

You are now Online

With Firefox visit you new site popeye.github.io … the world wide web will be watching your every move from now on. The Angels shall smile…

Create a Simple Website with Seamonkey composer and understand webpages and images better. Use relative URLs, if the page you create has URLs or paths starting with file:/// then images and links will be broken, when you upload them online.

The github project folder popeye.github.io is where your local site resides. A local site is made of html js css jpg gif png pdf and many other files and folders. (my fingers ache when i put commas ,,,,, add these)

A HTML Passive Blog

You can create a Passive Blog with RSS Feed using Thingamablog and some formatting steps. If you succeed, you would have learnt about blogging, absolute and relative URLs, folder structures, HTML and more.

Install Thingamablog and Java

Thingamablog is a cross-platform, standalone blogging application that makes authoring and publishing your weblogs almost effortless. Unlike most blogging solutions, Thingamablog does NOT require a third-party blogging host, a cgi/php enabled web host, or a MySQL database. In fact, all you need to setup, and manage, a blog with Thingamablog is FTP, SFTP, or network access to a web server.

Thingamablog needs Java

Local Blog on your Computer

No internet needed for this step you can maintain a blog on your PC and browse it with Firefox Browser.

See the tutorial below, create a blog on thingamablog, choose a theme, set a title, set Publishing to Local (not ftp). and path settings as shown below. Do not make any changes or errors here.

Base Path: /weblog/
Base URL: file:///C:/weblog/

Create a Post and publish entire site, in the future you can publish only posts and publish entire site monthly only if needed. Open the folder weblog in C: and Open index.html if that fires your Notepad++ Editor then do a Open with Firefox, Bookmark this local blog site in Browser Toolbar.

You can now see your Blog hosted in your own PC. This has most URLs starting with file:/// — This needs to be corrected before publishing online.

Websites online are linked to each other with absolute URLs. Like …

monkey-bizness.com and chip-dale.org

buggy-code.net/blog/index.html or cat-dog.biz/about.html

Pages within a site are linked with relative URLs. like the paths of Linux and Unix. Like ../ or / or ../main/things.html or ../../images/orange.jpg

Find and Replace strings

You can Find and Replace the strings in all the html files and update your GitHub local project folder with “Replace Text” in one stroke.

First copy the entire tree contents of weblog folder, including subfolders to the GitHub project local folder. In the future you have to only copy the media folder contents when you add new images. Now use this tool…

Replace Text, formerly called BK ReplaceEm, is the free string-replacing utility for Windows.

At its core, Replace Text is essentially a text search-and-replace program. However, unlike the search-replace functionality of a standard text editor, Replace Text is designed to operate on multiple files at once.

Replace Text Settings

Replace the string “file:///C:/weblog/” with the string “/” in all the html files in weblog folder tree and post the corrected copies to GitHub Local Project folder, keeping the folder tree structure intact. That is what the screenshot above says. Just make and save this “bkr” file and run this before every publish.

Did you copy all contents in weblog folder to local github project folder, this includes sub-folders too. This is done once and repeat only if blog theme changes.

Now try running the bkr file and testing with firefox and simple server.

Verify Browser Local Site

The local site in folder popeye.github.io which in turn is located in the GitHub folder of documents …. has the blog files ready for upload. This cannot be tested with Firefox as it has Relative URLs or paths.

So we use SimpleServer:WWW from AnalogX, a simple tool that has been there since the early years of the Internet.

Introducing AnalogX SimpleServer:WWW, the first in a series of simple to use yet powerful servers! This webserver is SO easy to use, about the only thing you need to know how to do is drag and drop files, then just click on the ‘Start’ button, and your webserver is up and running, serving your pages to the world!

Set the path in SimpleServer to your GitHub project folder’s index.html. Press the start button.The local site is live at http://localhost/. The server also gives a IP address, type those numbers in the browser with a http://.

Do Until Loop

Try various themes in thingamablog, create posts and categories, add images. Test blog at folder C:/weblog with browser till satisfied.

Copy the entire contents of weblog folder into the GitHub project folder. This is done just once. If you change the theme after a month, do it again.

Now run the Replace Text bkr file and press “start replacing button”. Copy the images in the media folder of weblog to the media folder of local project site. These two steps have to be done before every publish or update.

You can validate your blog by browsing “localhost” with Firefox only after you turn on the AnalogX Simple Server. If the Replace Text settings are wrong or the Theme has bugs; Then broken images and links are noticed. Some Themes may need more Search-Replace Strings. Check all links and Images in all parts of blog to ensure that the Theme works.

Upload using GitHub Desktop Software by Commit changes and Sync.

In short …
Run BKR file and Update Media Folder and Commit Sync

Now try visiting your site at popeye.github.io with Firefox Browser.

Did not work, Contact an Alien or Scoot to Blogger or Wordpress.

Green Cyborg Alien

Affix a Domain Name

See the tutor above, if you want to point your domain name to your GitHub blog or site. You can also make a site with RocketCake in the “root” and the thingamablog in a sub-folder called “blog”.

The Lady Bug or Ladybird

Bugs and Beetles

For Mac Stripe theme in Replace text add these two lines. Each theme may have its own problems. You have to troubleshoot using Simple Server and Firefox. Clear Browser Cache and restart server on every test.

Thingamablog on java is an old software, has some glitches. When verifying your blog at the weblog folder with FF, on a Theme change, you may see another theme and default example posts. Then “republish entire blog” (buggy in win 10); then press the other link “publish blog”. (dance around the bugs). It will be fine now.

Entries for Replace Text Software

Repace Text Final

Replace file:///C:/weblog/ with /
Replace //styles with /styles

The second group shown can batch copy the images in media folder to project folder. Download the blogsource and bkr file at GitHub.

(themes tested — Tech, Mac Stripe)

This is turning out to be Fishy Business

Do not trust this Fish