Hexo攻略-更换网页图标

Hexo攻略—更改网页图标

Hexo next主题默认的网页图标长这个样子~

当然要和别人不一样！

下载图标

自己也可以绘制，懒得话就去下载，到这里进行下载，ico文件和png都可以，我下载的是ico

修改文件名

下载的图标重命名为favicon.ico，位置放在/themes/next/source/images

修改主题配置文件

在/themes/next/_config.yml中修改成自己的图标

favicon:small: /images/favicon.ico#medium: /images/favicon-32x32-next.pngmedium: /images/favicon.icoapple_touch_icon: /images/apple-touch-icon-next.pngsafari_pinned_tab: /images/logo.svg#android_manifest: /manifest.json

进入测试上传就好啦~

效果图

Hexo攻略-更换网页图标相关推荐

SpringBoot更换网页小图标favicon.ioc
SpringBoot更换网页图标favicon.ioc 更换网页图标 1.用IOC转换工具制作出自己喜欢的ioc图标,命名为favicon.ioc 2.将favicon.ioc放在静态资源目录下 &q ...
python爬取去哪儿网机票_干货｜Python爬取《去哪儿》攻略库，制作一份详细的旅行攻略，疫情后来一场说走就走的旅行！...
去哪儿是中国领先的在线OTA网站,为消费者提供机票.酒店.会场 .度假产品的实时搜索,并提供旅游产品团购以及其他旅游信息服务.去哪儿网站上有丰富的图片.评论数据,这些大量的数据对于从事数据岗位的来说的 ...
网页制作HTML代码全攻略
网页制作HTML代码全攻略第一章:HTML 语言的结构 html文件是标准的ASCII文件,它看起来象是加入了许多被称为标注(tag)的特殊字符串的普遍文本文件.从结构上讲,html文件由元素(el ...
搭建hexo博客修改设置网页图标icon失败的解决方法
问题描述基于hexo新搭建好的个人博客想更换网页图标的icon 期望达到的效果更换前: 更换后: 背景我用的chrome浏览器,使用的是yilia主题,参考前端 | hexo+yilia博客主 ...
AWS攻略——使用CodeBuild进行自动化构建和部署静态网页
首先声明下,使用"CodeBuild"部署并不是"正统"的方案,因为AWS提供了"CodeDeploy".如果不希望引入太多基础设施,可以考 ...
37镇魔曲网页版服务器状态,37镇魔曲网页版各职业攻略分析
37镇魔曲网页版各职业攻略分析星术虽然很强,但是这是一个需要消耗装备的职业,建议有一定经济基础的玩家选择这一职业.而且作为法师,星术在前期很容易被其他职业克制,发育缓慢.如果玩家想要星术可以有稳定的 ...
Android 屏幕适配攻略（六）设置通知样图标与启动图标适配
Android 屏幕适配攻略(六)设置通知样图标与启动图标适配 1 Android中资源文件中的图片加载分析 Android中对屏幕的像素适配处理分类屏幕密度对应的标签对应的像素 120dip ...
制作html语言网站全攻略,(网页制作HTML代码全攻略.doc
(网页制作HTML代码全攻略网页制作HTML代码全攻略第一章:HTML 语言的结构 html文件是标准的ASCII文件,它看起来象是加入了许多被称为标注(tag)的特殊字符串的普遍文本文件.从结构 ...
Python：Python语言的简介(语言特点/pyc介绍/Python版本语言兼容问题(python2 VS Python3))、安装、学习路线(数据分析/机器学习/网页爬等编程案例分析)之详细攻略
Python:Python语言的简介(语言特点/pyc介绍/Python版本语言兼容问题(python2 VS Python3)).安装.学习路线(数据分析/机器学习/网页爬等编程案例分析)之详细攻略 ...

Hexo攻略-更换网页图标

Hexo攻略—更改网页图标

下载图标

修改文件名

修改主题配置文件

Hexo攻略-更换网页图标相关推荐

最新文章

热门文章