【Hexo】yilia主题 添加 Subnav 社交图标 CSDN STEAM PSN等等

本文介绍了如何在Hexo的yilia主题中添加自定义的Subnav社交图标,如CSDN、STEAM和PSN。通过下载图标、导入百度字体平台、配置Hexo样式文件以及解决npm运行时可能出现的错误,逐步实现个性化设置。
摘要由CSDN通过智能技术生成

最近在捣鼓个人博客,github上有一个比较简洁美观的theme:yilia-theme

                                         

想在Subnav上添加自己的PSN、Steam还有CSDN博客地址。。像这样:

                                                                             

查阅了F!redent同学的博客,整体思路和原理可以参看他的修改Yilia左下角SubNav的社交图标,不过个人感觉有的地方没说清楚,所以修改一下。


1.下载需要的图片

Font Awesome搜索自己想要的图标,比如:

                                                                                

找到想要的之后,直接右键保存就行了

                                                                           

如果上面搜不到自己想要的比如CSDN的“C,那就自己F12在网页中找SVG标签。这里我提供一下CSDN的,保存为svg格式即可。

<svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值