I have recently started using Jekyll.
I downloaded this theme DentistSmile
When I use jekyll build, _site is created, but it does not render css style(s). It has the css folder.
Pl find attached pic of how it looks on MY server.
I am very new to web development and don't understand much of html and css stuff. So pl help
Here is the code of index.html from generated _site folder.
FYI, I am on windows.
You should not upload the _site folder, only its contents, as your CSS link is absolute.
Related
Im trying to learn sass and JavaScript using VS Code. I created an app folder that holds my js folder which contains my script.js and scss folder that contains my _globals.scss. _header.scss, _variables.scss, and style.scss. I created a dist folder that contains my style.css and style.css.map. I have my html linked to my dist/style.css but I cannot get any of my pages to connect to my html page. I have the #import variables, globals, and header set in my style.scss page but the only styles I can add to my webpage is from the html document itself.
I’ve tried very little because I’m new to web development. Working from a MacBook, I downloaded homebrew, git, and a couple other apps I saw on YouTube. I tried changing my #imports to #use and adding them directly to the style.css but that did not help.
I was expecting by downloading any of those files would get my pages to communicate with each other.
Are you trying to import the .scss files on your styles.css? If so, this is not the right way to work with sass.
To be able to "transform" the .scss files into .css, you have to compile these files using the CLI (command-line/terminal).
This video shows how to do this procedure.
It the above is not the case, could you please send us screenshots of what you're trying to do, it will be really helpful to help you to fix this issue.
Create a new file in CSS(type),
then link that file using the <link> tag in your HTML page using the address of the newly created .css file.
i am trying to generate metronic layout with layout builder, but when I try to open index.html I just see this:
screenshot
It seems to me like it can't see css styles
When I open just html demo, it works well.. I did by tutorial, I generated assets by gulp, so I don't know what to do now..
Btw. using Mac
Any help? Thanks!
You can get the generated assets folder from the downloaded zip file.
Copy from /html/demo1/dist/assets into exported layout builder folder.
You don't need to rebuild the assets using gulp if you don't modify any assets file from the src folder.
I have made my project with bootstrap, html and css. But the Github pages are only showing the readme file and sending me the error mail. Please help me, this project is important for me
First of all, index.html is missing from your repository.
If you have used only Bootstrap, CSS, and HTML, you probably don't even need npm. You can just upload your files (including those folders for images and CSS) and then go to your Repository Settings and in Github Pages, set the source. If you have an index.html, then <username>.github.io/repo-name will render it automatically after a successful build.
You might find this repository which was made using HTML, CSS, Bootstrap (and Javascript) helpful to refer to.
PS: Don't push node_modules on GitHub. You should ideally add that folder to .gitignore. These modules can be installed by the user who clones your repo using npm commands.
I wish to add Jekyll (only the blog portion) to my already existing website. I currently have this repo on my Github (https://github.com/TonyHoanTrinh/TonyHoanTrinh.github.io). Where I currently have a folder for Images. An index.html, main.js and style.css files.
My question is how would I be able to add the Jekyll blog portion to my website which already has a layout and theme?
I've been looking at several Jekyll tutorials but they have it start the project from the beginning using a theme and etc. I already have a website with a layout and styling from myself. But I wish to add the Jekyll blog portion to my website. I noticed an existing post on doing this but its from the context of config.yml and other files which I'm not sure pertains to my project.
My question is how would I be able to add the Jekyll blog portion to my website which already has a layout and theme?
With Jekyll you can do that very easily. Just follow these steps:
You can leave the static html files in the root (and subdirectories). They will not collide with Jekyll.
Create an empty _config.yml file in the root.
Create a layout your posts overview and for your single post layout in a _layouts folder in the root.
Create a _posts folder in the root and add your first file/blog post in this format: 2018-12-31-happy-new-year.md
Make sure the blog post (.md file) looks like this:
---
title: Happy New Year
---
Your content
Now run 'jekyll serve' from the command line in the root of your website. Jekyll (if installed correctly) will create a _site folder with the generated website (in plain HTML).
That is all! More info about setting up Jekyll can be found at the Jekyll website.
new to programming and I wanted to post my portfolio site on github. My index pages shows up but some of pictures and all of my scss files wont show up. Any help would be greatly appreciated.
Here's a link to the repo https://github.com/ELeonJohnson/ELeonJohnson.github.io
You have to compile your .scss files and refer only the .css files in your index.html because browser doesn't understand scss.
If you have installed sass by running, sass --watch _main.scss:main.css You can get the compiled css version. For more information refer to the documentation of sass
In your case parcel.js have bundled your project into dist folder. For github pages you only need the content inside this dist folder. You can remove all the source code other than which is in the dist folder and move all the things inside dist into your root folder ELeonJohnson.github.io