登录 注册

分享一个自制主题

本贴最后更新于 418 天前，其中的信息可能已经东海扬尘

PBook2.zip
很简陋因为技术差，代码很短。本来想做完传到集市，但发现水平有限，做不出来。

希望有大佬看到后能做个类似类型的传到集市上。

我想的是做一个模拟印刷制品的笔记主题，引述和页签都像真实的小纸条贴在书本上一样。

1.png
2.png
3.png
其实就是简单的混合模式叠加，但是我发现白底的图片会像真的印在纸上一样，还挺好看的。

  • 思源笔记

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

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

    19809 引用 • 75837 回帖 • 1 关注
长春 位置
11 感谢
1 关注
3 收藏
6 赞同
16 回帖
5
1.6k 398 71 622 2 31 34 453

相关帖子

16 回帖
分享一个自制主题

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • chenshinshi •
    订阅者

    有点意思，表格的样式改的不错，很有启发性，左上圆角以及透明双色底很美观，我之前不太喜欢思源的双色底但这回是见识到它的可观赏性了。

    文档标题也很有意思，很有杂志特点。

    希望作者能继续跟着兴趣开发新样式。

    俺自己的表格长这样

    image.png

    1 回复
  • chenshinshi •
    订阅者

    顺便问一下图片是后期处理过透明色还是使用了代码处理的？确实很好看，可惜不是经常能做出这样的图片（元图片不太好的话）。

    1 回复
  • zxhd86 • • 1 赞同
    订阅者 先知

    很有特色的主题，我认为不上架就是所有看不到这个帖子的用户的损失 😂

  • DWY •
    订阅者 捐赠者

    求代码分享！

    1 回复
  • lifthrasir •
    订阅者 作者

    屏幕截图 20230512142331.png
    浅色背景就效果好一些

  • chenshinshi • • 1 • 1 赞同
    订阅者 
    .b3-typography table,
.protyle-wysiwyg table {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 2px solid #ba929d; 
    border-left: 2px solid #ba929d;
    border-bottom: none;
    border-right: none;
    font-size: 90%;
    line-height: 1.625em !important;
}
.b3-typography table tr td, .b3-typography table tr th, .protyle-wysiwyg table tr td, .protyle-wysiwyg table tr th {
    background-color: rgba(255,255,255,0) !important;
    border-spacing: 0;
    border-top: none;
    border-left: none;
    border-right: 2px solid #ba929d;
    border-bottom: 2px solid #ba929d;
}
th {
    text-align: center;
}

.b3-typography table td, .b3-typography table th, .protyle-wysiwyg table td, .protyle-wysiwyg table th {
    padding: 8px 12px;
}
    1 引用
  • czj2022 •
    付费者

    很有趣的主题，看起来就像是印刷的中学课本一样，支持一下

  • yjmsiyuan •

    代码段比主题更容易让大家使用

  • qiuqiao •
    订阅者 付费者 支持者

    很有特色的主题，为什么不上架集市呢？

  • DayDreamerr •
    付费者

    挺好看的呀

  • GloR •
    付费者

    确实很有特色了，加油！

  • chenshinshi • • 2 • 1 评论
    订阅者

    你好！我想上传你的主题到集市！需要修改一些小 bug 如纸张背景有时会不显示以及一些小细节，可能还需要和你交流显示效果，可以私下联系吗？我的 qq 是 1924016547

    今天用了一下，一见钟情，感谢两位大佬
    ilovesiyuan •
  • chenshinshi •
    订阅者

    image.pngimage.png

    image.png

    image.png

  • Dominic-Z •
    付费者 捐赠者

    字体看着很顺眼

  • 9814X • • 1 赞同
    订阅者 支持者 捐赠者

    希望能够上架集市，没有上架的话，会很伤心的；看起来太棒了

  • ebird98 •
    付费者 捐赠者

    目前集市的这个主题版本，在显示新版思源更新内容的时候，会有“空白”挡住当中的更新内容显示。

请输入回帖内容 ...
lifthrasir
长春
回帖
12
 帖子
6
 积分
815

近期热议

推荐标签 标签

  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 24 关注
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    11 引用 • 5 回帖 • 582 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    45 引用 • 113 回帖 • 284 关注
  • Typecho

    Typecho 是一款博客程序，它在 GPLv2 许可证下发行，基于 PHP 构建，可以运行在各种平台上，支持多种数据库（MySQL、PostgreSQL、SQLite）。

    12 引用 • 60 回帖 • 457 关注
  • 小说

    小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 552 关注
  • Hadoop

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

    84 引用 • 122 回帖 • 619 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘（Capacitive Keyboard）。

    5 引用 • 74 回帖 • 422 关注
  • 黑曜石

    黑曜石是一款强大的知识库工具，支持本地 Markdown 文件编辑，支持双向链接和关系图。

    A second brain, for you, forever.

    10 引用 • 88 回帖
  • 30Seconds

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

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

    这是一个不能说的秘密。

    120 引用 • 597 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • Kubernetes

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

    109 引用 • 54 回帖 • 2 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 41 关注
  • 链滴

    链滴是一个记录生活的地方。

    记录生活，连接点滴

    140 引用 • 3720 回帖
  • 七牛云

    七牛云是国内领先的企业级公有云服务商，致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景，七牛先后推出了对象存储，融合 CDN 加速，数据通用处理，内容反垃圾服务，以及直播云服务等。

    26 引用 • 222 回帖 • 170 关注
  • B3log

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

    1083 引用 • 3461 回帖 • 262 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具，助力您的学习与思考，让您的大脑更高效的记忆。

    笔记整理交给我，一心只读圣贤书。

    1 引用 • 1 回帖 • 2 关注
  • LaTeX

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

    9 引用 • 32 回帖 • 152 关注
  • PHP

    PHP（Hypertext Preprocessor）是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点，主要适用于 Web 开发领域，据说是世界上最好的编程语言。

    165 引用 • 407 回帖 • 514 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库，并提供多种语言的 API。从 2010 年 3 月 15 日起，Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始，Redis 的开发由 Pivotal 赞助。

    284 引用 • 247 回帖 • 148 关注
  • jsoup

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

    6 引用 • 1 回帖 • 476 关注
  • gRpc
    10 引用 • 8 回帖 • 51 关注
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    238 引用 • 224 回帖
  • GraphQL

    GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 26 关注
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 618 关注
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖 • 2 关注

最新标签