当前位置: 首页 > news >正文

Hexo + Fluid博客实现自定义图标

Hexo + Fluid博客实现自定义图标,以引入csdn为例,采用Font Class的方式

文章目录

  • 1.找到图标并下载
  • 2.在hexo博客中引入css
    • 复制文件到项目
    • 在配置文件中引入
  • 3.查看效果:

1.找到图标并下载

  1. 进入阿里iconfont,找到需要的图标
  2. 点击加入购物车
    在这里插入图片描述
  3. 进入购物车,选择下载代码。
    在这里插入图片描述
  4. 下载后解压。

2.在hexo博客中引入css

复制文件到项目

解压后将css文件和ttf文件复制到source下边,目录可以自己定。
在这里插入图片描述
这里我改了名字:
在这里插入图片描述

在配置文件中引入

_config.fluid.yml:

custom_css: /resource/css/custom.css

# 在关于界面使用
about:
  icons:
    - { class: 'iconfont icon-csdn1-copy', link: 'https://blog.csdn.net/shijizhe1', tip: 'CSDN' }

3.查看效果:

在这里插入图片描述

相关文章:

  • Verilog HDL 100道面试题及参考答案
  • 目前市场上,好用的校招系统是哪个?
  • 我与数学建模之启程
  • C/C++网络编程【1】----- 大纲
  • 【深度视觉】第十八章:YOLO系列1
  • Jetpack Room 使用与原理解析
  • Vue2 vs Vue3 生命周期全面对比:created 的进化与革新!!!
  • String数据结构之验证码实战
  • Unity3D仿星露谷物语开发32之地面属性决定角色动作
  • 【Django】教程-5-ModelForm增删改查+规则校验【正则+钩子函数】
  • 数据库表省市区分析
  • Kubernetes可视化面板——KubePi(Kubernetes Visualization Panel - kubepi)
  • Android BottomNavigationView 完全自定义指南:图标、文字颜色与选中状态
  • Outlook客户端无法连接到服务器,添加账户显示“无网络连接,请检查你的网络设置,然后重试。[2603]”
  • 优秀的 React 入门开源项目推荐
  • Redis 源码硬核解析系列专题 - 结语:从源码看Redis的设计哲学
  • Meta Llama 3:开启大语言模型新纪元
  • 美股恐惧贪婪指数监控
  • Kafka 实战指南:原理剖析与高并发场景设计模式
  • Python Cookbook-4.17 字典的并集与交集
  • 事业单位备案网站/百度指数怎样使用
  • 网站开发日志周志/揭阳新站seo方案
  • 大连seo建站公司/漳州网络推广
  • 求人做网站的网站/seo快速排名软件推荐
  • 天津武清做网站/创建网站平台
  • 青岛天河小学网站建设/色盲怎么治疗