hexo更改网站图标

最新推荐文章于 2024-06-30 17:42:22 发布

XZJ_x

最新推荐文章于 2024-06-30 17:42:22 发布

阅读量415

点赞数 8

文章标签：笔记

本文链接：https://blog.csdn.net/apple_71925917/article/details/135886528

版权

本文指导如何在Hexo博客中更换网站图标，包括将图标放入相应主题文件夹，以及在_config.yml中进行配置，特别提到Next主题与3-hexo主题的差异，推荐使用阿里巴巴矢量图标库并转换格式。

摘要由CSDN通过智能技术生成

修改hexo的网站图标

这上面的图标就叫做网站图标

在Next主题中更改

先把图标放进hexo/themes/主题/source/里面

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

favicon: /favicon.ico

把这一项更改为你自己的图标名

在3-hexo主题中更改

先把图标放进hexo/themes/主题/source/img/里面

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

favicon: /img/favicon.jpg

把这项更改为你自己的网站(.jpg图片)图标。

网站图标下载

可以从阿里巴巴矢量图标库中免费下载网站图标，挑一个自己喜欢的即可(注:next主题要转换成.ico文件，3-hexo主题要.jpg文件)，或者你也可以自己绘制一个。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

XZJ_x

关注关注

8
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

hexo-theme-cactus:Hexo的响应式，干净且简单的主题

04-29

概括一般的版本：3.0 兼容性：Hexo 3或更高版本特征全面响应多种配色方案选择自己的代码突出显示方案可配置的导航菜单支持本地搜索项目清单I18n支持Disqus整合Google Analytics（分析）/百度同济/ 字体真棒图标简单...

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

我的博客

12-03

4065

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

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

Hexo主题替换/升级/添加ico图标渲染引擎【备忘】

最新发布

Jici_Zeroten的博客

06-30

1072

Hexo主题替换/升级/添加ico图标渲染引擎

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

ChinaZiChen的博客

07-08

514

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

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

Leafy's draft about ML

12-10

967

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

在 Hexo 中使用 iconfont 图标

风如也的博客

01-18

1686

iconfont首页 iconfont 获取可以先在首页搜索你想要的图标，然后添加到购物车中，然后把购物车中的图标添加到项目中，如果没有项目的话可以新建一个项目。生成在线链接点击 font class 按钮直接就可以生成链接了复制生成的链接地址，在浏览器窗口查看引入字体样式可以选择直接把字体样式下载引入到博客中，或者直接把刚才的链接引入，这里我就先选择下载到本地把刚才查看的 css 代码另存为 /themes/Butterfly/source/css/ 中，命名为 icon.

Hexo博客搭建文件（next主题）

12-07

例如，你可以更改网站标题、副标题、作者信息等。 - 更改导航栏链接，可以在`themes/next/_config.yml`中找到`nav`部分进行修改。 - 要启用一些特色功能，如社交图标、评论系统等，需在`_config.yml`中按照文档...

hexo:收集hexo主题

05-18

4. **配置主题**：根据主题的文档，修改`_config.yml`中的配置项以满足个人需求，比如导航栏链接、社交图标、评论插件等。 5. **运行与部署**：你可以通过`hexo server`启动本地服务器预览主题效果，`hexo generate...

一个比较特别的Hexo主题

08-11

在Hexo的世界里，主题可以极大地改变网站的外观和交互方式，因此一个特别的主题通常意味着它在布局、颜色方案、响应式设计或交互元素等方面有所创新。标签 "JavaScript开发-CSS相关" 提示我们这个主题的实现依赖于...

Aries:hexo 的主题

06-16

接着，你可以根据需要修改主题配置，比如更改头部信息、设置社交链接、开启评论功能等。为了增强博客的功能，Aries 主题通常会结合使用一些 Hexo 插件，例如： 1. `hexo-generator-archive`：生成归档页面，方便...

Hexo攻略-更换网页图标

qq_39181839的博客

11-03

5036

Hexo攻略—更改网页图标 Hexo next主题默认的网页图标长这个样子~ 当然要和别人不一样！下载图标自己也可以绘制，懒得话就去下载，到这里进行下载，ico文件和png都可以，我下载的是ico 修改文件名下载的图标重命名为favicon.ico，位置放在/themes/next/source/images 修改主题配置文件在/themes/next/_config.yml中修改成自己的图标 favicon: small: /images/favicon.ico #medium: /i

在hexoblog上更换或增加图标

weixin_63239274的博客

06-05

273

title: 如何增加hexo next主题的第三方图标库关于Font Awesome，在此引用维基百科对其的介绍Font Awesome 是一个基于CSS和LESS的字体和图标工具包。它由Dave Gandy制作，用于Twitter Bootstrap，后来被集成到BootstrapCDN 中。Font Awesome在使用第三方Font Scripts的网站中占有20％的市场份额，排在Google字体之后的第二位.由于next主题已经使用了Font Awesome图标库，所以你只需要。

hexo踩坑：hexo使用过程中遇到的问题

weixin_43790038的博客

06-09

120

原文地址：https://xuedongyun.cn/post/9962/ 问题二：部署导致Custom domain被清空使用hexo-deployer-git插件，每次部署后Custom domain会被清空，无法使用自己的域名访问网页解决方法在文件夹下新建文件，内容设为Custom domain的值即可参考文档 https://blog.maodai.site/2019/05/28/%E7%94%A8Hexo%E5%BB%BA%E7%AB%8BBlog%E6%97%B6%E6%89%8

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

RC Kanashii的博客

11-12

2655

最近在自己搭个Blog玩玩，发现favicon.ico无论如何也无法显示，几经折腾后终于成功显示，故在此记录一下我的解决步骤：把favicon.ico转换格式为favicon.png 把favicon拖入themes/你使用的主题/image文件夹中（不同主题的文件夹名可能会有不同）打开themes/你使用的主题/_config.yml，找到favicon，修改成：打开git bash，输入： hexo clean hexo g -d 清除浏览器的缓存然后发现，fav..

Hexo使用Next主题如何更换链接图标

qq_43340547的博客

10-01

1138

本来不想写的，但是被一篇无心博文误导了，深陷其中好久，于是记录一下事发经过，让后来遇到相同问题的朋友少踩一些坑。。。先从Hexo使用Next主题如何显示链接图标开始吧（下图为效果图）我们先打开next目录下的 _config.yml 文件，找到如下图所示部分代码（可以同时按下 Ctrl+F 键，并在输入框中输入 social 进行查找效率更高）如果想显示GitHub字段及其相应图标，只要将 #号键删除，然后再 hexo+s 即可看到效果。接下来，当我想给 CSDN 添加相应图标时，很不幸看到一

Hexo + NexT 通过自定义样式添加 Bilibili 图标

程序员「阿基米东」的编程之旅

02-27

2554

NexT 默认使用 Font Awesome 库作为 icon 库。美中不足的是，有一些中国的社交网站的图标在 Font Awesome 库中并没有提供，包括我们熟悉的哔哩哔哩、豆瓣、简书等等。所以如果想使用这些图标，就需要我们使用本地图标进行手动添加。首先，可以在阿里巴巴矢量图标库之类的网站找到你需要的图标，下载 SVG 格式文件。以 Bilibili 为例，将 SVG 文件放置在 hexo 工程的 /source/images/bilibili.svg 中。编辑 source/_data/sty

更改网站图标

lio-zero 的博客

05-24

488

以下方法将图标更改为 URL： const setFavicon = (url) => { // 找到当前的图标元素 const favicon = document.querySelector('link[rel="icon"]') if (favicon) { // 更新新链接 favicon.href = url } else { // 创建新的...