renyuanz / leonids Goto Github PK

A code block theme with a dark background would be nice like this --> https://www.screencast.com/t/XDG8Aj1lDQ

I can't see the image on Post with Large Feature Image and Text even though the link in its index.md is working

for this page sidebar logo, description and social links not showing
https://renyuanz.github.io/leonids/articles/2013-05/readability-feature-post

I am trying to make it multilingual using https://github.com/untra/polyglot.
Does not seem to work.

I imagine it is probably a Disqus or github pages issues, but I can only seem to login using my disqus account on your sample blog.

I wish to add an image that spans the entire sidebar. How do I go about doing it?
I tried adding background-image: url("back.png"); to the _layout.scss file. (also tried giving the complete and relative urls to the image) but nothing happens.

Could you please help me?

I just uploaded the theme to my repo but it seems comments not working. Is there any setting for this?

Thanks

After fork/clone repo, update _config.yml and try to execute bundle exec jekyll build a error occur

$ bundle exec jekyll build
Could not locate Gemfile or .bundle/ directory

in master brach

Hello,

Could you be able to assist me what I have done wrong?

The posts that I have committed (attached the image below) do not apply to my blog.

It worked fine when I uploaded posts from the office in my company.

But, it does not seem to work now when I am working at home with my laptop.

I re-cloned the repository using Github Desktop and uploaded two posts under _posts folder.

As you can see, I uploaded two posts below. But, they are not applied to my blog.

Instead, there is a post that I have never written, which is written in 9 Sep 2017 like below image.

I have been trying so hard to find what the problem is, but i really cannot find it.

• My Blog: http://jaybdev.net

• My forked github: https://github.com/jaybkim1/jaybkim1.github.io

So if i add another "page", how can i change the order in which it appears here. See screenshot for reference.

In your example of posts, you reference the image from 3rd party website.

https://images.unsplash.com/photo-1440635592348-167b1b30296f?crop=entropy&dpr=2&fit=crop&fm=jpg&h=475&ixjsv=2.1.0&ixlib=rb-0.3.5&q=50&w=1250

Is there a way to use the image directly from /img folder?

UPDATED: same way you upload image in README.md in your github repo

Line numbers with Rouge has been giving me headaches for a long time and I tried to enable line numbers on this theme, deployed locally, it still gives too much space between the number and the codes. Also the alignment is just way off each other. Looks like Jekyll treats line number and codes as a two column table but I couldn't find a proper way to resize the column in the css file. Anyone has any idea?
To enable the line numbers I edited the _config.yml file

kramdown:
  input:          GFM
  # https://github.com/jekyll/jekyll/pull/4090
  syntax_highlighter: rouge

  # Rouge Highlighter in Kramdown › http://kramdown.gettalong.org/syntax_highlighter/rouge.html
  # span, block element options fall back to global
  syntax_highlighter_opts:
    # Rouge Options › https://github.com/jneen/rouge#full-options
    css_class: 'highlight'
    #line_numbers: true # bad idea, spans don't need linenos and would inherit this option
    span:
      line_numbers: false
    block:
      line_numbers: true
      start_line: 1

And the result looks like this:

Since we have one home button for every post, putting on in the categories list would add to the uniformity of the layout. I know that the portion of "your name" links to the home, but it is tougher to find and if we are doing it in posts we may as well do it in the categories, tags etc. There are 2 ways we can handle this

1. By adding a button to each one of categories, tags, archives etc. 😟
2. Add a home button to the sidebar and no such hassle is required.

Any suggestions?

In _post.scss there's a section:
-webkit-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);

For reasons unknown, if you use Magnific Popup CSS (which lets you click an image and see a blown up version that overlays everything else) this line kills it and forces the image to only consume the left sidebar (on Safari only; Firefox was fine).

I'm happy for you to close this and leave it as-is, but because it's so innocuous, and took me hours to find after upgrading today, I thought there should be some note somewhere about it. I took these lines out and everything worked without any ill effects.

在http://www.jiathis.com/
这个网站获取分享代码，或直接拷贝以下代码到任意一处：

I'm thinking about adapting to another static site generator like GatsbyJS or VuePress

give your votes!!!

Your theme has been listed on http://jekyllthemes.ru

Hello @renyuanz,

Great job!
This Gatsby started was so good (simple and elegant enough) that I have decided to use this as a base for building my own personal site (with possibly a few customisations).
However, I thought it would be a good idea to also include a section in the README for this starter to add more pages to this (such as a contact or about or projects page) so that this could potentially also be used as a personal website.

In your example of posts, you get the image from 3rd party website like below.

But, how do i do to get the image directly from /img folder?

Since I like the theme, I decided to install Leonids as theme in my Jekyll-based site. I am using the Ruby Gem.

Now I have one or two pages that need a little extra styling to make things look good. This extra styling is basically a .scss file. How could I have Jekyll load that file so it will be included in the HTML output?

I want to add my Academia.edu as social links. I can modify _config.yml and _includes/social-links.html partially. But, how to add the Academia.edu's icon? Is it possible?
Thanks for your advice

I notice there is below source codes for Google Analytics in js.html.

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  ga('create', '{{ site.owner.google.analytics }}', 'auto');
  ga('send', 'pageview');
</script>

However, it does not seem to link to my google analytics.

All i did was to put my google analytics id starting with UA- in the _config.yml.

Is there something else I need to do?

If this comes with pre-installed netlify cms many new user will come. As this is very amazing template.

It would be good to have an option to not show share buttons on a post.

Hello,
I am just curious to know. I made my current site based on your previous Jekyll theme. Why did you decide to change from Jekyll to Gatsby?

