ttskch / jekyll-ttskch-theme Goto Github PK

View Code? Open in Web Editor NEW

33.0 4.0 66.0 150 KB

A simple and customizable theme for Jekyll.

Home Page: http://ttskch.github.io/jekyll-ttskch-theme/

License: MIT License

HTML 36.50% Ruby 0.16% CSS 42.87% JavaScript 20.47%

jekyll jekyll-theme

jekyll-ttskch-theme's Introduction

jekyll-ttskch-theme

A simple and customizable theme for Jekyll.

This theme was renamed from jekyll-qck-theme to jekyll-tch-theme at 2016.06.02.
And renamed again from jekyll-tch-theme to jekyll-ttskch-theme at 2016.09.23.

Screen shot

Features

A lot of Markdown features (also GitHub Flavored Markdown)
:emoji: ready 👍
Easy color-scheme customization
Tags list page
Monthly Archives page
Search feature without any Jekyll plugins
 tag feature
Anchor links for each headings
Sticky side nav
Responsive
OGP ready
Share buttons ready

Getting started

Fork me
Rename the repository from jekyll-ttskch-theme to {username}.github.io (learn more)
Modify _config.yml
Modify _sass/base/_variables.scss if you need to change colors or font sizes
Add new posts into _posts/ 😃

Demo

You can see live demo at below:

https://ttskch.github.io/jekyll-ttskch-theme/

Thanks for using 😉

Please PR if you want to add your blog.

jekyll-ttskch-theme's People

Contributors

Stargazers

Watchers

jekyll-ttskch-theme's Issues

Use jekyll-feed instead of custom feed.xml

I think there is no need to implement RSS feed on your own. :)

how to reference images in markdown-compliant manner?

In markdown I usually reference images like

![](images/filename.png)

that seems NOT to work here.. any idea?

Add archive generation by jekyll-archives

https://github.com/jekyll/jekyll-archives should be able the generate various archive types for you.

searching with many words may cause problem

/asset/js/search.js ,line 38,it should be words = query.split('+'); instead of words = query.split(' ');

Because your search words will be joined by '+' in your program.

Disqus missing from post footers

I recently updated my local copy of this theme and I noticed that the DIsqus section is completely absent from posts now. _config.yml still has a Disqus parameter underneath google-analytics so I was wondering why Disqus doesn't appear on my posts anymore. Thanks.

In _layouts/default.html, language hard-coded to Japanese

In _layouts/default.html, the html tag is:

<html lang="ja">

It should read

<html lang="{{ site.language }}">

where _config.yml has a new top-level entry:

language: ja

liquid syntax warnings in default.html

Liquid Warning: Liquid syntax error (line 71): Expected dotdot but found pipe in "{{(site.pages | sort: 'order') }}" in /_layouts/default.html

with more recend jekyll versions (like 3.x.x) I get this warning

Favicon not working

The favicon isn't showing up in my site. I tried a bunch of different combinations locally but nothing seems to work for me, including hard coding the favicon path. For baseurl, I have tried the following:

baseurl: ""
baseurl:
baseurl: /

None of these worked. The favicon is still always missing. However, I was able to get the favicon to show up by doing the following:

baseurl: /blog

but that results in a 404 page.

math formula display

Hello,

I'm currently using this template for my blog. Very nice work! However, some math formulas can not show correctly. See http://xzenggit.github.io/en/2016/01/03/common-algorithms/. I'm not very familiar with the _config.yml file. Could you take a look of my _config.yml at https://github.com/xzenggit/en/blob/gh-pages/_config.yml and see if I need add some extensions ? Thank you very much.

Page https://ttskch.github.io/jekyll-ttskch-theme/:
- Issue 49b2bd16-1c15-4923-bdbd-723c3bb864a5:
  - Type: Error
  - Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
  - Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #767676.
  - Selector: html > body > footer > div > span
  - Context: <span>Powered by <a href="http://jeky...</span>
