joshgerdes / jekyll-uno Goto Github PK
View Code? Open in Web Editor NEWJekyll-Uno - a minimal, responsive theme for Jekyll based on Uno for Ghost
License: MIT License
Jekyll-Uno - a minimal, responsive theme for Jekyll based on Uno for Ghost
License: MIT License
An empty base url is recommended for jekyll hosted at the root of the site but this causes most of the links to break.
Using '/' makes things mostly work, but there are a few places which result in a // inside the URL (such as inside the feed.xml, and when doing things with plugins like jekyll-redirect-from
.
This article has some really good instructions on how to do baseurl stuff.
http://downtothewire.io/2015/08/15/configuring-jekyll-for-user-and-project-github-pages/
Hi everyone,
I had some hard time to fix "baseurl" stuffs lately and now, I have a new weird display issue:
Some code appears on the top of all my posts (example: https://brohaut.github.io/2017/Summary/). This is even the case with the original Jekyll-uno https://github.com/brohaut/brohaut.github.io/blob/master/sample.jpeg so I guess this come from my configuration...
Any idea ?
Thanks for you help,
Benjamin
I have added the project button by adding below code in header.html file. The button was created successfully, but was working same as blog button.
<nav class="cover-navigation cover-navigation--primary">
<ul class="navigation">
<li class="navigation__item"><a href="{{ site.baseurl }}#project" title="link to {{ site.title }} projects" class="project-button">Projects</a></li>
</ul>
</nav>
You can view my Project here.
I just want that when I click the button, instead of my blog post it should show some buttons that should direct to the respective project page.
What changes should I make in the project??
Looks like the js is out of date relative to what disqus recommends
How do I categorize my posts in this theme? Thank you
How can I add share post buttons for each post for e.g. Twitter, Facebook, Reddit etc.?
It would be great if these buttons will have the same slick icons as for the author contact.
The website isn't appearing like the demo on my github pages - github pages only shows the html template. I assume that github pages doesn't have the neccessary plugins to host the theme. Since the theme isn't compatible with github pages, what should I use to host it? (beginner in web dev here)
So I'm not sure how to phrase this, but I've noticed that with a sufficient number of posts listed by paginate (such as on your own homepage), one is able to scroll on the uncollapsed cover-page. A scrollbar is visible and even operational since the position carries over when the blog link is clicked and collapses the cover. That's kind of irritating, since I think it would be most new visitors' first inclination to scroll down before clicking that link. On mobile (chrome for android, in my case), it is possible to view the scrolling content below the cover image with a little fiddling around (desktop just shows white above and below the image when attempting to scroll past).
Maybe it's not possible to fix without taking paginate out of the main index.html (I'll probably try this), or maybe the overflow CSS property would do the trick (I couldn't figure out where to implement it if that is the case, however), but I think it really detracts from an otherwise clean and beautiful theme.
Or maybe a different version of paginate with more flexibility would work?
I have done following updates in _config.yml
title: Jekyll-Uno
description: 'Jekyll-Uno - a minimal, responsive theme for Jekyll'
url: 'http://girish.world/'
baseurl: '/'
What i can see in landing page is http://girish.world
Also When i click on blog link , css is not getting loaded. Here is screen shot and link http://girish.world/2016/welcome-to-jekyll/
which is not the desired output. It was working fine without custom domain.
What i can understand is there is some path issue but i am not able to figure out. I tried lot of permutation and combination .. but no luck.
Can you help me?
The CSS is render-blocking and has negative impact to Google search ranking.
Source: Googel PageSpeed Test result
Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 5 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:
http://joshgerdes.com/jekyll-uno/css/main.css
http://joshgerdes.com/jekyll-uno/css/uno.css
http://joshgerdes.com/jekyll-uno/css/monokai.css
https://fonts.googleapis.com/…ily=Raleway:400,700|Roboto+Slab:300,400)
http://joshgerdes.com/jekyll-uno/css/animate.css
One optimization I have identified is to import all CSS in the index.html
instead of in the main.css
. This manages to improve the PageSpeed score by about 5 points.
Source: Avoid CSS imports
Currently Using : 1.11.3 ! Please Update into 3.2.1
I downloaded the theme and run "jekyll serve". I got this error. Can you help me? Thanks.
C:\Users\HonouR\Desktop\jekyll-uno-bozuk\jekyll-uno-master>jekyll serve
Configuration file: C:/Users/HonouR/Desktop/jekyll-uno-bozuk/jekyll-uno-master/_
config.yml
Deprecation: You appear to have pagination turned on, but you haven't inc
luded the `jekyll-paginate` gem. Ensure you have `gems: [jekyll-paginate]` in yo
ur configuration file.
Source: C:/Users/HonouR/Desktop/jekyll-uno-bozuk/jekyll-uno-master
Destination: _site
Incremental build: disabled. Enable with --incremental
Generating...
Dependency Error: Yikes! It looks like you don't have pygments or one of its d
ependencies installed. In order to use Jekyll as currently configured, you'll ne
ed to install this gem. The full error message from Ruby is: 'cannot load such f
ile -- pygments' If you run into trouble, you can find helpful resources at http
://jekyllrb.com/help/!
Liquid Exception: pygments in C:/Users/HonouR/Desktop/jekyll-uno-bozuk/jekyll-
uno-master/_posts/2016-01-08-welcome-to-jekyll.markdown
ERROR: YOUR SITE COULD NOT BE BUILT:
------------------------------------
pygments
Tables look really bad when rendered from markdown (just floating text in cells with no padding).
They should have a default style.
See https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#tables
If I change the profile image, how do I generate all the other icons and favicons?
Hello,
I would need some help to find a bug in my code:
The post links on my Tags page https://brohaut.github.io/tags/ contain an incorrect additional "/tag/" that I can't manage to remove , I screened all my folder but didn't find any abnormal "/tags/" in the code...
Thought it's not a dramatic issue ...
Thanks for your help !
Benjamin
Hi!
How can I enable comments in my posts?
Thanks in advances!
Specifically, the localhost link fails b/c it's missing the trailing /
.
Also, without running the jekyll command using bundle exec
users might get an error.
no entry for categories.html ?
Dependency Error: Yikes! It looks like you don't have jekyll-paginate or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- jekyll-paginate' If you run into trouble, you can find helpful resources at http://jekyllrb.com/help/!
Hello,
This fix looks like it will fix my blog issues. How would go about merging all the changes from the last year so my theme is up to date?
Thank you.
https://dfinke.github.io/#blog
https://github.com/dfinke/dfinke.github.io
Hi,
Thanks for this gorgeous theme! I am using it, and was hoping to add another button on the side of the "blog" button, just so I can have a link to the "about me" page.
I managed to get the button, but how can I display a page content instead of blog posts on the panel when users click on "about"? I would like to do that while retaining the blog functionality. Is that possible?
Best,
Francis
I need the ABOUT page to show my info. Thanks.
Thanks @joshgerdes for the nice theme. I am using jekyll for the first time, and your instructions helped me a lot.
I have a question. I just visit the route /categories/, and it exists, why you don't add one link to this section?
I tried to show the category for each post, but I can't. It seems that jekyll only have a "tags" attribute, but not a "categories" to show with the extract of each post in the index.
Are there plans to update to the latest Jekyll version?
Maybe switch the default highlighter
to rouge
in _config.yml for those who don't want to get their python environment also setup.
Hi,
This is the first time I try to use a jekyll template to create a site. I was wondering if it'd be too difficult to create an "About" button next to the "Blog" one that redirects you to a page with the general info about the site.
Thanks!
While visiting post from the tags the url becomes http://127.0.0.1:4000/jekyll-uno//2016/welcome-to-jekyll/
(Note the extra '/')
How can it be resolved??
Hello all,
I think there should be a 'Back' button on every post, as posts are increasing in numbers and due to pagination, it becomes really hard to remember on what page that post was. So, it would be really better, if there is a 'Back' button on every post page.
I'm experiencing issues serving the theme after cloning it.
$ bundle --version
Bundler version 1.15.4
$ bundle exec jekyll serve --watch
/var/lib/gems/2.3.0/gems/jekyll-3.5.2/lib/jekyll/drops/document_drop.rb:8: warning: already initialized constant Jekyll::Drops::DocumentDrop::NESTED_OBJECT_FIELD_BLACKLIST
/usr/lib/ruby/vendor_ruby/jekyll/drops/document_drop.rb:8: warning: previous definition of NESTED_OBJECT_FIELD_BLACKLIST was here
/var/lib/gems/2.3.0/gems/jekyll-3.5.2/lib/jekyll/drops/drop.rb:8: warning: already initialized constant Jekyll::Drops::Drop::NON_CONTENT_METHODS
/usr/lib/ruby/vendor_ruby/jekyll/drops/drop.rb:8: warning: previous definition of NON_CONTENT_METHODS was here
Configuration file: /home/ryan/monoflo.github.io/jekyll-uno/_config.yml
Configuration file: /home/ryan/monoflo.github.io/jekyll-uno/_config.yml
Configuration file: /home/ryan/monoflo.github.io/jekyll-uno/_config.yml
Source: /home/ryan/monoflo.github.io/jekyll-uno
Destination: _site
Incremental build: disabled. Enable with --incremental
Generating...
Liquid Exception: undefined method includes_load_paths' for #<Jekyll::Site:0x000061bee38288> in _layouts/post.html jekyll 3.1.6 | Error: undefined method
includes_load_paths' for #Jekyll::Site:0x000061bee38288
Hi, I found this while jekyll build:
Conversion error: Jekyll::Converters::Markdown encountered an error while converting '_posts/2016-01-08-welcome-to-jekyll.markdown':
Missing dependency: kramdown
ERROR: YOUR SITE COULD NOT BE BUILT:
------------------------------------
Missing dependency: kramdown
Can help?
As I was pushing a new post, I suddenly noticed that my jeyll-uno blog is broken. Seems like its missing some files that should be there - which I haven't really touched recently.
It's as if something messed up the Jekyll paths.
I'm not really a web-dev, so I don't really know what to do to fix this.
These are the console errors:
/2017/opencv-web-app/css/main.css?1504539877956271859 Failed to load resource: the server responded with a status of 404 (Not Found)
cover.jpg Failed to load resource: the server responded with a status of 404 (Not Found)
profile_100px.png Failed to load resource: the server responded with a status of 404 (Not Found)
main.js Failed to load resource: the server responded with a status of 404 (Not Found)
color_cycle_asm.js:1 pre-main prep time: 9 ms
printErr @ color_cycle_asm.js:1
main.js Failed to load resource: the server responded with a status of 404 (Not Found)
main.css Failed to load resource: the server responded with a status of 404 (Not Found)
Any ideas?
What changes must be made for this theme to work on github.io?
I have tried modifying it to have the same configs as the tutorial sites but new posts and updated pages are not shown.
Hello.
First, thanks for your work,I use this to build my own blog.
But there is something wrong,when I click the blog button which is on the homepage ,there is nothing, this button just not work. how can I fix this problem.
thank you
When you click on the blog button from the main page for the first time, you can see the cover-image and content-wrapper slide in from the right, but the text is already in place (it's becomes visible as the content-wrapper slides over it). If you click the blog button again, you'll see that the cover-image and content-wrapper stay where they are, but the text animates an entrance from the right. Any subsequent clicks do nothing as expected.
I assume the desired behavior is for the cover-image, content-wrapper, and text to all animate on the first click and then nothing happen after. As an aside, I'd actually be ok if the text animated every time you click the blog button, but really anything consistent would work.
Hi,
Thank you for providing this great template. I noticed that Google Analytics script is included when I'm working in my dev environment. I see some of my traffic coming from localhost.
Could you add a condition to exclude the script when working on a dev environment? I believe the following line in footer.html would have to be changed from:
{% if site.google_analytics %}
to
{% if site.google_analytics and jekyll.environment != "development" %}
I don't know if you're accepting contributions right now, but I prepared PR #52 in case it makes things easier.
Hi @joshgerdes Great theme!
For some reason seems that last commit (d1b9a46) is not working for me.
It is pointing to IP: 0.0.7.224 ?
Do not respect the correct url concatenation.
For example:
Correctly: 127.0.0.1:4000/2016/welcome-to-jekyll/
In tags page: 0.0.7.224/welcome-to-jekyll/
I need configure something else in _config.yml?
...
url: 'http://mywebsite.com'
baseurl: '/'
...
After following the instructions for testing, I got the following error:
$ jekyll serve
WARN: Unresolved specs during Gem::Specification.reset:
jekyll-watch (~> 1.1)
WARN: Clearing out unresolved specs.
Please report a bug if this causes problems.
Configuration file: /home/bcdonadio/jekyll-uno/_config.yml
Dependency Error: Yikes! It looks like you don't have kramdown or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. The full error message from Ruby is: 'cannot load such file -- kramdown' If you run into trouble, you can find helpful resources at http://jekyllrb.com/help/!
jekyll 3.1.1 | Error: kramdown
Where did I got it wrong?
When browsing with JS disabled, even direct links to a post do not work.
The cover page, well, covers the whole page.
I would expect it to stay to the side if JS is disabled.
The command bundle install
fails due to the nokogiri dependency being out of date. This is the error I got:
"An error occurred while installing nokogiri (1.6.7.2), and Bundler cannot continue. Make sure that
gem install nokogiri -v '1.6.7.2'succeeds before bundling."
I had to run gem update nokogiri
before running bundle install
. If you don't do that then the install command will fail every time.
Hi!
I'm just starting experimenting with Jekyll and GH pages. My first try resulted in...
pivovarit.github.io
That's the state after downloading sources, putting them in the repo and setting the path in the config file.
Not sure what I'm doing wrong - I can make it run correctly locally using bundle exec jekyll server
The above is what I get when github pages hosts the website.(This is what I get on the homepage, NOT after clicking on Blog)
This is what I get when I do a bundle exec jekyll serve.
I can't seem to figure out why this happens.
Also, on the github.io site, clicking on any post leads here.
It was fine about a week ago. I noticed this yesterday.
It seems like the CSS/JS is not working on the github pages hosted site. Any ideas why ?
Your theme has been listed on http://jekyllthemes.ru
How can I make the width of the post page wider?
I want it to retain the same margins, but to stretch to fit the available window page width.
I found several css fields that change this, but i couldn't figure out how to retain the same margins and auto panel hiding for narrower screens.
When using footnote notation [^1]
the resulting HTML link is not superscript.
What are the CSS changes I need to make to make it superscript again?
Hi,
Is there a simple way to add a scrollbar when a line is too long and fill all the code bloc? It wrap line for the moment in my example.
Thank you. :)
I forked this project got it running locally then copied my blog posts into the _posts folder. When I ran the serve command and clicked on a post I noticed that it wasn't using the post layout. Actually it wasn't using any layout at all. Any ideas?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.