1

Disclaimer: This is my first ever website project, in order to learn about html, css etc. I probably need a 'for idiots' guide'

I have a jekyll/github pages site here. I have read the jekyll documentation here, which suggests all you need to do is stick the liquid tag in. Which I have, for example here.

Further research has pointed out I need to set up my config file, like this which I have here. I also have a .css I copied from a site called sciviews which is here and I've made a link into the .css to call it here.

However, my page still displays in black on white in code blocks. What have I missed?

EDIT: I believe I've made another error, the source of my syntac .css was (i think) here. Is .scss maybe not compatible with this process as I've implemented it?

Community
  • 1
  • 1
DaveRGP
  • 1,430
  • 15
  • 34

1 Answers1

5

In your html ( inside the head tag ), you are referencing an incorrect path to "syntax.css"

Change:

<link rel="stylesheet" href="/css/syntax.css" type="text/css">

To:

<link rel="stylesheet" href="/Pokemon_FieldStudies/css/syntax.css" type="text/css">

Edit

Following your edit, it seems the code inside syntax.css is a raw scss file. Such files need to be processed before they could be served to the client.

I suggest you read about SCSS and how to compile it ( A simple google search will yield more than enough tutorials ).

In case you're interested in a shortcut, you can use an online compiler such as http://www.sassmeister.com/ but that will require you to define a value for some of the missing variables defined in the scss file.

elad.chen
  • 2,375
  • 5
  • 25
  • 37
  • Potentially that has worked, do you know if I'm going to need to rebuild my posts to get it to be visible? It's still just coming up grey on black. – DaveRGP Jul 20 '16 at 12:03
  • 1
    Yes, the fix will be reflected only when you have rebuilt your jekyll site, and re uploaded it. – elad.chen Jul 20 '16 at 12:10
  • by which I mean I will have to go back and recompile all the posts from .rmd to .md on the local machine and then push it though? or just make the change to the .html above and then push it up? – DaveRGP Jul 20 '16 at 12:12
  • 1
    Recompile the rmd files to md and push. – elad.chen Jul 20 '16 at 12:14
  • OK,. done both those and it's not worked. I know the page has refreshed because I've broken the links to the plots (which I expected) page in question: http://davergp.github.io/Pokemon_FieldStudies/blog/2016/05/25/your-code-evolved – DaveRGP Jul 20 '16 at 12:31
  • 1
    Your http://davergp.github.io/Pokemon_FieldStudies/css/syntax.css is still in its scss format. – elad.chen Jul 20 '16 at 12:34