Other Android Chrome 沉浸式地址栏

0x00

Android版Chrome会在一些特定的网页中改变地址栏的颜色,比如Bilibili,Github,XDA等.
这是Chrome 39中更新出的功能.虽然现在Chrome已经更新到61了,但是这个效果普及率依然很低.
其实要实现这个效果非常简单,只需要一行代码即可实现.

0x01

<meta name="theme-color" content="#db5945">
将#后面的内容替换成你想要转变的颜色，你就可以让你的网页和Chrome融为一体了

这是添加前

---

这是添加后的效果

0x02

那么一些像我这样的新手肯定会问，这条语句添加在什么地方啊.
直接在hexo g生成的时候修改生成规则，给每个生成的index.html添加上theme-color颜色配置的语句.
想要修改生成规则，这时候要到对应主题的layout文件夹内修改.ejs文件,我使用的主题是yilai,那么对应的文件路径就是theme/yilai/layout/_partial/head.ejs
打开这个文件，很快就可以找到生成代码.在</head>前添加上修改颜色的代码