victorvoid / space-jekyll-template

A simple spacemacs template on jekyll. https://victorvoid.github.io/space-jekyll-template/
Other
400 stars 323 forks source link

Adding page #23

Open jankrix opened 6 years ago

jankrix commented 6 years ago

Hi, I'm new to jekyll and love your template but editing it seems to be difficult to newbie like me. Could you point out how do I make page and add them to your navigation menu. Most tutorial on the net is for minimal theme or other theme that is still using standard jekyll directory structure, but how to do it in yours?

victorvoid commented 6 years ago

No problem @jankrix, thank for you feedback.

First you can fork and the name is usergithub.github.io

To you create a new page, you can see this example.

At the top of the file you have the basic settings:

layout: minimal ← this is the layout was created here. So with it you already have the basic things of the page, like css, javascript, etc.

title: "About me" ← Page title

permalink: /about/index.html← link for you page

description: "Some description about Victor Igor..." ← It is import to SEO and add in<meta name="description">

To you add this new link in your navigations, you can put in here.

The _config.yml file is all available template settings.

jankrix commented 6 years ago

Thank you so much victor, I finally got it. I have another problem, I do follow your instruction and the link indeed appear on the navigation and I can access it via the url, however the shortcut didn't work and also, do I need to edit the css manually to change the height of the aside and overlay element? since the new link appear below list item 5 and it's kinda disappear, I can edit the css change the height to 175px and overlay max height to 175px but I do wonder if there is easier way

victorvoid commented 6 years ago

I did not know that, he should go to another column. It's is a bug. :worried: There is no other way, just manually. The other bug is in js, this needs to be dynamic, but thank you, these things need to be adjusted in the template.

jankrix commented 6 years ago

this excerpt

case "5": $("#sidebar ul:first-child li:nth-child(5) a").trigger('click'); break;

I even try to make

case "6": $("#sidebar ul:first-child li:nth-child(6) a").trigger('click'); break;

no success :D

can we just making the child counter? while the navigation is not suitable for hefty pages in one site but I think it should offer dynamicity as in my case (adding new page). Do you think it's wise to make this issue a separate issue or it is ok to merge it with my previous question?

note. thank you so much...trying to setup site using your theme makes me understand more about jekyll, I'm curious how you dismiss _site btw but that's another story haha

victorvoid commented 6 years ago

You can create a new issue, it would be better, and close this. :smile: The _site is generated by jekyll, and since we are using GitHub Pages, we don't have to upload it, so I put it in .gitignore to skip the folder, because the github compiles to us and already uses.

Nial4 commented 6 years ago

Hi victorvoid. I have a question, I want to change background, and set a image. What should I do ?

victorvoid commented 6 years ago

Hi @Kivior, you can set background here like:

background url(path_to_your_image/my-image.png) no-repeat center center / cover

You need follow this tutorial after modify the file:

How can I modify the theme