錘子便簽，作為老羅的又一款設計感爆棚的產品，可能是史上最漂亮的便簽應用，你或許會因它重新喜歡上記錄和表達。它不僅可以輸入文字，還支持插入圖片。你還可以隨時隨地將便簽內容生成精美的長微博或網頁并分享。

[[393307]]

近日，猿妹在GitHub上看到有人用幾行代碼就做出了一個基于錘子便簽的markdown主題。這樣一來，無論在哪里都能使用錘子便簽的樣式，猿妹只能說這位創建者真是愛慘了錘子便簽。

這個項目雖然只有11個Star，但卻有1700個分支。

你可以通過這個網址在線體驗一下，或者預覽一下它的界面，和錘子便簽進行一個對比，看看是不是一樣美觀。（地址：https://nihaojob.github.io/markdown-css-smartisan/examples/index.html）

markdown-css-smartisan安裝

從CDNJS手動下載，或者使用npm或yarn下載：

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

用法

導入github-markdown.css文件，然后將markdown-body類添加到渲染的Markdown的容器中，并為其設置寬度。

import 'markdown-css-smartisan' 

如果要突出顯示代碼語法，請使用從GitHub /markdownAPI呈現的GitHub Flavored Markdown 。

<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/markdown-css-smartisan/github-markdown.css" /> 
 
<style> 
 
.markdown-body { 
 
width: 80%; 
 
margin: 0 auto; 
 
} 
 
</style> 
 
<article class="markdown-body"> 
 
<h1>Unicorns</h1> 
 
<p>All the things</p> 
 
</article> 

最后附上GitHub地址：https://github.com/nihaojob/markdown-css-smartisan