艺术成分很高的图文分享方法，要试试吗？
奔跑中的奶酪导读
在浏览器这个赛道，奶酪还是有点实力的。
今天不但带来了“奶酪浏览器”最新版 ，而且“最全小书签”还迎来了一个艺术成份很高的功能。
大概有三四层楼那么高！
一、图文分享
将一段文字和图片，转化为一张知识卡片。
已经成为了人们日益增长的“高逼格”分享需求，与落后的生产制作工具之间的矛盾。
一些图文制作工具，要么水印无法移除，要么只能在手机上使用，要么就是背景太过于漂亮。
漂亮到已经喧宾夺主，而且还不耐看，有没有什么“朴实无华”的工具？
今天的“奶酪笔记”，正是你想要的。
使用方法：
下载 “奶酪浏览器” 最新版本，点击“书签工具栏”里的「文字—>网页笔记」书签，即可使用。
又或者单独下载《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 网站书签。
- 本文由「奔跑中的奶酪」原创创作，欢迎订阅、留言和 打赏，也欢迎引用和转载，但要注明出处。
