Blog at GitHub
Thingamablog and GitHub Desktop
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.
Animated Aquarium, iGoogle Gadget with Moving Fishes and Plants. This is a Cross Browser DHTML Aquarium. If you Click…dact-cyber.github.io
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.
GitHub is where people build software. More than 21 million people use GitHub to discover, fork, and contribute to over…github.com
Learn GitHub Pages
Websites for you and your projects. Hosted directly from your GitHub repository. Just edit, push, and your changes are live.
Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are…pages.github.com
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.
When you create a repository on GitHub, it exists as a *remote* repository. You can clone your repository to create a…help.github.com
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.
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)
One of the most common things newcomers to HTML get confused about is linking to other pages and sites, especially when…www.coffeecup.com
The SeaMonkey project is a community effort to develop the SeaMonkey all-in-one internet application suite (see below)…www.seamonkey-project.org
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 desktop blogging platform. Create your own blog easily with Thingamablogwww.thingamablog.com
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.
Download Mozilla Firefox, a free Web browser. Firefox is created by a global non-profit dedicated to putting…www.mozilla.org
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/
Thingamablog getting started guide. A Thingamablog tutorial that teaches you how to create a blogwww.thingamablog.com
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.
One very powerful feature of Replace Text is that you can specify that the destination of the altered file be some…www.ecobyte.com
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!
One of the easiest to use and most versatile webservers out there.www.analogx.com
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.
Affix a Domain Name
Here's a tutorial for setting up a GoDaddy domain name with this feature.www.mycowsworld.com
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”.
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
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