首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有人在Github上用几行代码就造了个锤子便签

锤子便签,作为老罗的又一款设计感爆棚的产品,可能是史上最漂亮的便签应用,你或许会因它重新喜欢上记录和表达。它不仅可以输入文字,还支持插入图片。你还可以随时随地将便签内容生成精美的长微博或网页并分享。

近日,猿妹在GitHub上看到有人用几行代码就做出了一个基于锤子便签的markdown主题。这样一来,无论在哪里都能使用锤子便签的样式,猿妹只能说这位创建者真是爱惨了锤子便签。

这个项目虽然只有11个Star,但却有1700个分支。

你可以通过这个网址在线体验一下,或者预览一下它的界面,和锤子便签进行一个对比,看看是不是一样美观。(地址:https://nihaojob.github.io/markdown-css-smartisan/examples/index.html)

markdown-css-smartisan安装

从CDNJS手动下载,或者使用npm或yarn下载:

代码语言:javascript
复制
#?use?npm??$?npm?install?markdown-css-smartisan??#?use?yarn??$?yarn?add?markdown-css-smartisan?

用法

导入github-markdown.css文件,然后将markdown-body类添加到渲染的Markdown的容器中,并为其设置宽度。

代码语言:javascript
复制
import?'markdown-css-smartisan'?

如果要突出显示代码语法,请使用从GitHub /markdownAPI呈现的GitHub Flavored Markdown 。

代码语言:javascript
复制
<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

  • 发表于:
  • 原文链接http://news.51cto.com/art/202104/657492.htm
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券
http://www.vxiaotou.com