How to use github repo as link of project folder - html

I want to link my repo as the working directory for my nav bar on my portfolio website. That way, whenever I update my repo, the website will reflect those changes automatically from my repo, instead of me having to update the website manually in local folder of project of this website.
Sorry but I don't know how to explain exactly tell me if you can understand from image;
so this is my website
My nav bar
and On clicking it, it takes me to my project. and for that project As it is comman to link a path for its HTML and css file for this project.
My Project folder which contains file for this project
this is same project but working on different repo
And this is my same project which is working actively

Related

How to add links and change structure of Jekyll website

I'm trying to get a personal website up using Jekyll, and initially it seemed fairly easy. However, every time I make changes to the index.html file in the _site folder, I end up losing them since Jekyll rebuilds that folder every time jekyll serve is run.
I'm using the Academic theme, and I'm trying to add nav-bar links to my projects and the like, but those keep getting reset along with my index.html file. I'm sure this is a fairly easy fix, but could someone point me in the right direction?
Thank You
Okay I got it. You just pull the index.html file out of the _site folder, edit it, and run jekyll build.

Error in creating website on GITHUB PAGES

I have made my project with bootstrap, html and css. But the Github pages are only showing the readme file and sending me the error mail. Please help me, this project is important for me
First of all, index.html is missing from your repository.
If you have used only Bootstrap, CSS, and HTML, you probably don't even need npm. You can just upload your files (including those folders for images and CSS) and then go to your Repository Settings and in Github Pages, set the source. If you have an index.html, then <username>.github.io/repo-name will render it automatically after a successful build.
You might find this repository which was made using HTML, CSS, Bootstrap (and Javascript) helpful to refer to.
PS: Don't push node_modules on GitHub. You should ideally add that folder to .gitignore. These modules can be installed by the user who clones your repo using npm commands.

Only repository name showing on the public link created by Github

I am new in web developing. I have been practicing HTML for 1 week. I made a project about my cv. But whenever I try to make a repository of those html files on github, I get a public link. And when I click on the public link, only the repository name shows, not my websites. As I am a beginner, how can I solve this problem?enter image description here
Move your website's files into the folder that GitHub just created when you made the repository (i.e. farhad.github.io) IMPORTANT: Your homepage HTML file must be called "index.html", and it must exist in the top-level directory.
also take look at below repository, with the help of CNAME file you can set your own domain too.
https://github.com/irjs/irjs.github.io
you must have "index.html"
file in top level directory.

mitigate static html pages from xampp to wordpress

I have developed a website using xampp. And I want it to replace a current website on Wordpress.
I tried looking for tutorial/steps online, have tried a few, nothing seems to work.
I desperately need to upload it, so it would replace the current website. So any help would be greatly appreciated.
P.S: the website is fully static, no database is required.
Remove everything in the wordpress folder (or move it to a subfolder for the time being while you test) via ftp and upload the html site. As long as your new site has a index.html/index.htm it will replace the wordpress site at the url.
Step 1. Create Template in theme folder
Step 2. Give Template at the top of the page Like this
Step 3. Place all Html code below the template name
Step 4. Go to wordpress dashborad choose your template 'CustomPageT1' from dropdown
Further Detail check the link below
For Example: http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/

How can I add a downloadable file to my Github.io page?

I have set up my professional website/homepage using Github Pages. I know if this was just HTML being served up from somewhere, my downloadable file would need to be in the directory of my .html file, and then I could reference it in the .html file and link it up. However, since this is served by Github through repository, I am unsure on how to do this.
Do I put my downloadable file in my repo under version control like the rest of the project?
If so, what path do I use in the .html file?
Also, I am aware that the Automatic Page Generator makes it possible to hardly touch the HTML, but it seems pretty restrictive as far as customizing where links and other content appears on your page...
You could just link it normally in your html. Commit it to your repository and have users right click to save.
I just tried this on one of my repositories where I put a link to my CSS file.
style.css
I was able to right click the link and download the file.
If you wanted to create a download from the root you would do:
Download File
I'm pushing my repositories manually instead of using the Automatic Page Generator. The steps are pretty straight forward Creating Project Pages Manually - GitHub Help
Since it is done in GitHub pages. It can also be done like this (in markdown fashion): [download]({{ site.baseurl }}{% link file.txt %}). It has the advantage to work locally without pushing the file to the repo.