So we need to get this down to our desktop so we can later push our files back up. The easiest way to do this is to do what is called cloning the repository. You will need to download and install git software for this. In my case I am on a Debian based Linux distribution I already have it installed. Once you have git installed you can open a terminal or command prompt. On Linux terminal is in the menu.

We also need to create and setup and ssh key see these Connecting to github with SSH

• generate an SSH key
• add it to your account
• ssh add - since I did not use the default names I have to manually load the desired private key into memory. I do this with ssh-add /home/username/.ssh/my-key note I did not use the .pub version
• Test your connection ssh -T git@github.com

I can get the repository URL to clone by going to my repo and clicking Code> SSH > and copy the URL:

cd $HOME
# git clone URL
git clone https://github.com/WitchdoctorJuJu/wphe.git
cd wphe
git remote -v
Copy

This created a directory called wphe and it contains a hidden folder .git to keep track of your code changes. So don't delete that folder. We will use this folder going forward.

We can test our ability to push changes
In the new wphe directory open the index.html
<h1>Hello WPHE for Obsidian</h1>
I added for Obsidian to the header and saved the file.

git status
git add -u
git status
git commit -m "change index header"
git status
git push -u origin main

### my output
$ git push -u origin main
Enumerating objects: 5, done.
Counting objects: 100% (5/5), done.
Delta compression using up to 20 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (3/3), 306 bytes | 306.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
To github.com:WitchdoctorJuJu/wphe.git
   781778b..adc8498  main -> main
Branch 'main' set up to track remote branch 'main' from 'origin'.

Copy

I do recommend you take a course on using git.
I check the url of my site again: https://witchdoctorjuju.github.io/wphe/

And we see the changes. So we can successfully make changes on our laptop/desktop and push those changes up to GitHub. Note that you may have to do the SSH add step each time you boot your computer if you need that step.

First we need to first allow plugins to be used in Obsidian Settings (Cog) > Community Plugins > Turn On Community Plugins (Button) . Notice the link on Plugin Security as well.

Once plugins are allowed we must go back into **Settings (Cog) > Community Plugins > Browse > Search: Webpage Html Export > click to select, then click install.

Now that the plugin is installed, we have to enable it.
Settings (Cog) > Community Plugins on the bottom of the page is a now shown the plugin, toggle the circle to enable the plugin. This screenshot shows the plugin enabled.

The export can be found on the left hand window. At least this is how it looks on Linux desktop. The icon is probably similar on other versions.

Be sure to first create a folder for the export. I used /home/user/wphe_dev. I gave it a different name because I do not want to mix the development with the production website. Then I clicked export and used the settings above. Note that I have not had to check the images for it to work. Click "save" after you select the pages you want and it will remember it for next time. Export Mode "HTML Documents" works best for viewing the files locally on your computer. This is a great development mode without a webserver. When the file manager opens right0-click on the index file and open in a browser i.e. Firefox, Chrome, Edge, Safari, .... Click around and see how it works.

See how easy that was.

First, I recommend setting the following in Settings:

• Editor > Spellcheck
• Files and Links > auto update internal links

That second one will automatically fix links if you move pages around inside your vault.Very helpfil.

Settings > Files and Links >

if you do this, all attachments get put in a folder called _attachments at the top of your vault. Check the drop down for more options. You may need to paste a new image into a note and it will create the folder. Once it exists I can simply drag all of those "Pasted image..." PNG into the _attachments folder. That's better...

Now all future attachments should go into that same folder.

At this point lets do another export as this setting is in the export.
In the export settings, this time select the settings cog below the export button. Under MetaData >

I changed it from WPHE to Site Contents.

Click export again and view in a browser.

Nice our site name is fixed.

From here it is mostly a matter of adding content.

• Add folders to separate major topics. Perhaps you have a folders for Recipes, Making Soap, and another for Famous Quotes. Folders do not need an index for this plugin.
• For testing your site just remember to switch settings:
  • Use DEV folder e.g. whpe_dev folder for testing
  • Export Mode: HTML Documents
  • I did not have to remove the site URL for it to work
• When done testing
  • Use PROD folder e.g. whpe (or better whpe_prod)
  • Export Mode: Online Web Site
  • Run git commands to push changes

git add --all # add changes
git commit -m "meaningful message"
git push -u origin main
Copy

If you are interesting in adding your own custom domain name

You will need to find a domain registrar and find a domain name that is not taken.
You might want to check out the Top Level Domains list and see if something appropriate relates to your site. Maybe .ninja or .music have special interest. Though you may have to find the registrar that can offer those domains.

Once you have a domain registrar you will want to look at Configuring a Custom Domain for Github Pages You have to go through a process of setting up DNS entries at your registrar to validate you own the domain. So picking a registrar that lets you easily update the DNS settings yourself can be helpful. Hopefully they all allow this in this day and age.