分类
公众号「0加1」

Kr008《markdown实用技巧》Markdown折叠内容妙法?


title: Kr008《markdown实用技巧》Markdown折叠内容妙法?

zhaoolee去年在Github创建了谷粒-Chrome插件英雄榜项目, 是一本Chrome插件(扩展工具)的中文说明书, 为的是让Chrome插件造福人类,截止2020年5月4号,已经更新了70篇图文并茂的文章, 收到了15K的Star

Github项目主页: https://github.com/zhaoolee/ChromeAppHeroes

国内主页: http://v2fy.com/ChromeAppHeroes

项目主页挂了赞赏码, 每当有人捐赠,我就会把捐赠时间,昵称,金额 挂到主页比较靠前的位置

但随着捐赠数量的增多, 捐赠名单就会变长, 为了让主页保持良好的阅读体验,我尝试把名单折叠一下, 只保留最新的20位

GitHub默认支持Markdown,但Markdown原生不支持内容折叠的操作,经过我的一番努力,最终以简单代码方式实现了捐赠名单的折叠

实现的效果

实现的方式很简单

下面是显示三个,折叠三个的写法

| 赞赏金额 | 赞赏者 | 赞赏时间 |
| --- | --- | --- |
| 5.00 | 虚拟世界 | 2002-04-27 |
| 5.00 | 无名雍羽 | 2020-04-24 |
| 30.00 | 张明辉(极简插件站长) | 2020-04-21 |

<details>
<summary>点击展开历史捐赠</summary>
<pre>
<table>
<thead>
</thead>
<tbody>
<tr>
<td>5.00</td>
<td>半岛铁盒</td>
<td>2019-09-14</td>
</tr>
<tr>
<td>12.34</td>
<td>张明辉</td>
<td>2019-08-20</td>
</tr>
<tr>
<td>10.00</td>
<td>六小登登</td>
<td>2019-09-05</td>
</tr>
</tbody>
</table>
</pre>
</details>

节目游戏PPT可以省了

以上方法还可以用于你问我猜, 脑筋急转弯之类的小节目,用Markdown展示问题,隐藏内容,连PPT都省了

只需将以下文本用Typora打开即可

Typora免费下载地址: https://typora.io/#download

#### 冬瓜、黄瓜、西瓜、南瓜都能吃,什么瓜不能吃?

<details>
<summary>点击显示答案</summary>
<pre>
傻瓜
</pre>
</details>


#### 小华在家里,和谁长得最像?

<details>
<summary>点击显示答案</summary>
<pre>
自己
</pre>
</details>


#### 什么车子寸步难行?

<details>
<summary>点击显示答案</summary>
<pre>
风车
</pre>
</details>

小结:

还有一个小技巧,如果你想让自己的名字,关键词,或一部分信息被Google收录,把这些信息加到Github的Star数量较多仓库, 是一个好办法, 因为Google对Github高Star仓库的权重排名是很高的,比如我的项目名为谷粒-Chrome插件英雄榜
我搜索谷粒关键词

GitHub的权重比百度百科还要要高, 这也是我不想把捐赠者名字移出README.md的原因~

发表评论

电子邮件地址不会被公开。 必填项已用*标注