一 概述

  • 自建站点为何显示的是主题图标
  • 如何查找网站图标
  • 如何修改网站图标

二 自建站点为何显示的是主题图标

使用hexo搭建好的站点,网站的图标默认显示的是,右键检查,网站源码—>Elements标签下—>head,可以看到Hexo next主题默认的网页图标使用的是hexo-theme-next/source/images/favicon-next

三 如何查找网站图标

从下列站点下载免费图标,并修改名字为favicon对应的名字

  • 阿里巴巴矢量图标库
  • easyicon

四 如何修改网站图标

/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站点建设之——修改网站图标相关推荐

  1. Hexo如何修改网站图标favicon | Hexo

    最近在自己搭个Blog玩玩,发现favicon.ico无论如何也无法显示,几经折腾后终于成功显示,故在此记录一下我的解决步骤: 把favicon.ico转换格式为favicon.png 把favico ...

  2. Hexo站点建设之——基于Lighthouse查看网站性能

    一 概述 查看网站相关信息常用的网站有: 站长之家-ping:ping检测,国内测速,国际测速,网站速度对比等 PageSpeed Insights:网站在移动设备和桌面设备的网页响应速度(墙) 爱测 ...

  3. Hexo站点建设之——国际化(i18n)

    一 概述 Hexo搭建的网站默认只有一种语言,若想要网站支持多种语言,通过切换语言标签查看不同语言网站.本文以中英文为例进行说明. 二 多语言设置(_config.yml) language: - z ...

  4. cnblogs修改网站图标icon

    以下修改网络地址即可 <script type="text/javascript" language="javascript">//Setting ...

  5. Hexo站点建设之——RGB or HSL value expected

    一 现象 二 软件环境 2.1 hexo --version hexo-cli: 4.3.0 os: win32 10.0.19043 node: 12.18.3 http_parser: 2.9.3 ...

  6. Hexo站点建设之——The Unicorns have taken over

    一 现象 输入网址后,显示如下 We're having a really bad day. The Unicorns have taken over. We're doing our best to ...

  7. 如何在HTML中修改网站标题和图标?

    修改网站标题方法: 在head头部信息里使用title标签来修改: <title>test</title> 修改网站图标方法: <link rel="icon& ...

  8. hexo博客加入51LA网站流量统计

    自建hexo博客xiejava.ishareread.com一直在用CNZZ的网站流量统计,每天登陆到CNZZ的网站流量统计后台看博客的访问量成了建站以来的习惯.3月23日以后突然发现CNZZ的统计没 ...

  9. Hexo博客Next6.0版本主题配置(背景图片加载、侧边栏社交小图标设置、设置网站图标)

    随机背景图片加载 原理 自动更换背景是修改添加背景的css样式实现 图片来源 https://source.unsplash.com/ 修改背景样式 修改themes\next\source\css\ ...

  10. php添加网站ico图标,常用php开源程序网站怎么修改网站ICO图标的方法

    最近有一个客户要求修改网站首页的ICO图标,他用的是Discuz!x的程序做的网站,结合之前也有客户要求说怎么修改网站的默认ICO为自己的个性ICO图标以及无忧主机小编之前撰写的网站ico图标的修改方 ...

最新文章

  1. Python面向对象之继承
  2. Spring Boot + Mybatis多数据源和动态数据源配置
  3. android创建类的包名称,如何知道/配置Xamarin Android生成的程序包名...
  4. Eigen(6)快操作
  5. java基础学习笔记(一)
  6. 未签名的应用程序请求对系统进行无限制访问_OWASP Top 10 2017 10项最严重的 Web 应用程序安全风险 (完结篇)...
  7. php文章管理系统_PHP-小程序:(1)开发环境搭建
  8. ORACLE PL/SQL编程之八: 把触发器说透 |来自cnblogs的EricHu|
  9. 格式工厂 wav 比特率_智能音乐格式转换
  10. 使用docx4j解析word模板,替换占位符生成新的docx,并生成pdf
  11. DNS域名解析常用命令
  12. 怎么把手机中的照片做成视频?原来这么简单就可以,涨知识了
  13. 在win10更新的时候出现0x80240004错误代码怎么解决。
  14. git在commit提交时报:On branch master Changes not staged for commit
  15. 机器学习实战之路 —— 5 SVM支持向量机
  16. 在ubuntu18.04上,安装google earth pro (谷歌地球客户端)
  17. 【Ubuntu】Ubuntu设置和查看环境变量
  18. 浙江森普软件周刊第二期——《森普6S服务体系白皮书》发布啦!
  19. Flink 实时去重方案
  20. assignment to ‘ *‘ form incompatible pointer type ‘LinkStack‘{aka ‘ *‘}的问题解决

热门文章

  1. synopsys license破解及使用遇到的难题总结
  2. 多态的概念和案例实现
  3. nes模拟器不支持多点触控问题修复
  4. IT招聘量超越房地产 聚焦未来三大热门领域
  5. 传统产业、传统企业为什么要进行互联网转型?
  6. 计算机专业大三还有高数吗,我现在计算机科学与技术专业大三,准备跨校跨专业考管理科学与工程,专业课考试难度大吗?...
  7. 从仿制到原研:哪个才是我们的药神?
  8. 2018届校招Andoid开发工程师总结--准备工作
  9. 使用matplotlib.pyplot所画图片的二进制流获取方法以及如何将它转换为图片array(附代码)
  10. Docker快速部署Nexus3