登录 注册

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

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

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

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

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

  • 思源笔记

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

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

    26246 引用 • 109092 回帖
1 关注
1 收藏
2 赞同
24 回帖
7
3
3
2
2
2.2k 346 131 844 31 30 798

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Nofood • • 1
    捐赠者

    比方说编辑 蓝色.css 的时候，它会提醒你这个颜色（或代码）在 绿色.css 里用过？我不知道是否有编辑器能支持。现在大多数编辑器都支持重复项高亮。但应该满足不了你的需求。

    说到先定义选色规范。VS code 的插件 Color Manager 或许能帮到你。它可以自建调色板，这样不管是编辑哪个文件都能插入设定好的颜色。也能搜索代码中的颜色导入调色板。

    颜色拾取 1.gif

    你的主题配色很好看，不愧是学美术的。尤其使卷轴模式配上背景图。
    但是我的眼睛觉得太亮了。所以。。。暗色主题什么时候出，来个五彩斑斓的黑huaji

    1 回复
  • 其他回帖
  • StarDustSheep •
    作者

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

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

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

    image.png

    image.png

  • profox •
    付费者

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

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

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

    1 回复
  • StarDustSheep •
    作者

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

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

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

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

  • 查看全部回帖
StarDustSheep
今天你记笔记了吗？
回帖
152
 帖子
28
 积分
2223

近期热议

推荐标签 标签

  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 227 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    文档地址：sillot.db.sc.cn

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记，开发者尽最大努力与思源笔记保持兼容，但无法实现 100% 兼容
    29 引用 • 25 回帖 • 130 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件，打造你得心应手的工具集合。

    7 引用 • 28 回帖 • 2 关注
  • AWS
    11 引用 • 28 回帖 • 9 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    694 引用 • 537 回帖
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 122 关注
  • LaTeX

    LaTeX（音译“拉泰赫”）是一种基于 ΤΕΧ 的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在 20 世纪 80 年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 59 回帖 • 3 关注
  • 星云链

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

    3 引用 • 16 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 642 关注
  • 创业

    你比 99% 的人都优秀么？

    82 引用 • 1395 回帖
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    37 引用 • 157 回帖 • 2 关注
  • 百度

    百度（Nasdaq：BIDU）是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村，致力于向人们提供“简单，可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 69 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    315 引用 • 547 回帖
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    93 引用 • 122 回帖 • 618 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统，实现一个自托管的 Git 项目仓库，可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • flomo

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

    6 引用 • 143 回帖 • 1 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 48 关注
  • Kotlin

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

    19 引用 • 33 回帖 • 85 关注
  • TensorFlow

    TensorFlow 是一个采用数据流图（data flow graphs），用于数值计算的开源软件库。节点（Nodes）在图中表示数学操作，图中的线（edges）则表示在节点间相互联系的多维数据数组，即张量（tensor）。

    20 引用 • 19 回帖 • 4 关注
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖
  • 叶归
    12 引用 • 56 回帖 • 23 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎，采用 Java 语言编写，不受平台的限制，同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式，可以兼容一些主流的数据库，因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 670 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 1 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息，资讯有时效性和地域性。

    56 引用 • 85 回帖
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    35 引用 • 468 回帖 • 766 关注

最新标签