GithubHelp home page GithubHelp logo

aweekj / kiko-now Goto Github PK

View Code? Open in Web Editor NEW
215.0 7.0 391.0 8.64 MB

Build a Jekyll blog in minutes, without touching the command line.

Home Page: https://aweekj.github.io/kiko-now

License: MIT License

HTML 42.19% CSS 54.05% Ruby 3.76%

kiko-now's Introduction

Kiko Now

Read this in other languages: English, 한국어.

Jekyll is a static site generator that's perfect for GitHub hosted blogs (Jekyll Repository)

Kiko Now is a Jekyll theme based on Jekyll Now, following the philosophy of Jekyll Now, which makes it easier to create your Jekyll blog, by eliminating a lot of the up front setup.

Kiko Now Theme Screenshot

Quick Start

Step 1) Fork Jekyll Now to your User Repository

Fork this repo, then rename the repository to yourgithubusername.github.io.

Your Jekyll blog will often be viewable immediately at https://yourgithubusername.github.io (if it's not, you can often force it to build by completing step 2)

Step 2) Customize and view your site

Enter your site name, description, avatar and many other options by editing the _config.yml file. You can easily turn on Google Analytics tracking, Disqus commenting and social icons here too.

Making a change to _config.yml (or any file in your repository) will force GitHub Pages to rebuild your site with jekyll. Your rebuilt site will be viewable a few seconds later at https://yourgithubusername.github.io - if not, give it ten minutes as GitHub suggests and it'll appear soon

There are 3 different ways that you can make changes to your blog's files:

  1. Edit files within your new username.github.io repository in the browser at GitHub.com (shown below).
  2. Use a third party GitHub content editor, like Prose by Development Seed. It's optimized for use with Jekyll making markdown editing, writing drafts, and uploading images really easy.
  3. Clone down your repository and make updates locally, then push them to your GitHub repository.

_config.yml

Step 3) Publish your first blog post

Edit /_posts/2017-10-08-hello-world.md to publish your first blog post. This Markdown Cheatsheet might come in handy.

First Post

You can add additional posts in the browser on GitHub.com too! Just hit the + icon in /_posts/ to create new content. Just make sure to include the front-matter block at the top of each new blog post and make sure the post's filename is in this format: year-month-day-title.md

Frontmatter

---
layout: post
title: "post title"
tags: [tag1, tag2, tag3]
comments: true
---

Local Development

  1. Install Jekyll and plug-ins in one fell swoop. gem install github-pages This mirrors the plug-ins used by GitHub Pages on your local machine including Jekyll, Sass, etc.
  2. Clone down your fork git clone https://github.com/yourusername/yourusername.github.io.git
  3. Serve the site and watch for markup/sass changes jekyll serve
  4. View your website at http://127.0.0.1:4000/
  5. Commit any changes and push everything to the master branch of your GitHub user repository. GitHub Pages will then rebuild and serve your website.

Questions?

Open an Issue and let's chat!

kiko-now's People

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

kiko-now's Issues

thank you for theme!!! i have a question

image

What is the role of the comments?

comments : true 이 옵션이 어디에서 사용되는지 궁금합니다.
전체적으로 코드를 살펴봤는데도 이유을 모르겠습니다.ㅠㅠㅠ

Class attribute typo

In index.html file there's a <div clsss="meta">. I assume it's a typo and it should be <div class="meta">.

Support jekyll 4.0.0

Jekyll 4.0.0 has released.

  • Resolve dependency issue such as 👇👇👇
    Dependency Error: Yikes! It looks like you don't have jekyll-feed or one of its dependencies installed. In order to use Jekyll as currently configured, you'll need to install this gem. If you've run Jekyll with bundle exec, ensure that you have included the jekyll-feed gem in your Gemfile as well. The full error message from Ruby is: 'cannot load such file -- jekyll-feed' If you run into trouble, you can find helpful resources at https://jekyllrb.com/help/!
    ------------------------------------------------
    Jekyll 4.0.0 Please append --trace to the serve command
    for any additional information or backtrace.
    ------------------------------------------------

Two H1 tags on a page

There are two h1 tags on a page. For instance on the tags page. One in the header and the second one in the main section.
It is recommended to have only one h1 tag per page.

질문이있습니다.

Your site is having problems building: The file vendor/bundle/ruby/2.6.0/gems/jekyll-4.0.0/lib/site_template/_posts/0000-00-00-welcome-to-jekyll.markdown.erb does not have a valid date in the YAML front matter. For more information, see https://docs.github.com/github/working-with-github-pages/troubleshooting-jekyll-build-errors-for-github-pages-sites#invalid-post-date.

이 에러를 해결하고싶습니다.
새로운 이슈인건가요 아니면 잘못된 세팅인걸까요^^

Why does everything appear in the list?

Hi.
Even if it's awkward by turning the translator, please understand.
Like the picture below, all the contents of the article are shown in the list.
image

But all I want is to see the first line of text. like this.
image

If the text is long, I want to make it visible by clicking 'Read More'.
The code below is my code.

---
layout: post
title: "git 정리1"
tags: [git]
comments: true
---

저장소 종류, 커밋 히스토리, 되돌리기, non-fast-forward 

---

### 저장소 종류

I hope you can help.
thank you.

About parsing content in `<pre>` tag

Good morning!

I found that the content in <pre></pre> could not be rightly parsed in kiko-now. Actually, I remembered that in Kiko-plus, content between <pre> and </pre> tag could be rightly parsed.

Here is an example of <pre></pre> in kiko-now:

  • Markdown text: markdown-text.png
  • Preview in offline editor: preview-in-offline-editor.png
  • Preview on Git Page using kiko-now, which failed to parse the <pre></pre>: preview-on-web.png

If you need my relative online reference, here is the link:

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.