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

时间:2021-05-02

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

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

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

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

markdown-css-smartisan安装

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

  • #usenpm
  • $npminstallmarkdown-css-smartisan
  • #useyarn
  • $yarnaddmarkdown-css-smartisan
  • 用法

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

  • import'markdown-css-smartisan'

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

  • <metaname="viewport"content="width=device-width,initial-scale=1">
  • <linkrel="stylesheet"type="text/css"href="https://cdn.jsdelivr.net/npm/markdown-css-smartisan/github-markdown.css"/>
  • <style>
  • .markdown-body{
  • width:80%;
  • margin:0auto;
  • }
  • </style>
  • <articleclass="markdown-body">
  • <h1>Unicorns</h1>
  • <p>Allthethings</p>
  • </article>
  • 最后附上GitHub地址:https://github.com/nihaojob/markdown-css-smartisan

    原文地址:https://mp.weixin.qq.com/s?__biz=MzA3NzA2MDMyNA==&mid=2650359154&idx=1&sn=0c68da34ed7f0ee92d0b15060ae68946&chksm=875a24f9b02dadefb6dc1ca7098960d62d1d8b2cf3cfa14917e91b721a0b656b3c881cc78804&mpshare=1&

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章