登录 注册

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

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

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

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

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

  • 思源笔记

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

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

    25295 引用 • 104414 回帖
1 关注
1 收藏
2 赞同
24 回帖
7
3
3
2
2
2.1k 346 126 790 27 30 733

相关帖子

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

欢迎来到这里！

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

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

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

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

    颜色拾取 1.gif

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

    1 回复
  • 其他回帖
  • Achuan-2 • via Android
    订阅者 先知

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

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

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

    1 回复
  • soltus •
    订阅者 捐赠者

    你好，Sofill- 主题很重视折叠标题效果，正在优化折叠标题文字立体感增强 ，你有什么好的建议吗 ❤️

    1 回复
  • StarDustSheep •
    作者

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

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

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

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

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

近期热议

推荐标签 标签

  • IBM

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

    17 引用 • 53 回帖 • 144 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 2 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等，它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比，Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面，而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 388 关注
  • AngularJS

    AngularJS 诞生于 2009 年，由 Misko Hevery 等人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 508 关注
  • 持续集成

    持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。

    15 引用 • 7 回帖 • 4 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 757 关注
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖 • 3 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 384 回帖 • 9 关注
  • V2Ray
    1 引用 • 15 回帖 • 2 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 676 关注
  • uTools

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

    7 引用 • 27 回帖 • 1 关注
  • OneNote
    1 引用 • 3 回帖 • 3 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    345 引用 • 742 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 22 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    588 引用 • 3538 回帖
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    79 引用 • 431 回帖
  • 分享

    有什么新发现就分享给大家吧！

    248 引用 • 1794 回帖 • 1 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    143 引用 • 442 回帖 • 2 关注
  • 思源笔记

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

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

    25295 引用 • 104414 回帖
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    92 引用 • 752 回帖 • 1 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 829 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    89 引用 • 1249 回帖 • 408 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    154 引用 • 1007 回帖

最新标签