当前位置: 首页 > 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.查看效果:

在这里插入图片描述

http://www.dtcms.com/a/102888.html

相关文章:

  • 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 字典的并集与交集
  • 翻译: 人工智能如何让世界变得更美好一
  • 【Easylive】项目常见问题解答(自用持续更新中......)
  • 量子退火实用案例(1):量子退火求解化学中的分子吸附问题,10小时缩短为15分
  • 周总结aa
  • 多段圆弧拟合离散点实现切线连续
  • 【Vue2插槽】
  • PDF解析黑科技:从OCR-Free到多模态大模型的进化之旅
  • 43、接口请求需要时间,导致页面初始加载时会出现空白,影响用户体验
  • Python实现音频数字水印方法
  • Python人工智能大模型入门教程:从零构建高性能预测模型