艺术成分很高的图文分享方法,要试试吗?
导读

在浏览器这个赛道,奶酪还是有点实力的。
今天不但带来了“奶酪浏览器”最新版 ,而且“最全小书签”还迎来了一个艺术成份很高的功能。
大概有三四层楼那么高!
一、图文分享
将一段文字和图片,转化为一张知识卡片。
已经成为了人们日益增长的“高逼格”分享需求,与落后的生产制作工具之间的矛盾。
一些图文制作工具,要么水印无法移除,要么只能在手机上使用,要么就是背景太过于漂亮。
漂亮到已经喧宾夺主,而且还不耐看,有没有什么“朴实无华”的工具?
今天的“奶酪笔记”,正是你想要的。
使用方法:
下载 “奶酪浏览器” 最新版本,点击“书签工具栏”里的「文字—>网页笔记」书签,即可使用。
又或者单独下载《i07 - 奶酪小书签》,导入到你的浏览器。
二、奶酪笔记
下面我们来具体介绍一下“奶酪笔记”,看看它的艺术成分到底有多高。
2.1、多种主题
默认自带 9 种主题颜色。
包括:棕、白、灰、蓝、绿、粉、紫、褐、黑。
最后的一个图标,是上传自定义背景图片,支持使用任意 图片 和 SVG 来做为背景图片。
2.2、多种样式
目前支持 5 种样式:无边框、直角边、双线框、圆角边、毛玻璃,涵盖了目前的主流样式。
后续还会考虑增加更多的样式,也欢迎提供建议和反馈。
2.3、多种尺寸
奶酪笔记可生成支持适合 手机端 和 电脑端 浏览的笔记,自带 5 种尺寸,默认是 1:1 正方形。
而且,一旦内容超过了,尺寸还会自动调整。
2.4、多种组合
奶酪笔记有 4 种元素:标题、正文、来源、头图。
但它们都是“可选选项”,你可以自由组合,比如“去掉来源”、“只有标题”、“只有正文”。
至于 “头图” 功能,默认是不启用的,你可以上传 Logo、作者信息,又或者是任意一张图片。
甚至,你还可以“只有图片和背景”。
2.5、自由文本
文本编辑器也支持富文本。
标题、加粗,划线、对齐、字体、大小、颜色,底色,清除格式,还有最后的 “插入图片”。
这里特别说一下“字体”和“底色”。
字体,仅支持本地已安装的字体,输入“字体名称”即可,获取方法是打开系统“字体库”查询。
字体底色,你可以输入任意颜色值,但默认有 5 种常见荧光颜色,在弹出窗口直接复制即可。
三、自定义背景
奶酪笔记,也支持自定义背景,它值得单独说一说。
3.1、支持 SVG
支持 PNG 图片,也支持 SVG 图片,SVG 的好处是矢量图,超高清,不受图片尺寸的影响。
特别是在设置“渐变背景”时,优势更加明显。
资源推荐:
PNG 渐变背景:https://products.ls.graphics/mesh-gradients
纸质背景图片:https://pixabay.com/zh/images/search/%E7%BA%B8%E7%BA%B9/
3.2、制作 SVG
去哪里找好看的渐变颜色呢?推荐网站:https://webgradients.com
复制 CSS 代码之后,使用“奶酪小书签”。
点击「设计—>渐变生成器」,只需要将渐变色代码粘贴到输入框,即可一键生成 SVG 图片。
然后,你在“奶酪笔记”里上传这个 SVG 图片,即可做为图片的背景颜色了。
3.3、兼容 PPT
此外,“渐变生成器”还有一个作用。
就是我们在用 PPT 设置渐变色时,是步骤非常复杂,你需要手动输入颜色值,还有角度。
而如果将“CSS 代码”保存为“SVG 文件”,然后再导入 PPT,那就简单多了。
四、注意事项
需要注意的是。
由于浏览器本身的限制,小书签在“浏览器内建页”,还有一些 CSP 网站上,无法正常使用。
比如 新标签页,扩展页,还有 知乎、公众号、Github 等 CSP 网站。
所以,在使用“奶酪笔记”时。
你可以先随意打开一个网站,然后再点击运行“奶酪笔记”,只要避开上面这些网页就行。
五、后续更新
下面是“奶酪笔记”的版本更新计划,还有一些未解决的问题,也欢迎你提供建议和反馈。
- 减少 style 代码
- 双线边框,修改变成 0.5px
- 增加 毛玻璃边框
- 增加 图片分段功能
- 增加 图片加背景功能
- 发布 网页版本
- 发布 浏览器扩展版本
最后
- 欢迎关注奶酪 公众号 获取奶酪所有的原创资源,回复文章编号,比如 i01 就可获取对应的资源。
- 欢迎订阅我的 “奶酪书签专业版”,15年沉淀,超过 5000 个分类井条有序的好用实用 html 网站书签。
- 本文由「奔跑中的奶酪」原创创作,欢迎订阅、留言和 打赏,也欢迎引用和转载,但要注明出处。