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

开源最前线（ID：OpenSourceTop）猿妹整编

链接：https://github.com/nihaojob/markdown-css-smartisan

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

近日，猿妹在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

强烈推荐大家关注上面公众号

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

github仿android便签,有人在Github上用几行代码就造了个锤子便签
锤子便签,作为老罗的又一款设计感爆棚的产品,可能是史上最漂亮的便签应用,你或许会因它重新喜欢上记录和表达.它不仅可以输入文字,还支持插入图片.你还可以随时随地将便签内容生成精美的长微博或网页并分享. ...
php长图生成,用 3 行代码就可以生成好看的锤子便签图片（传入内容即可，俗称长微博）...
因为自己的站点需要生成长微博的服务,就用 php 做了一个 composer 上的包,并开源出来了~有需要的自己拿去~3 行代码调用即可.生成的图片仿锤子便签的~ php 文字生成图片(使用 comp ...
使用git在本地电脑与远程GitHub/gitlub库中clone别人的github上的远程仓库代码，找资源
使用git在本地电脑与远程GitHub/gitlub库中clone别人的github上的远程仓库代码,找资源 1.在自己电脑创建本地仓库先下载个Git 打开git bash,找一个存放所有git项目 ...
clone远程代码在不同电脑上git_如何使用git在本地电脑clone别人的github上的远程仓库代码...
如何使用git在本地电脑clone别人的github上的远程仓库代码背景操作步骤1.在自己电脑创建本地仓库2.git初始化设置.仓库的初始化以及绑定SSH秘钥3.fork别人的github项目,然后c ...
php 会员到期提醒_电脑上怎么在桌面加一个备忘记录提醒便签软件？
电脑是大家日常工作中离不开的一款工具,使用电脑不仅可查询工作中所需的重要信息,还可以在电脑上记录一些工作备忘.工作任务等,为了避免忘记记录在电脑上备忘事项,大家可以选择一些能够在电脑桌面上查看且支持设 ...
为什么Google上十亿行代码都放在同一个仓库里?
导读:相对于一般公司,Google 使用了单一代码仓库,很多人不理解为什么这么做.本文作者是谷歌基础设施小组的工程师,对这个问题进行了详细解读.译者在翻译过程中受益良多,也相信大家看完之后会认为自己还 ...
猜你喜欢代码替换_如何在 GitHub 上找到你要的代码?
GitHub 在开源世界的受欢迎程度自不必多言.再加上前阵子,GitHub 官方又搞了个大新闻:私有仓库改为免费使用,这在原来可是需要真金白银的买的.可见微软收购后,依然没有改变 GitHub 的定位 ...
GitHub开源：4行代码实现《黑客帝国》数字雨特效
黑客帝国可是经久不衰的科幻热血巨作,近期GitHub一位大神开源了科技感十足的模拟<黑客帝国>数字雨效果特效.使用终端256色支持的十个级别的"绿色",通过添加随机的亮 ...
github可以传java吗_如何在github上传本地项目代码（新手使用）----亲测使用
首先你要在github上申请一个账号然后你要下载一个git工具进入官网直接下载就行,下载完成后进入github首页,点击新项目new repository(新建),如下图所示: 然后进入如下页面, ...

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

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

最新文章

热门文章