推荐 - 制作好看的mdx需要的HTML和CSS基础知识

johannhuang · 发表于 2019-9-10 17:40:40

本帖最后由 johannhuang 于 2020-4-14 19:59 编辑

在论坛里面受益挺大的，也得到过不少坛友的帮助（虽然也受到过不少忽视，还是以君子之心去度，应该是对方太忙了吧）。
其实我自己也挺想围绕mdx练练手的，个人而言，我觉得mdx这种存储格式的设计确实很棒。而且最棒的是采用了前端开发里面的HTML+CSS+JS技术栈。

因为我自己之前是做Web开发的（现在已经转行了），所以对mdx有特别的好感，也想做个mdx相关的应用什么的。不过呢，时间总是个非常非常奢侈的东西，尤其是在咱们国家，尚在一线的年轻一代劳动人民还是有点点身心俱疲的。（房租啊，房子啊，不多说了，容易跑偏）

话说回来，想做点什么的心思一直有，等什么时间闲一些了再弄弄小工具吧。目前呢，虽然没工夫造轮子，但是做一做相关推荐，引一引有兴趣的坛友上路还是可以的。

制作过mdx的坛有应该都知道，mdx的词条是使用HTML+CSS进行书写和排版的，同时因为词典软件内嵌的浏览器内核配置并没有禁止JavaScript脚步，所以mdx制作和Web前端开发其实没什么本质区别。

因为在前端开发方面也算是投入过不少精力的，所以看到相关资料也会不由得瞧一瞧。
有点挂羊头卖狗肉的嫌疑哈，因为slideshare不允许下载，所以推荐两个资料链接。以专业的前端开发者视角推荐，值得有兴趣的同学学习学习。

HTML: JSF 2.2 Tutorial: XHTML for JSF Developers -- A VERY Quick Overview
CSS: JSF 2.2 Tutorial: CSS for JSF Developers -- A VERY Quick Overview

不要被标题迷惑（为了稍微给你们点阅读的信心，标榜一下自己，沙里淘金也表示作为专业前端开发的专业），虽然是为JSF写的，个人看过之后觉得这个作者应该是很厉害的人，比很多前端开发者对HTML和CSS的梳理的都细致和合理。

看完之后，相信你们能对为什么是`<br>`而不是`<br />`或者`<br></br>`有合理的认识吧；如果真的看了，信息你们也能鉴别什么是真正良心制作的mdx了（良心制作至少HTML和CSS不会到处冗余，四处残缺吧；虽然Chromium的强大一方面也就是其容错性）；如果真的看懂了，相信你们制作超七星的排版也是可以的（毕竟超星是在挑战已经吐血整理了，必然需要更多心血，没有足够时间和精力还是别妄言，这里只是说可能性哈）

关于JavaScript的，暂时不推荐，因为这个话题有些难度，全面准确性难保障。（也许以后碰上好资料还是会忍不住分享给大家的。）
毕竟授人以渔，才有机会吃别人钓的鱼嘛。而且数字化的鱼，是分享一条多一条。硬盘坏了，也能非物理修复嘛～

助人为乐，给过别人指导和帮助，都算是老师吧！
大家教师节快乐哈。

(PS：应该归类是资料吧，要是归类错误，还请版大指教。)