登录 注册

没想到我只是学了个 CSS，就能感受到垃圾代码的恶臭了

本贴最后更新于 545 天前，其中的信息可能已经时异事殊

并没有系统地学习 CSS 的我虽然能写出来勉强能用的主题，但是我那混乱的代码已经堆积起来，让我难以修改问题、增添功能。没头没脑地用选择器和!important，还有每次手动用拾色器选个颜色弄出个新颜色代码用来声明，感觉整个主题的代码混乱不堪，我自己都快绷不住了。

虽然 pink-room 下载量也几百了，但没什么人反馈，github 上也没有 issue。感觉不到使用者的存在，着实有点没有修复缺陷和改进的动力。

过段时间(指不知道啥时候)一定得重构，不然这主题没法写了。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    18611 引用 • 69255 回帖
1 关注
1 收藏
2 赞同
24 回帖
7
3
3
2
2
1.6k 336 126 432 16 30 609

相关帖子

24 回帖
没想到我只是学了个 CSS，就能感受到垃圾代码的恶臭了

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • StarDustSheep •
    作者

    我并未学过计算机，对 CSS 的学习了解很浅，很多功能和效果不知道怎么做才好。所以是尽量不在原版上做过多修改，一加功能，就有可能有各种问题需要解决（我在群里看他们经常为了这些功能做了很多工作），我觉得目前我是没能力和精力加上太多功能。

    隐藏顶栏有个问题是鼠标直接移动到屏幕边缘试图点击页签的时候，其实会点到顶栏，故不能进行页签跳转。这和使用浏览器时轻松拖动鼠标滑到顶部就能切换页签的体验不一样，所以我一直觉得这个设计还是有很大缺陷，体验不是很好，所以没想去做过。

    至于侧栏，新版本思源可以在右下角手动隐藏了。

    一键切换颜色的功能是 Dark+ 作者帮我弄的 😂 ，我不会 JS。因为有些人不是很喜欢粉色嘛，实际上粉色界面确实容易让人思绪躁动起来，有些难以专心。所以我就做在界面结构没变的情况下又做了两套配色。

  • 其他回帖
  • profox •
    付费者

    哈哈 我也常用粉色主题的，那也说两句：

    标题与上下块的间距，可否不要搞成目前的等距？我建议尝试一下上宽下窄。

    逻辑是这样的：标题是向上分断，向下包含的。距离上块距离宽，有分离分段感；距离下块距离稍窄，有引领聚合感。

    1 回复
  • StarDustSheep •
    作者

    加上这个数字是因为……思源默认的字色和下面的背景色啊，有些难以区分。尤其是背景色，太浅了，在白色的菜单背景上很难找到自己要找的那个颜色，有个数字就能比较方便地定位用。

    不过我最大的疑问就是，有多少人是在用思源这个默认的字色和底色，如果用，那用哪几个比较多呢……由于思源默认字体样式的局限性很大，不少主题都搞了自己新的标准。而我怕使用默认样式的人很多，且已经做了不少标注了，所以就没修改默认的字色和底色的标准，以免用户被主题的字体样式标准“绑架”。

    最近加入的公共 CSS 片段应该能解决这个问题，我会再研究研究其他主题的标准，看看要不要也将我自己的标准变成默认。当用户能容易找到自己想要的样式的话，也就不需要这什么编号了。

    image.png

    image.png

  • Achuan-2 •
    订阅者 先知

    其实我觉得主题首先是自己用，在有余力的情况下再考虑别人的需求。

    所以就不要想太多啦，像我现在更新主题，纯粹就是为了方便我自己多个设备下载用，也不太管别人的反馈。

    当然如果你是想通过做主题学习 css，然后再学前端 js 开发的话，那确实得花点心力。如果只是想好好做一个主题，就不要想太多啦，社区优秀的主题都是花了很多时间一点点迭代的

    1 回复
  • 查看全部回帖
StarDustSheep
今天你记笔记了吗？
回帖
140
 帖子
26
 积分
1905

近期热议

推荐标签 标签

  • Gitea

    Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证。

    4 引用 • 16 回帖 • 2 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司（简称：阿里巴巴集团）是以曾担任英语教师的马云为首的 18 人，于 1999 年在中国杭州创立，他们相信互联网能够创造公平的竞争环境，让小企业通过创新与科技扩展业务，并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 242 关注
  • IBM

    IBM（国际商业机器公司）或万国商业机器公司，简称 IBM（International Business Machines Corporation），总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国，是全球最大的信息技术和业务解决方案公司，拥有全球雇员 30 多万人，业务遍及 160 多个国家和地区。

    16 引用 • 53 回帖 • 118 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 512 关注
  • RESTful

    一种软件架构设计风格而不是标准，提供了一组设计原则和约束条件，主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。

    30 引用 • 114 回帖 • 3 关注
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 401 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”，在线用户由 1999 年的 2 人（马化腾和张志东）到现在已经发展到上亿用户了，在线人数超过一亿，是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖 • 227 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 25 关注
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • 友情链接

    确认过眼神后的灵魂连接，站在链在！

    24 引用 • 373 回帖 • 4 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    51 引用 • 37 回帖
  • GAE

    Google App Engine（GAE）是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 683 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React 和 Angular。

    311 引用 • 1666 回帖 • 2 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1083 引用 • 3461 回帖 • 286 关注
  • flomo

    flomo 是新一代 「卡片笔记」 ，专注在碎片化时代，促进你的记录，帮你积累更多知识资产。

    3 引用 • 80 回帖 • 1 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    164 引用 • 594 回帖 • 1 关注
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    89 引用 • 113 回帖 • 1 关注
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

    22 引用 • 31 回帖 • 3 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 549 关注
  • 钉钉

    钉钉，专为中国企业打造的免费沟通协同多端平台， 阿里巴巴出品。

    15 引用 • 67 回帖 • 370 关注
  • Oracle

    Oracle（甲骨文）公司，全称甲骨文股份有限公司（甲骨文软件系统有限公司），是全球最大的企业级软件公司，总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年，甲骨文已超越 IBM，成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 452 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 521 关注
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    108 引用 • 54 回帖 • 1 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 457 关注
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 5 关注

最新标签