kailoon.com

KO | EN

gitlite — search

#python #react #ai #typescript #go #android #linux #java #awesome #cli #awesome-list #pytorch #security #ios

(★ 64)

My simple portfolio blog built using 11th and tailwindcss.

kailoon.com 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

My simple portfolio blog built using [11ty](https://www.11ty.dev/) and [tailwindcss](http://tailwindcss.com/) based on [11ty base blog](https://github.com/11ty/eleventy-base-blog) Now come with dark mode.

### Shortcodes

**Responsive gallery** or single image using srcset via cloudinary, output webp format.
]

```
{% respimg path, alt, style %}

eleventyConfig.srcsetWidths = [
  { w: 400, v: 400 },
  { w: 600, v: 600 },
  { w: 800, v: 800 },
  { w: 1200, v: 1200 },
  { w: 1440, v: 1440 }
```

**(figure) Image** with caption tag.

```
{% figure path, alt %}
```

### Features

1. Convert external links to target \_blank and noreferrer for better SEO optimisation, using [markdown-it](https://www.npmjs.com/package/markdown-it) & [markdown-it-link-attributes](https://www.npmjs.com/package/markdown-it-link-attributes) plugins.

```
/* Markdown Overrides */
let markdownLibrary = markdownIt({
  html: true,
  breaks: true
}).use(markdownitlinkatt, {
  pattern: /^(?!(https:\/\/kailoon\.com|#)).*$/gm,
  attrs: {
    target: '_blank',
    rel: 'noreferrer'
  }
})
eleventyConfig.setLibrary('md', markdownLibrary)
```

2. Draft post enabled.
3. Responsve images using srcset
4. Cloudinary and Netlify ready.
5. score 4 x 100 in Google lighthouse.
6. CSSnano (minify) ready.

![](https://res.cloudinary.com/kailoon/image/upload/v1613408502/kailoon.com/Screenshot_on_2021-02-14_at_19-06-24.png)

### Installation

1. Clone or download this repo and run `npm install`.
2. Remove unwated posts / works.
3. Update the site info in `metadata.json`.
4. Update the homepage info `in data.json`.
5. Update `about.md`.
6. Go nuts :)

Hope you like it ❤️

### Update

The current site is built with Nextjs and hosted on Vercel and can be found [here](https://github.com/kailoon/kailoon-next). However, I will continue to maintain this repo.

kailoon.com

kailoon.com 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

kailoon.com

kailoon.com 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README