Coder Social home page Coder Social logo

jekyll-simple's Introduction

jekyll-simple

simple

simple is a theme designed for blogger using static site generator like jekyll, Hexo etc.

Especially for those who writes in both Chinese and English. The font-type setting looks really good when writers use Chinese mixed with English.

Supposedly, this could work with Japanese as well but never had a chance to try.

Story behind this theme

It has been long that using font with Chinese in web was a tedious and time-consuming work. It would be almost impossible to make different OS or devices to look the same.

iOS 9 has pulished some new fonts in Chinese and I decided to make one theme that looks good on iOS devices, at the same time, making it acceptable on computers using other fonts.

So mobile goes first, then the macOS.

^-^

You can click the button Say Thanks! at the first of README if you use/like my project. :D

Thanks you guys, I got a lot of thanks from people.

image

  • And more

image

jekyll-simple's People

Contributors

wild-flame 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

jekyll-simple's Issues

TODOs

Top priority:
移动视图优先。

  • Home Page
    • 翻页功能
    • Category / tags
    • 显示作者的名字和头像

  • post page
    • 调整段落之间的间距。
    • font-type 还有字体的 weight

  • header
    • 改名字
    • 当小于 palm (401px) 时改变显示模式

  • footer

考虑是否把页脚放在右边栏的位置。

  • archive page
    • 当屏幕变小时隐藏标题

Sometime Future

  • SEO (won't do this in this version)

Unwanted space after apostrophe

After every apostrophe (e.g. the one in "You'll") the template adds a lot of unwanted space, so you see something like the following:
jekyll_simple_issue
Do you have any idea of what could be producing this?

spaces after apostrophe are too large

Words with an apostrophe get a large space after the apostrophe. I don't know what setting is causing this spacing issue.

Syntax ends up looking like this:

won' t
can' t
don' t
wasn' t

Code block background inconsistent for long lines with horizontal scrolling

Markdown code block using four spaces:

    #EXTM3U
    #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=500000,CODECS="avc1.4d002a",RESOLUTION=1526x856,CLOSED-CAPTIONS=NONE
    500000/index.m3u8
    #EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=200000,CODECS="avc1.4d002a",RESOLUTION=762x424,CLOSED-CAPTIONS=NONE
    200000/index.m3u8

Screenshot
Screenshot from 2020-07-13 19-59-18

The whole div isn't big enough
Screenshot from 2020-07-13 20-20-05_crop

Links in header still clickable on mobile even when header is collapsed.

To see this bug -

  1. Visit http://danielmoore.us on Chrome.
  2. Open the developer console (Ctrl + Shift + I) and click the phone icon in the top left to enter responsive mode. Choose a phone like "IPhone X".
  3. Click directly below "Daniel Moore" at the top of the page. An invisible link will be clicked!

(The same issue is visible at http://wild-flame.github.io/jekyll-simple )

I'm not sure how to fix this myself. Would really appreciate help.

Theme seems to be not working?

Hello!

I have tried to use your jekyll-simple theme but strange things are happening. Could you please take a look at kawapa.github.io? What could be the problem? Please help.

Best regards!
P

SEO

This will be implemented in the next version.

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.