奔跑中的奶酪

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

导读

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

浏览器这个赛道,奶酪还是有点实力的。

今天不但带来了“奶酪浏览器”最新版 ,而且“最全小书签”还迎来了一个艺术成份很高的功能。

大概有三四层楼那么高!

一、图文分享

将一段文字和图片,转化为一张知识卡片

已经成为了人们日益增长的“高逼格”分享需求,与落后的生产制作工具之间的矛盾。

一些图文制作工具,要么水印无法移除,要么只能在手机上使用,要么就是背景太过于漂亮。

漂亮到已经喧宾夺主,而且还不耐看,有没有什么“朴实无华”的工具?

今天的“奶酪笔记”,正是你想要的。

i86_奶酪笔记

使用方法

下载 “奶酪浏览器” 最新版本,点击“书签工具栏”里的「文字—>网页笔记」书签,即可使用。

又或者单独下载《i07 - 奶酪小书签》,导入到你的浏览器。

i86_奶酪笔记2

二、奶酪笔记

下面我们来具体介绍一下“奶酪笔记”,看看它的艺术成分到底有多高。

2.1、多种主题

默认自带 9 种主题颜色。

包括:棕、白、灰、蓝、绿、粉、紫、褐、黑。

最后的一个图标,是上传自定义背景图片,支持使用任意 图片SVG 来做为背景图片。

i86_主题01

2.2、多种样式

目前支持 5 种样式:无边框、直角边、双线框、圆角边、毛玻璃,涵盖了目前的主流样式。

i86_样式01

后续还会考虑增加更多的样式,也欢迎提供建议和反馈。

i86_样式02

2.3、多种尺寸

奶酪笔记可生成支持适合 手机端电脑端 浏览的笔记,自带 5 种尺寸,默认是 1:1 正方形。

而且,一旦内容超过了,尺寸还会自动调整。

i86_尺寸

2.4、多种组合

奶酪笔记有 4 种元素:标题、正文、来源、头图

但它们都是“可选选项”,你可以自由组合,比如“去掉来源”、“只有标题”、“只有正文”。

i86_自定义内容

至于 “头图” 功能,默认是不启用的,你可以上传 Logo、作者信息,又或者是任意一张图片

i86_自定义内容2

甚至,你还可以“只有图片和背景”。

i86_样式03

2.5、自由文本

文本编辑器也支持富文本

标题、加粗,划线、对齐、字体、大小、颜色,底色,清除格式,还有最后的 “插入图片”。

这里特别说一下“字体”和“底色”。

字体,仅支持本地已安装的字体,输入“字体名称”即可,获取方法是打开系统“字体库”查询。

i86_字体

字体底色,你可以输入任意颜色值,但默认有 5 种常见荧光颜色,在弹出窗口直接复制即可。

i86_底色

三、自定义背景

奶酪笔记,也支持自定义背景,它值得单独说一说。

3.1、支持 SVG

支持 PNG 图片,也支持 SVG 图片SVG 的好处是矢量图超高清,不受图片尺寸的影响。

特别是在设置“渐变背景”时,优势更加明显。

i86_背景

资源推荐:

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

i86_自定义背景2

复制 CSS 代码之后,使用“奶酪小书签”。

点击「设计—>渐变生成器」,只需要将渐变色代码粘贴到输入框,即可一键生成 SVG 图片

i86_自定义背景

然后,你在“奶酪笔记”里上传这个 SVG 图片,即可做为图片的背景颜色了。

i86_自定义背景4

3.3、兼容 PPT

此外,“渐变生成器”还有一个作用。

就是我们在用 PPT 设置渐变色时,是步骤非常复杂,你需要手动输入颜色值,还有角度。

而如果将“CSS 代码”保存为“SVG 文件”,然后再导入 PPT,那就简单多了。

i86_自定义背景3

四、注意事项

需要注意的是。

由于浏览器本身的限制,小书签在“浏览器内建页”,还有一些 CSP 网站上,无法正常使用。

比如 新标签页,扩展页,还有 知乎、公众号、GithubCSP 网站。

所以,在使用“奶酪笔记”时。

你可以先随意打开一个网站,然后再点击运行“奶酪笔记”,只要避开上面这些网页就行。

i86_常见问题

五、后续更新

下面是“奶酪笔记”的版本更新计划,还有一些未解决的问题,也欢迎你提供建议和反馈。

  1. 减少 style 代码
  2. 双线边框,修改变成 0.5px
  3. 增加 毛玻璃边框
  4. 增加 图片分段功能
  5. 增加 图片加背景功能
  6. 发布 网页版本
  7. 发布 浏览器扩展版本



最后

  1. 欢迎关注奶酪 公众号 获取奶酪所有的原创资源,回复文章编号,比如 i01 就可获取对应的资源。
  2. 欢迎订阅我的 “奶酪书签专业版”,15年沉淀,超过 5000 个分类井条有序的好用实用 html 网站书签。
  3. 本文由「奔跑中的奶酪」原创创作,欢迎订阅、留言和 打赏,也欢迎引用和转载,但要注明出处。
版权声明:本文由作者 奔跑中的奶酪 发布,版权归作者所有,如需转载,请署名作者并标记内容来源。
5

发表回复