Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nihaojob/markdown-css-smartisan

按照锤子便签调整的markdown-css 主题。
https://github.com/nihaojob/markdown-css-smartisan

markdown-css markdown-theme

Last synced: about 1 month ago
JSON representation

按照锤子便签调整的markdown-css 主题。

Awesome Lists containing this project

README

        

# markdown-css-smartisan

> 一个基于锤子便签的markdown主题。

[体验编辑器](https://nihaojob.github.io/markdown-css-smartisan/examples/index.html)
[](https://nihaojob.github.io/markdown-css-smartisan/examples/index.html)

Markdown 主题
[](https://nihaojob.github.io/markdown-css-smartisan)

## [Demo](https://nihaojob.github.io/markdown-css-smartisan)
可以[体验编辑器](https://nihaojob.github.io/markdown-css-smartisan/examples/index.html)
, 或[预览](https://nihaojob.github.io/markdown-css-smartisan)我们的主题,和[锤子便签](https://yun.smartisan.com/apps/note/md.html)对比一下。

## Install

Download [manually](https://github.com/nihaojob/https://nihaojob.github.io/markdown-css-smartisan/blob/main/github-markdown.css), from [CDNJS](https://cdn.jsdelivr.net/npm/markdown-css-smartisan/github-markdown.css), or with npm or yarn:

```shell
# use npm
$ npm install markdown-css-smartisan
# use yarn
$ yarn add markdown-css-smartisan
```

## Usage

```bash
import 'markdown-css-smartisan'
```
Import the `github-markdown.css` file and add a `markdown-body` class to the container of your rendered Markdown and set a width for it.

```html

.markdown-body {
width: 80%;
margin: 0 auto;
}

Unicorns


All the things

```

If you want code syntax highlighted, use GitHub Flavored Markdown rendered from [GitHub's `/markdown` API](https://docs.github.com/en/free-pro-team@latest/rest/reference/markdown).

## How

See [`generate-github-markdown-css`](https://github.com/sindresorhus/generate-github-markdown-css) for how it's generated and ability to generate your own.