CODEWITHSUNDEEP
jekyllgithub-pages
Gadi A
Gadi A

Reputation: 3539

Setting a GitHub pages site from a Jekyll-generated page

I cannot setup a new Jekyll-based GitHub pages site based on the tutorials I've read. Here is the full list of steps I took:

  1. Ran jekyll new jek_test. This created a new dir.
  2. Used GitHub desktop to create a git repository in that dir, then pushed it to a new git repository, jek_test.
  3. In the project settings GitHub Pages panel, I choose master branch as source.

So far this had no effect I could see. Navigating to https://gadial.github.io/jek_test/ yielded a 404 error.

  1. I added the following two lines to the projects Gemfile:

source "https://rubygems.org" gem "github-pages", group: :jekyll_plugins

Now, after pushing to GitHub, the https://gadial.github.io/jek_test/ link is working, but the page loaded is obviously incorrect; the CSS is not loaded, the links are wrong, etc.

I guess I am missing several crucial steps, but all the tutorials I've found either go "simply push it and everything will be ok", or seem to assume I am not using a Gem-based theme, meaning all the layouts, css files etc. are explicitly stored in the _layouts directories etc.

Am I going about this the right way? What is the simplest method to get a Jekyll-generated site up and running on GitHub pages?

Upvotes: 1

Views: 222

Answers (2)

user2528260
user2528260

Reputation: 125

You will need to change url to "https://gadial.github.io" and baseurl to "/jek_test".

If this two attributes are not set up properly, Jekyll won't know where to look for your resources.

Upvotes: 0

isstiaung
isstiaung

Reputation: 611

You are using minima which is the default so, that's not the issue but, if you have a look at your about.md you'll see that it is looking for a layout called page. You currently don't have a _layouts folder

Try creating a folder called _layouts and create a layout in that called page.html with however you want it to display the contents of all files with layout : page

The default page.html can be found here.

Upvotes: 2

Related Questions