前言

最近发现有些云笔记可以实现Task List效果,使用的语法正是MarkDown语法,我觉得可以拿来提升文章的气质。
高逼格图

本地测试

将语法复制过来,开启本地服务,localhost:4000,中括号还是那个中括号,x还是那个x,只有那列表符效果还那么好。上传到GitHub之后,结果依旧。
Sublime 3

我觉得是SubLime 3不够专业,换了个MarkDownPad 2,结果没有两样。Sublime 3,对不起,哥错怪你了,以后你还是我的好崽。
最后才得知原来是Hexo不支持Tak List,没办法了,我动不了Hexo,看来是无望了。

HTML 标签

你以为我如此轻易地放弃吗?NO!哥我也是认真看过《MarkDown 入门使用》的人好么!其中有这么一句话:

支持Html标签

我突然往自己后脑一拍,啊呀,哥不正是程序员吗?尼玛有救了!废话少说,上代码!

  • input type=”checkbox”

    1
    <input type="checkbox" checked="checked" />

    点我可选

    Duang Duang Duang!看见复选框,眼泪都要出来了,平时见到这玩意从没这么激动过,突然有一种拯救世界的自豪感!还没完,复选框得设置成只读模式。

  • readonly

    readonly 属性规定输入字段为只读。

    1
    <input type="checkbox" checked="checked" readonly="readonly"/>

    点我还是可选

    复选框仍可选,达不到预期效果。

  • disable

    disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用,也不可点击,即不可进行任何交互操作(包括不可修改value属性、不可修改checked状态等)。

    1
    <input type="checkbox" checked="checked" disabled="disabled"/>

    点我不可选,可是我看起来很灰色

    1
    <input type="checkbox" disabled="disabled"/>

    点我不可选,可是我看起来很灰色

    复选框+只读,看起来需求基本实现了,可是我觉得它太灰了,难道还要加其他属性,不至于吧,这么复杂?世界又陷入了混沌……

  • onclick=”return false;”
    我陷入了沉思,时间过了很久,大约是五百年,直到有一篇博文出现在我的面前,幸好,我把它珍惜了!我重整代码,准备做最后的拼搏。

    1
    <input type="checkbox" checked="checked" onclick="return false;"/>

    点我不可选,而且我看起来很有气质

    Bingo!只读的复选框出锅咯!样式和颜色都非常棒!

小结

在我万念俱灰之时,原以为只是写过菜鸟看的《xxx入门》让我有了重新做人的自信,文档的重要性不容忽视!

当你迷茫时,请回到原地,也许你会走得更远。
——— Zhou

参考

Web开发:设置复选框的只读效果