Giter VIP home page Giter VIP logo

jekyll-uno's Introduction

jekyll-uno

Jekyll-Uno - a minimal, responsive theme for Jekyll based on the Uno theme for Ghost.

⚠️ This theme requires ruby and rubygems installed

Features

  • Clean layout
  • Resposive layout
  • Pagination
  • Syntax highlighting
  • Social links
  • Tags listing page
  • Categories listing page
  • Google Analytics integration
  • Disqus integration

Install and Test

  1. Download or clone repo git clone [email protected]:joshgerdes/jekyll-uno.git
  2. Enter the folder: cd jekyll-uno/
  3. If you don't have bundler installed: gem install bundler
  4. Install Ruby gems: bundle install
  5. Start Jekyll server: bundle exec jekyll serve --watch

Access via: http://localhost:4000/jekyll-uno/

If you would like to run without using the github-pages gem, update your Gemfile to the following:

source 'https://rubygems.org'
gem 'jekyll-paginate'
gem 'jekyll-watch'
gem 'kramdown'
gem 'kramdown-parser-gfm'

Demo and Download

Demo Download

jekyll-uno - free Jekyll theme


Copyright and license

It is under the MIT license.

jekyll-uno's People

Contributors

concrete-mixer avatar joshgerdes avatar kjir avatar lukemcgregor avatar matthiaslischka avatar ricalo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jekyll-uno's Issues

Wrong url path in tags page.

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: '/'
...

Blog is broken

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.

image

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?

Having a baseurl of '' doesnt work

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/

kramdown

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?

Blog Content Animation split between first 2 clicks

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.

How to add an "about me" page?

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

Dependency error with kramdown

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?

scrollbar in code bloc

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. :)

About categories

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.

blog posts are ignoring the layouts

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?

Update JQuery

Currently Using : 1.11.3 ! Please Update into 3.2.1

Consider not including Google Analytics script in development environment

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.

Using on github.io

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.

Undefined Method "includes_load_paths"

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

Categories

How do I categorize my posts in this theme? Thank you

Post width

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.

Paginate problem

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

Post share buttons

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.

Invalid initial state of the theme (?)

Hi!
I'm just starting experimenting with Jekyll and GH pages. My first try resulted in...

pivovarit.github.io

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

CSS to make footnotes superscript

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?

Render-blocking CSS

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

when I run jekyll serve

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/!

Add an "About" button

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!

posts overflow under cover panel

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?

Generating icons

If I change the profile image, how do I generate all the other icons and favicons?

display issue with Persian (Arabic-script) text

Wonderful Jekyll theme!

But I encountered a display issue in making my site.

When I write my name in Persian (Arabic script) the letters appear as slightly disconnected. See screenshot below.
screenshot

There should be no small spaces between the letters. Any ideas on how to fix this?

Add Project Button

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??

nokogiri dependency is out of date

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 thatgem 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.

Not able to upload css in custom domain

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
screenshot 2017-07-23 17 21 06

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/
screenshot 2017-07-23 17 25 09

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 Blog Button is not work?

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

Wrong post link from Tags page

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

Should have 'Back' button on every post page

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.

Local Jekyll serve different from github pages output

github
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)

localjekyll
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.
post

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 ?

cannot host with github pages

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.