type
status
date
slug
summary
tags
category
icon
多图预警！
一、前言
相信很多朋友和我一样，喜欢在 Notion 为阅读过的文章做记录。而且 Notion 官方提供的 Templates 中就有一个 Reading List 的模板，看来 Notion 团队也是鼓励大家这么记录的。
比如，我的 Reading List 中就会这样记录：
但是这就产生一个问题了，如何给不同页面加上相应的 icon，让我们一眼就能看到哪些是微信文章，哪些是 blog 呢？
以下我将通过保存一篇微信文章为例，展示具体的步骤。
二、步骤
（一）在文章网页右键
在右键菜单中往下滚滚轮，找到“检查”。
（二）点击”检查“
浏览器右边弹出了很多代码，不要慌！
（三）折叠 body 标签【可选】
在右边的代码区域使劲往上滚。
找到
▾<body ，后面跟着的id="..."，和class="..."之类的东西都不要管（...表示省略）。点击
▸，页面的信息精简了很多。
（四）展开 head 标签
点击
▸<head>...</head>的▸。
（五）寻找 icon 标签
找到
<link rel="apple-touch-icon" href="link"（link代指网址）。通常都是
rel="apple-touch-icon"，这里截图的rel="apple-touch-icon-precomposed"并不是普遍情况。大家还是优先找
rel="apple-touch-icon"。
如果没有找到
rel="apple-touch-icon"则找<link rel="shortcut icon" type="image/x-icon" href="link"（link代指网址）。
（六）复制图片链接
复制
href="link"的link，如截图中的蓝色选中内容。
（七）检查图片链接
在新标签页打开刚刚复制的
link进行检查，图片看起来很不错！
如果是用
<link rel="shortcut icon" type="image/x-icon" href="link"中的link，则如下图：
虽然这样就与标签页的 icon 一样，但是我个人并不是很喜欢，因为图片太小了。还是喜欢用
rel="apple-touch-icon"的link，大家挑自己喜欢的就好。（八）Add icon
点击 Add icon 前：
点击 Add icon 后：
（九）Change icon
点击添加的 icon，选择”Link“。
（十）Submit the image link
在输入框中填入”（六）复制图片链接“中复制的
link，点”Submit“。
（十一）搞定
三、提醒
其实无论是
"shortcut icon"还是rel="apple-touch-icon"或者rel="icon"都 OK，还是要看个人喜好。