- Issue c4f58384-c530-4e4e-a0a5-97d770dc646e:
  - Type: Error
  - Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
  - Message: Anchor element found with a valid href attribute, but no link content has been supplied.
  - Selector: html > body > div > aside > div > ul:nth-child(3) > li:nth-child(3) > a
  - Context: <a href="https://twitter.com/ttskch" target="_blank"> <i class="fa fa-fw fa-...</a>
- Issue 8e5bad64-442f-4a0e-9239-567ca790140b:
  - Type: Error
  - Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
  - Message: Anchor element found with a valid href attribute, but no link content has been supplied.
  - Selector: html > body > div > aside > div > ul:nth-child(3) > li:nth-child(2) > a
  - Context: <a href="https://github.com/ttskch" target="_blank"> <i class="fa fa-fw fa-...</a>
- Issue f569633e-0524-49a4-8da0-90ff40ff333e:
  - Type: Error
  - Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
  - Message: Anchor element found with a valid href attribute, but no link content has been supplied.
  - Selector: html > body > div > aside > div > ul:nth-child(3) > li:nth-child(1) > a
  - Context: <a href="/jekyll-ttskch-theme/feed.xml"> <i class="fa fa-fw fa-...</a>
- Issue ecebcbd5-6a8a-4b33-a448-7c2dbe501a5f:
  - Type: Error
  - Code: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputSearch.Name
  - Message: This searchinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.
  - Selector: #search
  - Context: <input type="search" id="search" name="q" placeholder="Search">
- Issue 3dbd452b-1eaf-4139-8c5d-05f0533d3028:
  - Type: Error
  - Code: WCAG2AA.Principle3.Guideline3_2.3_2_2.H32.2
  - Message: This form does not contain a submit button, which creates issues for those who cannot submit the form using the keyboard. Submit buttons are INPUT elements with type attribute "submit" or "image", or BUTTON elements with type "submit" or omitted/invalid.
  - Selector: html > body > div > aside > div > div:nth-child(1) > form
  - Context: <form action="/jekyll-ttskch-theme/search"> <input typ...</form>
- Issue a14ba7e6-90a1-46a6-ba07-3d748ad6fde5:
  - Type: Error
  - Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
  - Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
  - Selector: html > body > div > div > div > article > header > p > img
  - Context: <img class="eye-catch" src="http://jekyllrb.com/img/logo-2x.png">
- Issue 8b3ce738-414e-40c8-a221-2c7ede65e560:
  - Type: Error
  - Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
  - Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.96:1. Recommendation: change text colour to #6e2300.
  - Selector: html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(4) > a
  - Context: <a class="tag" href="/jekyll-ttskch-theme/search/?t=theme">#theme</a>
- Issue 89cc689c-1861-43d8-bd61-1116c3de0129:
  - Type: Error
  - Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
  - Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.96:1. Recommendation: change text colour to #6e2300.
  - Selector: html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(3) > a
  - Context: <a class="tag" href="/jekyll-ttskch-theme/search/?t=jekyll">#jekyll</a>
- Issue c05b79e7-0fa8-448f-87ba-f6fd183766f2:
  - Type: Error
  - Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
  - Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.96:1. Recommendation: change text colour to #6e2300.
  - Selector: html > body > div > div > div > article > header > div:nth-child(1) > ul > li:nth-child(2) > a
  - Context: <a class="tag" href="/jekyll-ttskch-theme/search/?t=hello">#hello</a>
- Issue bf0dabed-a2da-49be-80c6-293160e53276:
  - Type: Error
  - Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
  - Message: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 1:1. Recommendation: change background to #9c3200.
  - Selector: html > body > div > div > div > article > header > div:nth-child(1) > h1 > a
  - Context: <a class="post-link" href="/jekyll-ttskch-theme/2015/01/01/hello/">Hello, Jekyll and TtskchTheme</a>
- Issue ad085947-436e-4f74-921a-4b7f9dad8338:
  - Type: Error
  - Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
  - Message: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
  - Selector: html > body > header > div > a
  - Context: <a href="/jekyll-ttskch-theme/"> <img class="avatar...</a>

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.

Description directive typos in default layout cause malformed HTML

There are a couple of cases in _layout/default.html where {{ site.description }} is simply {{ description }}, which leads to site generation errors.

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.