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 主题。

• Host: GitHub
• URL: https://github.com/nihaojob/markdown-css-smartisan
• Owner: nihaojob
• License: mit
• Fork: true (sindresorhus/github-markdown-css)
• Created: 2021-03-15T23:27:20.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-09-24T11:56:54.000Z (about 2 years ago)
• Last Synced: 2024-09-25T21:16:17.626Z (about 2 months ago)
• Topics: markdown-css, markdown-theme
• Language: HTML
• Homepage: https://nihaojob.github.io/markdown-css-smartisan/
• Size: 2.65 MB
• Stars: 318
• Watchers: 2
• Forks: 44
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license

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.