hexo设置网站的图标Favicon

最新推荐文章于 2023-07-14 19:40:05 发布
最新推荐文章于 2023-07-14 19:40:05 发布
阅读量779 收藏 3
点赞数
分类专栏： 杂记 文章标签： 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46439063/article/details/113744900
版权

主题配置文件中favicon字段为图标
类似于头像设置修改为自己需要的路径
直接使用.svg格式的矢量图即可
推荐一些实用图标网站

Icons8
网址： https://icons8.com/icons
免费下载 PNG 和 SVG 格式图标的网站
Fontello
网址: http://fontello.com/
支持图标生成，以及图标下载
Iconstore
网址： https://iconstore.co/
由一些设计师提供的免费图标资源库
Flat Icon Design
网址: http://flat-icon-design.com/
一个日本设计团队所提供的免费图标网址
Iconfont
网址： https://www.iconfont.cn
国内的矢量图标网址，还支持图标格式的转换

Veilhry
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bootstrap-flaticonpicker:变换一个包含图标列表 - 一个或多个- 进入平面图标选择器
07-18
bootstrap-flaticonpicker 推介会 将包含图标列表的 <select> - 在一个或多个 <optgroup> 中 - 转换为平面图标选择器 适用于 Bootstrap 和 Font-Awesome 图标。 这： 变成这样： 演示 请参阅带有 Bootstrap 图标的。 请参阅带有 Font-Awesome 图标的。 如何使用 在一个或多个 <optgroup> 中使用包含图标列表（例如：<option>glyphicon-refresh</option>）的 <select>： 注意：当插件被调用时，有几个选项可以通过 javascript 对象传递。 maxIconsPerPage - 默认是 (int) 35，任何大于 0 的整数都被接受 allCategoriesText - 默认为（字符串）'所有类别'，接受任何字符串 iconSet - 默认是
Hexo如何修改网站图标favicon | Hexo
RC Kanashii的博客
11-12 2382
最近在自己搭个Blog玩玩，发现favicon.ico无论如何也无法显示，几经折腾后终于成功显示，故在此记录一下我的解决步骤： 把favicon.ico转换格式为favicon.png 把favicon拖入themes/你使用的主题/image文件夹中（不同主题的文件夹名可能会有不同） 打开themes/你使用的主题/_config.yml，找到favicon，修改成： 打开git bash，输入： hexo clean hexo g -d 清除浏览器的缓存 然后发现，fav..
Hexo攻略-更换网页图标
qq_39181839的博客
11-03 4794
Hexo攻略—更改网页图标 Hexo next主题默认的网页图标长这个样子~ 当然要和别人不一样！ 下载图标 自己也可以绘制，懒得话就去下载，到这里进行下载，ico文件和png都可以，我下载的是ico 修改文件名 下载的图标重命名为favicon.ico，位置放在/themes/next/source/images 修改主题配置文件 在/themes/next/_config.yml中修改成自己的图标 favicon: small: /images/favicon.ico #medium: /i
研究中遇到的问题记录：gitee+hexo部署静态网页时候路径问题
qq_42555291的博客
07-25 1263
路径问题 第一个路径是Hexo根目录下的_config.yml中的root，这个路径的作用是配置打开网页的第一个入口。 第二个路径是配置静态网页的部署目录，这里填写有网页的路径 在部署得时候css路径缺失问题 这两个路径配置不好，会在部署好之后没有获取到css的路径。 解决方法 如果你的index.html不在根目录下面，就需要配置第二个路径，比如index放在了public目录下，部署目录 = /public。 第一个目录不需要动 有任何问题关注公众号知享奇留言，我会在看到的第一时间留言。 ...
关于Typora和hexo图片路径的问题
张宇的博客
11-25 5569
介绍 Typora支持图片拖拽、复制粘贴的操作，并且能直接拷贝到对应目录下，这无疑非常方便，不用再有复制图片到对应目录下，然后再定义图片路径的过程。 然而，hexo框架只认识根目录下的source以及主题下的img，因此在typora上编辑文本正常显示，但是生成文件之后，无论是localhost:4000还是发布到网站上，都无法正常显示图片。 配置 下面简单提一下Typora在路径上的巧妙设置 ...
hexo实现个人博客网站
最新发布
08-09
利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过markdown编写文章，增加分类等等。利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过...
Hexo静态网站搭建，中文文档
05-21
Hexo静态网站生成器的中文文档，Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
site:Hexo网站
03-07
Hexo官方网站 Hexo的网站。 入门 安装依赖项： $ git clone https://github.com/hexojs/site.git $ cd site $ npm install 产生： $ hexo generate 运行服务器： $ hexo server 贡献者 英语 正体中文 简体中文...
Hexo博客网站的快速搭建
01-19
本文档Hexo博客网站的快速搭建流程，是本人在搭建过程中一步步记录下来的。仅供参考
MattMeng_hexo:个人笔记网站
07-24
// todo 有时间就更新、如果找不到配置的可以通过网站右下角的信息图标联系我 1.文章更新时间 // todo 2.阅读时长 // todo 3.本文字数 // todo 4.阅读全文折叠 // todo 5.文章加密 // todo 6.tidio 聊天 // todo 7....
Hexo主题博客设置网站的头条图标Favicon
ChinaZiChen的博客
07-08 380
hexo框架的头条图标favicon更改，图标图片favicon更改
Hexo使用Next主题如何更换链接图标
qq_43340547的博客
10-01 1077
本来不想写的，但是被一篇无心博文误导了，深陷其中好久，于是记录一下事发经过，让后来遇到相同问题的朋友少踩一些坑。。。 先从Hexo使用Next主题如何显示链接图标开始吧（下图为效果图） 我们先打开next目录下的 _config.yml 文件，找到如下图所示部分代码（可以同时按下 Ctrl+F 键，并在输入框中输入 social 进行查找效率更高） 如果想显示GitHub字段及其相应图标，只要将 #号键 删除，然后再 hexo+s 即可看到效果。接下来，当我想给 CSDN 添加相应图标时，很不幸看到一
为所有Hexo页面配置一个统一的图标
Grey_Wind的博客
07-14 196
请注意，不同浏览器可能会对网站图标的显示有不同要求，因此建议准备多个不同尺寸的图标文件，并在HTML页面的头部添加适当的标签，以确保在各种设备和浏览器上都能正确显示图标。完成以上步骤后，你的Hexo网站的所有页面都应该显示你指定的统一图标。，并且应该是一个正方形的图像，通常是16x16像素或32x32像素。首先，准备一个用于网站图标的图像文件。通常，这个图像文件被称为。将图像文件保存在Hexo网站根目录下的。打开Hexo网站根目录下的。文件夹，请手动创建它。
Hexo-使用阿里iconfont图标
MoYu's Blog
02-12 2267
Hexo-使用阿里iconfont图标 因为使用hexo搭建的博客中，大家并不懂都有什么图标，fa fa-xx就懵了，不知道都有什么。 首先，fa fa-xxx中的图标可以在 图标库 中寻找。 (上面慢的话，可以在这个：另一个图标库) 例如： 首页: / || fa fa-home 归档: /archives/ || fa fa-archive 标签: /tags/ || fa fa-tags 显而易见，就算能找到也有很多图标找不到，所以这个时候，我们可以选择使用阿里iconfont图
Hexo 建站手札——基础
flueky的专栏
11-03 404
文章目录0. 前言1. 准备工作1.1 创建仓库2. Hexo 常用命令2.1 创建目录2.2 启动服务2.3 部署博客3. 初始化博客4. 个性化配置4.1 修改站点 logo 和 标题4.2 修改主页标题4.3 修改用户LOGO4.4 修改作者信息4.5 配置菜单4.6 配置导航栏4.7 使用 icon4.8 配置部署 0. 前言 2016 年 2 月，写了工作中第一篇博客。至今快 4 年时...
从零搭建HEXO博客 修改默认主题/参数/favicon 替换个人主页
yiyiyiyiwen的博客
10-31 2400
准备：搭建环境大致分为以下两步： 安装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 change page favicon
Yu's Notes
06-20 7480
自己原创文章link:https://wangxiaoyu-go.github.io/2018/11/18/change-theme-favicon/ Table of Contents 说明 制作favicon图标 图片位置与编辑配置文件 说明 本文介绍的是主题theme配置文件中的修改方式，也就是说仅适用于被修改的主题。 另外还有在hexo根目录下设置favicon的方式，...
Hexo博客网站再配置
weixin_33971977的博客
09-04 237
这两天整理网站方面的事，本地IIS部署，个人网站，发现我的hexo做的个人网站实在很单调，于是找来资料做进一步的配置。 一、网站图标 看一下hexo\themes\modernist\layout\_partial\head.ejs，找到这句： <link rel="icon" type="image/x-icon" href="<%- config.roo...
hexo设置主页url
04-01
要设置Hexo的主页URL，您需要在Hexo的配置文件（_config.yml）中进行以下更改： 1. 找到以下设置： ``` # Site title: My Hexo Site subtitle: description: author: Your Name language: timezone: ``` 2. 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值