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

最新推荐文章于 2024-11-19 16:17:37 发布

RC Kanashii

最新推荐文章于 2024-11-19 16:17:37 发布

阅读量3k

点赞数 1

文章标签： favicon 博客图标缓存配置

本文链接：https://blog.csdn.net/u013592576/article/details/121295187

版权

最近在自己搭个Blog玩玩，发现favicon.ico无论如何也无法显示，几经折腾后终于成功显示，故在此记录一下我的解决步骤：

把favicon.ico转换格式为favicon.png

把favicon拖入themes/你使用的主题/image文件夹中（不同主题的文件夹名可能会有不同）

打开themes/你使用的主题/_config.yml，找到favicon，修改成：

打开git bash，输入：

hexo clean
hexo g -d

清除浏览器的缓存

然后发现，favicon终于显示出来了！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RC Kanashii

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

从零搭建HEXO博客修改默认主题/参数/favicon 替换个人主页

yiyiyiyiwen的博客

10-31

2551

准备：搭建环境大致分为以下两步：安装Node.js 安装git 配置Node.js环境下载Node.js安装 1. Windows Installer 32-bit https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi 2.Windows Installer 64-bit https://nodejs.org/dist/v4.2.3/n

Hexo系列 | Hexo+next主题搭建炫酷的个人博客网站

多选参数-程序锅

10-02

3239

在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml。其中，一份位于站点根目录下，主要包含 Hexo 本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。为了描述方便，在以下说明中，将前者称为网站配置文件，后者称为主题配置文件。目录主要包括以下高级使用：更换主题更改头像设置Menu 侧边栏社交信息设置摘要自动生成主页文章...

参与评论您还未登录，请先登录后发表或查看评论

hexo 设置网站小图表

枫之木落的博客

12-09

641

如图，设置这样的网站小图片，有多种方法，我介绍一直简单的，到ico在线制作生产一个ioc图片，命名为favicon.ico，放在hexo/source下上传，然后设置yilia下的_config.yml的favicon: favicon.ico，然后更新github就行了

hexo更改网站图标

apple_71925917的博客

01-27

551

中免费下载网站图标，挑一个自己喜欢的即可(注:next主题要转换成。把这项更改为你自己的网站(.jpg图片)图标。文件)，或者你也可以自己绘制一个。把这一项更改为你自己的图标名。文件，3-hexo主题要。

Hexo站点建设之——修改网站图标

我的博客

12-03

4562

一概述自建站点为何显示的是主题图标如何查找网站图标如何修改网站图标二自建站点为何显示的是主题图标使用hexo搭建好的站点，网站的图标默认显示的是，右键检查，网站源码—>Elements标签下—>head，可以看到Hexo next主题默认的网页图标使用的是hexo-theme-next/source/images/favicon-next 三如何查找网站图标从下列站点下载免费图标，并修改名字为favicon对应的名字阿里巴巴矢量图标库 easyicon 四如何

更换Hexo的网页图标/小图片Hexo change page favicon

Yu's Notes

06-20

8559

自己原创文章link:https://wangxiaoyu-go.github.io/2018/11/18/change-theme-favicon/ Table of Contents 说明制作favicon图标图片位置与编辑配置文件说明本文介绍的是主题theme配置文件中的修改方式，也就是说仅适用于被修改的主题。另外还有在hexo根目录下设置favicon的方式，...

hexo设置网站的图标Favicon

Veilhry

02-07

871

主题配置文件中favicon字段为图标类似于头像设置修改为自己需要的路径直接使用.svg格式的矢量图即可推荐一些实用图标网站 Icons8 网址： https://icons8.com/icons 免费下载 PNG 和 SVG 格式图标的网站 Fontello 网址: http://fontello.com/ 支持图标生成，以及图标下载 Iconstore 网址： https://iconstore.co/ 由一些设计师提供的免费图标资源库 Flat Icon Design 网址: http://fl

MattMeng_hexo:个人笔记网站

07-24

// todo 有时间就更新、如果找不到配置的可以通过网站右下角的信息图标联系我 1.文章更新时间 // todo 2.阅读时长 // todo 3.本文字数 // todo 4.阅读全文折叠 // todo 5.文章加密 // todo 6.tidio 聊天 // todo 7....

hexo-theme-murasaki:Hexo的另一个极简主义主题。（早期开发阶段）

05-10

村崎 Hexo的另一个极简主义主题。警告：该项目处于早期开发阶段。安装 $ git clone ... favicon : /images/favicon.png # etc. 谢谢此主题的灵感来自和。执照 MIT许可证（c）2019 printempw

Hexo-Next主题配置

cike626的博客

08-13

1128

Hexo-Next主题配置文章目录Hexo-Next主题配置一、Next主题配置1、网站的图标2、个人头像3、社交链接4、文章版权说明5、显示文章预计阅读时间5.1、前言5.2、安装部署二、其他插件1、文章永久链接2、优化tag，变成彩色的tags3、next主题修改背景图片一、Next主题配置 1、网站的图标设置网页上显示的图标 favicon:

hexo+yilia主题博客如何设置网站的图标Favicon

全洛的博客

06-21

940

效果图：步骤： 1. 先去比特虫网站做ico图标网址链接——>比特虫 2. 将.ico图标放到themes/yilia/source/img文件夹下 3. 找到hexo\themes\yilia\layout_partial\head.ejs，修改下面一段代码为 <% if (theme.favicon){ %> <link rel="icon" href="/img/favicon.ico"> <% } %> 4.部署到远端 hexo g -d

关于网站图标favicon.ico

localhost

10-30

1454

favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上，是展示网站个性的缩略logo标志，也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的。部署方法： XHTML ... ... 1 2 3 4 5 ... ...

如何在 Hexo Blog 网站上添加图标（iconfont 使用）

Leafy's draft about ML

12-10

1098

最近一个月折腾了一个github.io的blog，采用hexo生成，但是因为喜欢的主题缺少社交软件的图标，因此要自己添加。如何添加就是本文的主要内容。

Hexo主题博客设置网站的头条图标Favicon

ChinaZiChen的博客

07-08

687

hexo框架的头条图标favicon更改，图标图片favicon更改

favicon.png vs favicon.ico - 我为什么要使用PNG而不是ICO？

asdfgh0077的博客

02-01

4210

除了PNG是一种更常见的图像格式之外，是否有任何技术理由支持favicon.png与favicon.ico？我支持所有支持PNG最爱图标的现代浏览器。

将favicon添加到静态HTML页面

m0_62946064的博客

11-02

367

内容来自 DOC我有几页静态的HTML页面，当服务器出现故障时，我们会展示这些页面。我想把我制作的favicon（16x16像素，与HTML文件位于同一目录中，名为favicon.ico）作为“标签页”图标。但它仍然无法正常工作。我正在使用Chrome测试网站。根据维基百科，.ico是在所有浏览器类型上运行的最佳图像格式。

Windows环境下favicon处理与应用实战