hexo博客kaze主题自定义社交链接

主题自带的icon图标

# 社交链接
about:description: descriptionsocial_links:- { icon: icon-sina, link: https://weibo.com/u/7548933742}- { icon: icon-github, link: https://github.com/skillfans}- { icon: icon-bilibili, link: https://space.bilibili.com/435408933?spm_id_from=333.1007.0.0}- { icon: icon-QQ-circle-fill, link: https://qun.qq.com/index.html#click}# - { icon: icon, link: your link }# icon-github是主题给定的名称不能修改# link：后面紧跟链接

进入阿里iconfont创建图标项目

阿里iconfont官网：https://www.iconfont.cn/
搜索想要的图标
选中图标，加入购物车
点击购物车，将图标加入项目，如果没有项目就随便建一个项目
在图标上方有：Unicode、font class、symbol，点击【Font class】
在点击【查看在线链接】，如果提示需要更新代码，点击更新就可以看见代码
点击复制代码

修改kaze主题head.ejs

文件位置：blog\themes\kaze\layout_partial\head.ejs
添加代码：

 <%# social icon %>  #在此代码下面添加下面代码

<%- ex_css('阿里iconfont复制的代码') %>

现在在回到kaze主题配置文件_config.yml添加自定义图标

# 社交链接
about:description: descriptionsocial_links:- { icon: icon-sina, link: https://weibo.com/u/7548933742}- { icon: icon-github, link: https://github.com/skillfans}- { icon: icon-bilibili, link: https://space.bilibili.com/435408933?spm_id_from=333.1007.0.0}- { icon: icon-QQ-circle-fill, link: https://qun.qq.com/index.html#click}# - { icon: icon, link: your link }# icon-github是主题给定的名称不能修改# link：后面紧跟链接

hexo博客kaze主题自定义社交链接相关推荐

Hexo博客Ayer主题自定义配置
Ayer主题,下面是我的部分配置,可以参考,希望能帮到你
hexo博客yilia主题如何自定义个人博客的背景图片
hexo博客yilia主题博客背景的设置个人博客系列文章目录 hexo博客yilia主题所有文章模块缺失最新解决方案 hexo+yilia博客报错post.categories forEach ...
hexo博客yilia-plus主题更换Beaudar评论插件
文章目录 hexo博客yilia-plus主题更换Beaudar评论插件一.安装Beaudar app. 二.添加到主题中 1.直接拉取仓库到本地. 2. 自己进行配置三. 一些问题 hexo博客 ...
hexo 博客next主题集成gitment或者gitalk评论系统
原文链接hexo 博客next主题集成gitment或者gitalk评论系统前言之前使用多说,多说挂了,用网易跟帖代替,网易跟帖又没了.前段时间用来必力,感觉还行,但总归不踏实.后面发现有gitm ...
hexo博客yilia主题_缺失模块_解决方案
hexo博客yilia主题,左侧栏目有一个全部文章的按钮,刚开始开始报错缺失模块,如下图: 我解决了这个问题着实不容易饶了弯路,但是跟着提示步骤,其实很简单,走起: 1.查看node版本 win键+R ...
Github pages + Hexo 博客 yilia 主题使用畅言评论系统
文章首发地址:http://www.54tianzhisheng.cn/2017/04/13/Hexo-yilia-changyan/ , 转载请注明出处. 前言 Hexo的Yilia主题由于原来使用 ...
hexo博客next主题添加对数学公式的支持
hexo博客默认为markdown格式,但是新搭建的hexo博客不支持公式渲染,下面介绍hexo博客next主题下添加对数学公式支持的方法. 环境说明: hexo版本:5.4.1 next版本: 最新 ...
为Hexo博客next主题添加友链
为Hexo博客next主题添加友链 20230427153826|left
hexo博客 Maupassant主题添加萌妹纸、萌宠
给hexo博客养一个萌妹子或者萌宠,也是偶然之间发现可以添加可爱的妹纸或者是萌宠,发现挺好玩的,而且作者提供了很多模型供你选择,没事的时候还可以逗一逗 ? 文章目录本博文的简述or解决问题? 获取 ...

hexo博客kaze主题自定义社交链接

主题自带的icon图标

进入阿里iconfont创建图标项目

修改kaze主题head.ejs

现在在回到kaze主题配置文件_config.yml添加自定义图标

hexo博客kaze主题自定义社交链接相关推荐

最新文章

热门文章