11ty - deploy /public folder on github pages? - javascript

i'm a junior front end developer.. I have recently created a blog site using 11ty, Nunjucks, and Netlify CMS. I am now trying to deploy this site on GitHub Pages, but I am facing challenges as the index file for my site is located in the /public folder. This is different from the default configuration for GitHub Pages deployment which typically deploys the site from the root folder of the repository. I have tried searching online for a solution to this issue, but most of the information I have found seems to be outdated.
Is there a way to modify the configuration of GitHub Pages to deploy my site from the /public folder? could you please provide detailed instructions on how to accomplish this? I would greatly appreciate any guidance. thank you all in advance

Related

How to get copy of my git repo into my react application and display all files

can someone please guide to connect git repo to my react web application to view the files in that repo.
I am trying to implement a file explorer that will display the files in my git repository.
Please provide suggestion or any methods to do the same

how to add a vue-cli project repository in github pages?

I'm trying to add a vuejs project built using webpack in gituhub pages. I have created a repository.
renamed dist folder as a doc folder.
changed the settings-> github pages-> source to master-branch docs folder
this is the docs folder
Everything has done properly, the project is working fine when I'm running it in dev server. but when I pushed in github pages it is not working at all.
When I opened the link of the repository page i'm getting a blank window. I checked in the browser console.
I'm getting this error in browser:
.
Please find a solution for this please. More vue projects are there to upload and i'm unable to upload one at least.

Github Pages 404 on node_modules folder

I am trying to render my GitHub repo on the Publisher-Subscriber module with JavaScript using GitHub pages. The gh-pages branch looks fine. However, the mustache code does not render on my project on GitHub Pages. It looks like this :
GitHub Repository : https://github.com/ajhalthor/pubsub-application
Github Pages Repo for this project : https://ajhalthor.github.io/pubsub-application/
The GitHub Repository also has the node_modules folder, so it should be self sufficient. Mustache, jQuery & Bootstrap are included in this folder, so there are no external links or CDNs.
Main Question : Why isn't mustache rendering even though all paths are specified relative to the project's main folder?
Github pages uses a version of Jekyll that ignores node_modules folder by default.
According to this blog article. You can do the following:
Create an empty .nojekyll text file in the root of the gh-pages branch.
You can also refer to this announcement by github which talks about the update that is responsible for this behavior.

How do you publish a typescript website to GitHub Pages using Visual Studio?

So I made a Typescript project with Visual Studio. It works fine when I launch it with Visual Studio, but if I try to push it to my GitHub Pages site, it will put the index.html in a subfolder and I get a 404 error when I try to load my website. Even if I try to reference the index.html in the website url it doesn't really work.
I was wondering if it's possible to only publish the needed items. I think I would only need the subfolder. Correct me if I am wrong though.
Note: I have the GitHub extension for Visual Studio installed.
UPDATE:
Since some of the links don't seem to work anymore I think I should give some extra information. So basically you need to have a branch named gh-pages. On that branch you need to have an index.html file in your root folder. Then the index.html file should be visible on the github page URL.
You need to push a branch named gh-pages in order to view it as a website.
Create a new branch and then move the file into the root folder of the branch, upload it to the gh-pages and you set to go.
Check this out:
https://github.com/nirgeier/JimVliet.github.io/tree/gh-pages
This is how your file should be inside your root folder.

Deploying two github repositories to single azure web app

This is not really a programmatically question, but i couldnt find any more suitable stackexchange site for it.
I have recently moved to Azure, where i deploy my backend web applications and API's. I found that it is possible to deploy multiple web services to one Azure Web App, by creating a branch with its own endpoint url, like so.
Normal : www.example.azurewebsites.net
New : www.example.azurewebsites.net/newSite
I found it is easy to deploy my .NET services from Visual studio to the new endpoint, but does anyone know if i can deploy my git repository to this endpoint by any chance?
I am new to azure, so any help will be greatly appreciated.
You just need to customize the deployment procedure a bit. Amit Apple has a good series on this. Customize your deployment script to build your temporary directory with everything you need and then deploy it. Azure will give you the deployment script to customize or you can use the azure-cli to generate one and you can customize it.
http://blog.amitapple.com/post/38417491924/azurewebsitecustomdeploymentpart1
The deployment script will use KuduSync to copy either a repository or temp folder to your wwwroot folder, so it's up to you to build this folder and have it pushed out.
https://github.com/projectkudu/kudu/wiki/Custom-Deployment-Script

Categories