Questions tagged [github-pages]

GitHub pages are static web pages hosted on GitHub.

GitHub Pages reside inside a repository on . They can be built manually and pushed as the final HTML output, or they can be pushed as a page, which will then be built directly on GitHub.

On August 18, 2016, GitHub made it unnecessary to have a gh-pages branch - now you can select any branch and directory as the source for the documentation.

GitHub differentiates between three types of pages:

  • User pages (Portfolio websites)
  • Organization pages (Websites specific to an Organisation)
  • Project pages (Websites specific to a Project)

Setting up User pages and Organization pages.

  • Create a Repository named username.github.io where 'username' your GitHub username or Organisation name.
  • Edit or create HTML pages and Push it to this newly created Repo.

Setting up Project pages

Lately a website generator was added to GitHub pages which allows you to build a page with just some clicks.

More Resources in GitHub Pages

4865 questions
1
vote
1 answer

Trigger gh-actions workflow run if previous workflow run pushes any changes

I have a gh-action workflow that generates readme files and stores them in the repository's docs folder. I have another workflow that deploys page-builds and should be triggered if any changes occur in any README files in the doc folder. But the…
rajput-hemant
  • 23
  • 1
  • 4
1
vote
1 answer

Get list of Jekyll attribute to iterate through

I am currently trying to build a website that will display team members using Jekyll and was wondering if there was an elegant way to make iterate and group people from specific groups. So for reference point what I have is a md file collection that…
1
vote
1 answer

Problems seeing CSS and JS in GitHub Pages, but working well in VS Code

I am working in a page for a project and I used a template that included CSS and JS files. I worked the code in Visual Studio Code and it worked well locally in my computer. I used GitHub Pages in order to share it but there are elements missng like…
A17
  • 11
  • 2
1
vote
1 answer

GitHub Pages show only header and footer

My repo: https://github.com/Teslachinator/portfolio-you When you go to the site, only the header and footer is shown, to download the content you need to click on the button, what is the problem? Connected using gh-pages I tried to change the home…
Nikita
  • 13
  • 2
1
vote
1 answer

Use asset in a github release to modify a github pages website

I'm making a website to display a project that I've got. About once a week, this project generates a new release which has a file machine_friendly.csv. This file just contains some generated data (and is different every time). I want to create a…
beyarkay
  • 513
  • 3
  • 16
1
vote
1 answer

Jekyll Converters::Scss build issue: No such file or directory @ dir_chdir - /github/workspace/docs

I keep getting this error when I try to publish a site to GitHub pages. Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/style.scss': 19 No such file or directory @ dir_chdir -…
R S
  • 25
  • 4
1
vote
1 answer

Add links to Jekyll slider/carousel for github-pages

I am using the Jekyll codex slider on my jekyll-based github pages site based on minimal mistakes theme. It works fine, but I would like to add links for each image in the slider. The links to go specific posts. I added url to the data file. With…
Raymonde
  • 13
  • 4
1
vote
0 answers

How to commit to a github repo from a website (IN BROWSER) using javascript

I have a website that needs a JSON file to display a sort of timetable that's hosted on GitHub pages. People who do not know what javascript or GitHub are need to be able to change that JSON file each week. To solve this I've created a website that…
1
vote
0 answers

Can you Hide your API Key on GH-Pages?

GitHub Pages requires your repository to be public. However, I have an .env variable that is using an API key to call my CMS, and I would not like that API key to be shown. Does GitHub or GitHub Pages have a way to do that? I have used a .gitignore,…
Bnd10706
  • 1,933
  • 5
  • 24
  • 39
1
vote
1 answer

Vue-Project is deploying but not displaying on Git Hub pages

I have followed all the tutorials I could online but I cannot get a test Vite-Project (React based) to run on Github pages. All I get is a blank screen a warning stating Failed to load resource: the server responded with a status of 404 (). Here is…
1
vote
1 answer

React.js component in html header tag has its css misbehaving, button text gets cropped and div overflows screen, but only on iOS

I'm building a static website using React and React-router. I have a navigation bar with routes to every page on the website. The JavaScript file for the navigation bar component looks like this: import React from 'react'; import…
Guerchen
  • 13
  • 2
1
vote
1 answer

Issue deploying React app on Github pages

After creating my portfolio app with React I have integrated the required lines of code to use GitHub pages. The app throws no error but no components appeared except the background color. The code of App.js: import './App.scss'; import { Route,…
Reggroy
  • 53
  • 5
1
vote
1 answer

on my github pages website the images wont load. does any one know why? this is the website

so I have been working on my website for a few months now and the background image won't load. This is what the CSS code looks like: .main{ width: 100%; background: linear-gradient(to top, rgba(0,0,0,0.5)50%,rgb(0, 0, 0, 0.5)50%),…
1
vote
1 answer

Git Hub Action remove console.log()

I am learning the GitHub action now I have my project which consists of Angular as the front end and WordPress as the backend. For testing purposes, I have used a lot of console.log() functions for testing purposes. Now I want when I deploy or…
Zaeem
  • 449
  • 4
  • 10
1 2 3
99
100