Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 1 month 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.