GithubHelp home page GithubHelp logo

piharpi / jekyll-klise Goto Github PK

View Code? Open in Web Editor NEW
851.0 11.0 341.0 5.2 MB

:beach_umbrella: Klisé is a minimalist Jekyll theme for running a personal site or blog, light & dark mode support. (https://klise.vercel.app)

Home Page: https://klise.vercel.app

License: MIT License

Ruby 2.67% HTML 37.21% JavaScript 1.06% SCSS 59.06%
jekyll jekyll-theme gh-pages minimalist-jekyll-theme jekyll-blog jekyll-site theme blog personal-site netlify

jekyll-klise's People

Contributors

alfredcc avatar aliifam avatar dansch43 avatar fahmiirsyadk avatar joshuadeguzman avatar mluerig avatar nickyvanurk avatar piharpi 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

jekyll-klise's Issues

Tags in alphabetical order

Is your feature request related to a problem? Please describe.
Nope

Describe the solution you'd like
On the tags page, display the words in alphabetical order

Describe alternatives you've considered
No

Additional context
screenshot-tags

Avoid having Google or other search engines indexing a page

I am not very expert with HTML but I would like to add the possibility to do not index a specific page/pages on search engines.

According to this documentation (https://developers.google.com/search/docs/advanced/crawling/block-indexing) it is just needed to add the code <meta name="robots" content="noindex"> in the page.

However, I guess adding such code in the markdown page will not work. Thus, is there a simple way to achieve such result?

Thank you for the support!

Loads half page on Safari

Hi, the blog leave half of the page blank on Safari, see picture.
Screen Shot 2021-08-01 at 9 52 14 AM

Safari Version 14.1.1 (16611.2.7.1.4)

How can I display the HTML code blocks without overflowing and containing the same background

Describe the bug
I converted a python notebook file to basic html template using the nbconvert support from jupyter and when I use that basic template to render my page, the codes and some contents were overflowing, to tackle that, I used the overflow table class, which resolved the overflow but the overflowed portion is not containing the same background.

Screenshots
image

Link to the code
https://github.com/akashravichandran/akashravichandran.github.io/blob/master/_posts/jovianml/2020-06-02-insurance_linear_regression.html

Link to the rendered page
https://github.com/akashravichandran/akashravichandran.github.io/blob/master/_posts/jovianml/2020-06-02-insurance_linear_regression.html

Additional context
Any help regarding this issue is much appreciated. Thanks in advance.

Multilingual site support

Discussed in #70

Originally posted by muzzug January 28, 2023
Hi.

Has anyone tried this template on a multiple language site? I tried to plug in the multiple languages plugin, but I couldn't get it to work. Does anyone have experience with this?

Thanks

Jekyll serve --watch not working

Describe the bug
Trying to run bundle exec jekyll serve --watch but page refresh not working.

To Reproduce
Steps to reproduce the behavior:

  1. Run bundle exec jekyll serve --watch

Expected behavior
Page should refresh with the update information, but instead, serve has to be restarted.

Desktop (please complete the following information):

  • OS: [Windows]
  • Browser [Firefox]
  • Version [79]

Flash of dark mode styling when using light mode

Describe the bug
When you enable light mode, and click a link/refresh the page, you will see a flash of dark mode styles website before it turns light. This happens everytime you click any link so it's kinda of annoying if you are browsing the site.

To Reproduce
Steps to reproduce the behavior:

  1. Go to homepage
  2. Click on sun icon to enable light mode
  3. Click any link

Expected behavior
Light mode to stay light

Adding "table of contents" to posts

I forked this repo and added "table of contents" feature for posts.

It looks like the following image:

image

Would anyone be interested in this feature? If so, I am happy to make a PR and add it.

Edited navigation.html

Discussed in #72

Originally posted by muzzug February 8, 2023
Hi.

If there is anyone here who, like me, is bothered by the weird navigation behaviour for previous/next posts (on the first post "next" is on the left, on the others on the right and on the last one "previous" is on the left), I offer a modified version. Just use the code to replace the code in navigation.html

<nav class="post-nav">
  <div class="post-nav-item post-nav-prev">
    <div class="nav-arrow"> Previous </div>
    {% if page.previous %}
    <a href="{{ page.previous | relative_url }}">
      <span class="post-title">{{ page.previous.title }}</span>
    </a>
    {% endif %}
  </div>
    
  <div class="post-nav-item post-nav-next">
    <div class="nav-arrow">Next</div>
    {% if page.next %}
    <a href="{{ page.next | relative_url }}">
      <span class="post-title">{{ page.next.title }}</span>
    </a>
    {% endif %}
  </div> 
</nav>

Just beware - only the title of the previous/next article is active in this case. The "next" and "previous" itself no longer work as a link as in the original code. :)

Access to color variables

Hi,
I would like to add plotly js graphs to a website using this theme. I know how to change the color in the graph but I don't know how to pass the light/dark colours from Klise. Any idea on how to do this?
Thanks!

Quick question. Removing "." after titles

Hi, your template is really great! I am just getting started and I was wondering where I can edit to remove extra period at the end of the page titles (e.g Archive.)?

Can not run

Describe the bug
Cant run the web

To Reproduce
Steps to reproduce the behavior:
Execute bundle exec jekyll serve

Expected behavior
To work

Screenshots
CMD output:

D:\daniv\Documentos\jekyll-klise-master>bundle exec jekyll serve
jekyll 4.1.1 | Error:  undefined method `[]' for nil
C:/Ruby33-x64/lib/ruby/3.3.0/logger.rb:384:in `level': undefined method `[]' for nil (NoMethodError)

    @level_override[Fiber.current] || @level
                   ^^^^^^^^^^^^^^^
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-4.1.1/lib/jekyll/log_adapter.rb:45:in `adjust_verbosity'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-4.1.1/lib/jekyll/configuration.rb:143:in `config_files'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-4.1.1/lib/jekyll.rb:118:in `configuration'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-4.1.1/lib/jekyll/command.rb:44:in `configuration_from_options'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-4.1.1/lib/jekyll/commands/serve.rb:83:in `block (2 levels) in init_with_program'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/mercenary-0.4.0/lib/mercenary/command.rb:221:in `block in execute'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/mercenary-0.4.0/lib/mercenary/command.rb:221:in `each'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/mercenary-0.4.0/lib/mercenary/command.rb:221:in `execute'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/mercenary-0.4.0/lib/mercenary/program.rb:44:in `go'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/mercenary-0.4.0/lib/mercenary.rb:21:in `program'
        from C:/Ruby33-x64/lib/ruby/gems/3.3.0/gems/jekyll-4.1.1/exe/jekyll:15:in `<top (required)>'
        from C:/Ruby33-x64/bin/jekyll:25:in `load'
        from C:/Ruby33-x64/bin/jekyll:25:in `<main>'

D:\daniv\Documentos\jekyll-klise-master>

Desktop (please complete the following information):

  • OS: Windows 11 Insider Dev Preview 23612.1000
  • Browser Not needed
  • Version Not needed

Smartphone (please complete the following information):

  • Device:
  • OS:
  • Browser:
  • Version:

Additional context

Change Symbol of Dark Mode

Is your feature request related to a problem? Please describe.
Right now, the toggle button of Dark Mode is the same on both Day and Night Mode.

Describe the solution you'd like
It should be like, showing Moon icon on Night and Sun icon on Day Mode

how to stop directory listing with this theme?

how to hide assets directory in this theme on live server.
I've tried this URL "https://stackoverflow.com/questions/42749268/jekyll-disable-directory-listing" to stop directory-listing it's working on localhost properly but when I tried for my server it's redirecting me to server address 0.0.0.0 on which my server is running any suggestions what should I do over here?

I want to do like this one "https://klise.vercel.app/assets" to get 404 page but it's not working for me can u guide me what i have to do for this outcome.

How to keep footer at bottom?

Describe the bug
When removing the Recent Posts section on the home page, the footer floats in the middle of the screen:

Screen Shot 2020-05-10 at 5 41 27 PM

How can I keep the footer at the bottom? Have tried some solutions online but they don't work well with the html/css in this template. Thank you!

I try to use it in gitlab webpages

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. I create the gitlab repository
  2. I create the .gitlab-ci.yml file
  3. The web doesn't show correctly

Expected behavior
That the website show correctly

Screenshots
Screenshot from 2022-08-18 17-47-09

Desktop (please complete the following information):

  • OS: Linux
  • Browser [Firefox]
  • Version [103]

Smartphone (please complete the following information):

  • Device: [Redmi Note 9 Pro]
  • OS: [Android 11]
  • Browser [Firefox]
  • Version [103]

Additional context
Add any other context about the problem here.

Multilingual site

Discussed in #70

Originally posted by muzzug January 28, 2023
Hi.

Has anyone tried this template on a multiple language site? I tried to plug in the multiple languages plugin, but I couldn't get it to work. Does anyone have experience with this?

Thanks

Missing webrick gem in Ruby 3.2.0?

Describe the bug
After installing Ruby 3.2.0, cloning this directory and executing budle install, I am unable to the start the server giving me webrick errors.
I get the following error: require': cannot load such file -- webrick (LoadError).
If I do bundle add webrick it works.

Scrolling to anchors do not work

Describe the bug
For the same page hrefs for example linking to headers for a table of content, it doesn't scroll to the anchored point.

To Reproduce
Steps to reproduce the behavior:

  1. Create a table of content (or go to this link, there is a ToC already)
  2. Click on any of the anchored links
  3. Nothing happens

Expected behavior
Page should scroll down to the heading selected

Desktop (please complete the following information):

  • OS: Windows, Manjaro
  • Browser: Brave, Edge, Firefox

Smartphone (please complete the following information):

  • Device: Samsung F22
  • OS: Android
  • Browser: Firefox

marginissues : content length makes wrapper move left or right

Describe the bug
Depending on the length of a post or the page content, the wrapper div gets different margins: short content will produce wider margin, and long content more narrow, which, starting from left, appears to let the content "move" around.

To Reproduce
Steps to reproduce the behavior:

  1. Go to main page
  2. Click on first post
  3. See error

Add pagination

Is your feature request related to a problem? Please describe.
Unable to add pagination

Describe the solution you'd like
Pagination supported on home page in recent posts

Describe alternatives you've considered
N/A

Additional context
N/A

how do i add a plugin?

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

General question - how do I change Font?

Thank you for this template. I have a general question about changing the font. I see that the current one is set to Roboto. How do I change it to a different font? I am new to Jekyll so any help here would be helpful.

Best,
Rahul

github.io

How do I host the site on github.io?

Comments not working in post

I have enabled the comment: true while creating the post, but it is not working for me.

Do I need to enable anything else to enable the comment section?

New Post

Do I need to create a new directory for every new post?
And how can I enable the comment section?

Thumbnail add « facebook_username »

When i share the site url or an article, the thumbnail title display a misterious « facebook_username »

I tried to add a « # » before the facebook_username line in the _config.yml but it was no change

E064640B-A7FC-444A-96A2-1F1AADCACDAA
68115673-5C4F-4331-AA78-9F03DD5ECC3F

Shell prompts & Title bars in code blocks

1. Shell prompt

When sharing code blocks, I want to make it easy for the reader to know wether it is a snippet or, a Terminal command. Adding a $ sign works okay.

$ some command

Making the $ unselectable would make copying commands easier.

2. Top Bar

Having a title bar with a label adds context for readers. It also makes skimming through a long post easy .

Solution

I've made a quick and dirty solution in html and css. You can find it here

Title Bar

To add a title bar, I add html content and give it the window-bar class

<div class="window-bar"><code><span">Window Title</span></code></div>

Then I add a code snippet in markown with the '`' below the element

Shell prompt

For this I use html

<div class="window-bar"><code><span class="unselectable" id="">Terminal</span></code></div>
<pre class="highlight"><code><span class="unselectable" id="root">$ </span>vim /etc/config.json</code></pre> 

CSS

In syntax.scss I added this:

  • Window-bar
  • Unslectable
// Window-bar
.window-bar {
  color: #ffffff;
  background-color: #202127;
  margin: 0 -27px;
  @include media-query($on-mobile) {
    margin: 0 calc(50% - 50vw);
  }
  text-align: center;
  border-radius: 8px 8px 0px 0px;
  padding: 0px;
  display: block;
  overflow-x: auto;
}
// Unselectable 
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

Links

Digital ocean custom markdown processor with some good features all in markdown.
Blog post I found adressing this


I don't know how to write or extend a markdown processor so that's the best solution I could come up with. One that requires no html to write a post would be great.

Thanks.

right configurations for github pages

Do we only need to comment L11;

gem "jekyll", "~> 4.1.0"

and uncomment L17 before pushing the commits to the Github repo? Because otherwise, I have conflicts over the packages while trying to run it locally.
# gem "github-pages", group: :jekyll_plugins

The same goes for L28 & 29 as my work platform is Windows.

# gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]

# gem "wdm", "~> 0.1.0" if Gem.win_platform?

url bug

If i write two posts named 2023-11-27-test.md and 2023-11-28-test.md, there addresses are all '/test' and it will point to the newer one, 2023-11-28-test.md.
But in the Jekyll, they will be different. One is '/2023/11/27/test' and the other is '2023/11/28/test'. I don't know how to fix this bug.

Recent Post Feature Required

Problem:
The issue I am facing is that when I upload multiple posts I have to scroll down a lot like imagine if I have 100 posts I would have to scroll down a lot and find a particular post I could use ctrl + F But it isn't worth it and also it doesn't make the site more appealing.

Solution:
I would like to add an All posts tag like this
all

I would like to be hyperlinked to a page where all the posts can be accessed. Also for the Recent Posts tag I would like only the latest 5 posts to be displayed. Is there any way on how that is possible? Using a function could we create a stack and all the posts are inserted into it and the latest one is on the top of the stack. I would like to only display the top 5 posts.

Alternatives:
If it isn't possible how do we use the pagination feature and template?

Support for Latex

Would you consider adding the latex rendering feature in the close future?

Not able to view Disqus comment bar

I have edited post.html and also added disqus.html in the _includes folder. Yet I'm not able to view the Disqus comment section on my blog post.

post.html

{% if site.disqus.shortname %}
  	{% include disqus.html %}
 {% endif %}

I have followed many tutorials to add Disqus in Jekyll websites. The latest one which seemed working for the majority of the people: https://desiredpersona.com/disqus-comments-jekyll/

Link to my repo: Link
Any help with this regard would be helpful!

how to write -

스크린샷 2023-11-08 오후 2 26 00

if i write '-', I want it marked like this

but just '-'. How do i mark it like that?

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.