Hi @renyuanz
Your template looks amazing and pretty simple to start use. I spent few hours to choose from many others.
Are you continue working on it and is it have sense to wait for updates(specially with portfolio pages)?

Not sure if I'm missing something, but it looks like this jekyll theme doesn't include code to support an site owner avatar image. Also the example yml file references an avatar image that doesn't exist in the /img/ folder. Otherwise really cool theme design so far!

Github pages does not support pygments. This is the email I received

The page build completed successfully, but returned the following warning:
You are attempting to use the 'pygments' highlighter, which is currently unsupported on GitHub Pages. Your site will use 'rouge' for highlighting instead. To suppress this warning, change the 'highlighter' value to 'rouge' in your '_config.yml' and ensure the 'pygments' key is unset. For more information, see https://help.github.com/articles/page-build-failed-config-file-error/#fixing-highlighting-errors.
For information on troubleshooting Jekyll see:
https://help.github.com/articles/troubleshooting-jekyll-builds
If you have any questions you can contact us by replying to this email.

Can we add rouge as the default highlighter and put pygments as an alternate comments

Just by the perspective of how it looks, the link looks a bit odd. We might change it to < Home or changing the font might help.

Your template looks amazing and it is what I been looking for.

This is my first time opening my github blog, so this may sound silly to ask.

If i may, I see Demo site has resume section on the left side of the page along with home/archive/categories/...,

but Mine is missing.

Where do I need to take a look at?

Also, if you could guide me where I could change the text "A simple and awesome blog theme powered by jekyll.", I will be appreciated.

I want to have a pagination in index page

I changed my site to HTTPS. But still the code is referring the asset with HTTP. Can someone point me where i can change it in the code base?

It seems https is missing from the js.html, for google analytics.

https://github.com/renyuanz/leonids/blob/dfdd3fd5e159b3254be03293516c163f3f62e12e/_includes/js.html

On your personal site, the pages list has a trailing slash after "tags" ("home / ... / resume / tags /"), and I'm having this issue on my site as well. I love your template design, but that extra slash is poking my OCD.

I see that on the leonids page, you don't have that trailing slash ("home / ... / categories / tags"). I'd love to my page to look like that. Do you have any idea on how what is going on?

Thanks and congrats on the project.

Your theme has been listed on https://jekyll-themes.com/.

Hi @renyuanz , I'm just wonder what's the development workflow of this repo look like. It seems like master was the main development branch before and suddenly you started to work on gh-pages branch only without updating the master branch.

There is a helpful gist showing how to keep gh-pages up to date with master: https://gist.github.com/mandiwise/44d1edce18f2ffb14f63

As per Github Workflow, master branch should be the stable branch where changes or finished feature got merged in. A gh-pages is a a publishing source, in this repo's case, the gh-pages branch should reflect the new features/changes merged in to master branch.

I'm just wanting to know the structure/organization of the repo so I can join the development and make pull request to the right branch :)

Hi, I've been using your theme for a while and I really appreciate your great work!

Mean while, it seems that your theme aligns the images inside the post to the left.
However, I'd like to fix that to center-align.
I tried fixing _global.scss and _normalize.scss by adding

margin-left: auto;
margin-right: auto;

to the "img" part.

But, it's not working..

Any suggestions?

Thanks

Hi, I would like to implement Google Analytics or similar services to track how many people have viewed my page, and related statistics.

How should I use it?

If you could explain a bit about it, I will be very thankful.

UPDATED: I SOLVED IT!

I notice there is GoogleAnalytics in js.html file, and I just had to change google analytics ID in _config.yml

Hi,

I noticed that the GitHub Pages used a specific path for custom CSS, any plans to support that by recreating a new file under the asset folder when building the site?

see reference

if i want to remove some tabs like lets say resume and add something custom, how would i go about it?

Just got started with the template, and with the sample posts and all the tags aren't showing, any reason why this might be failing? Console log isnt showing any errors though. Attached screenshot below.

Edit: The Jekyll Drops was me trying to debug the site.tags

I installed a new site following the official doc. Using bundle exec jekyll it builds without problems. Then I added leonids also following the official docs. When trying to buid jekyll throws the following errors:

    Liquid Warning: Liquid syntax error (line 7): Expected dotdot but found comparison in "(page.image.feature contains 'https') or (page.image.feature contains 'http')" in /_layouts/post.html
    Liquid Warning: Liquid syntax error (line 7): Expected dotdot but found comparison in "(page.image.feature contains 'https') or (page.image.feature contains 'http')" in /_layouts/post.html
    Liquid Warning: Liquid syntax error (line 7): Expected dotdot but found comparison in "(page.image.feature contains 'https') or (page.image.feature contains 'http')" in /_layouts/post.html
    Liquid Warning: Liquid syntax error (line 7): Expected dotdot but found comparison in "(page.image.feature contains 'https') or (page.image.feature contains 'http')" in /_layouts/post.html
  Liquid Exception: Could not locate the included file 'icon-github.html' in any of ["/home/me/mysite/_includes", "/var/lib/gems/2.3.0/gems/leonids-0.1.1/_includes"]. Ensure it exists in one of those directories and, if it is a symlink, does not point outside your site source. in about.md
jekyll 3.2.1 | Error:  Could not locate the included file 'icon-github.html' in any of ["/home/me/mysite/_includes", "/var/lib/gems/2.3.0/gems/leonids-0.1.1/_includes"]. Ensure it exists in one of those directories and, if it is a symlink, does not point outside your site source.

Am I missing something here?

Cheers
kai*

GitHub is unable to build a Jekyll page when _config.yml is included in .gitignore. After I excluded/removed that line from .gitignore GitHub was able to build it. Maybe this info can be added to the readme file?

Thanks for creating a simple and nicely designed theme,
Andre