hexo+next主题侧边栏社交小图标设置的问题

最新推荐文章于 2022-02-03 20:32:36 发布
最新推荐文章于 2022-02-03 20:32:36 发布
阅读量936 收藏 1
点赞数 1
分类专栏： 随笔
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lijieling123/article/details/116483943
版权

Font Awesome 图标显示 社交链接 前端开发 CSS
关键词由CSDN通过智能技术生成

按照教程配置社交链接和图标的时候，发现图标没显示
一开始以为是要去https://fontawesome.com/icons?d=gallery&p=2这个图标网站把图标下载下来放在对应的img目录下，发现没起作用
然后根据教程把|| 后面的名称也写成图标对应的名称，也没作用
最后发现fa或者fab这些原本的前缀不能删除，只改后面对应的名称就行
在这里插入图片描述

lijieling123
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
使用GitHub Pages + Hexo 快速搭建个性化博客(四)-博客菜单和侧边栏优化
kui的博客
03-20 6921
在之前三节的基础上，博客已经有了新的展现，之后基本框架就会是固定的这个模板，但其中还有许多可以优化的模块接下来将进行描述，本时段直播NexT主题博客菜单设置、侧边栏的进一步设置和优化，如分类页，标签页，个人社交网络链接等。
hexo静态博客修改侧边栏
小宇的博客
11-20 7826
hexo主题默认的侧边栏只有首页、归档、标签这几项。调研了几个比较优秀的博客之后发现，还需要添加关于、搜索、阅读、旅行等等几个侧边栏项目，那么如何在博客里面添加新的侧边栏项目呢？ 原文：小宇的博客添加关于、留言项目关于、留言这两个项目实际上是利用了hexo的page页面功能。Step1 新建关于页面hexo new page about INFO Created: ~/blog/source/ab
搭建hexo博客遇到的奇异问题--next主题侧栏不显示
BestQiang的博客
03-19 1万+
搭建hexo博客遇到的奇异问题–next主题侧栏不显示 hexo搭建完成后,尝试的各种主题,在next主题的应用中,惊奇的发现它的侧栏一直为灰色,而设置里已经打开了侧栏 最后发现,在灰色区域移动时,鼠标会出现小手,这说明里面是有东西的,只是被某种东西覆盖,或者隐藏了,所以打开调试工具进行检测,果然发现这个区域的透明度设置为了0,我果断把0给取消,div果然正常显示了 正常显示的效果如下: ![...
hexo next 解决自定义侧边栏用户社交链接小图标 custom sidebar social icon
牛奶牛撕面包的博客
02-03 2084
solution review next主题下侧边栏社交链接小图标默认从FontAwesome网站获取图标，但是国内某些网站，如Bilibili，网易云等等，并不支持。 博主希望能够自定义各种侧边栏小图标，目前搜索到的教程并不能解决该问题。 hexo+next主题侧边栏社交小图标设置的问题 Hexo + NexT 通过自定义样式添加 Bilibili 图标 NexT sidebar setting document 经过一番尝试后，最终解决，效果图如下： 博主使用的版本号为： hexo: 5.4.1 he
手把手搭建hexo博客——hexo4.0 - Next7.2.4 主题优化配置
xiaohu的博客
10-22 4298
文章目录Next主题的安装Next主题优化配置1.Next主题风格：2.添加博客自定义图标3.添加动态背景4.添加看板娘5.鼠标点击特效6.设置头像7.设置RSS订阅8.侧边栏社交小图标设置9.支持数学公式10.Tag 标签前图标修改11.访问量统计12.实现文章统计功能13.添加网页顶部进度加载条14.添加站内搜索15.在文章底部增加版权信息16.Footer / 页脚设置17.Creative...
hexo侧边栏社交小图标设置
阿甘的博客
01-12 6793
实现效果图 具体实现方法 打开主题配置文件（_config.yml），搜索social_icons:,在图标库找自己喜欢的小图标，并将名字复制在如下位置，保存即可
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
AomanHao的博客
03-20 5894
随机背景图片加载 原理 自动更换背景是修改添加背景的css样式实现 图片来源 https://source.unsplash.com/ 修改背景样式 修改themes\next\source\css\ _custom\custom.styl文件，这个是Next故意留给用户自己个性化定制一些样式的文件，添加以下代码： body { background:url(https://source....
我的博客（Hexo + NexT + GitPage）.zip
02-28
"说明.txt"可能包含了关于如何部署和配置这个博客的指导步骤，包括安装Hexo、设置NexT主题、配置GitPage、本地预览和推送更新等步骤。 JavaScript是这个标签提到的关键技术，它是构建动态网页和Web应用的重要语言。...
Neveryu.github.io：我的博客（Hexo + NexT + GitPage）
02-03
构建设置 # install dependencies npm install # serve with hot reload at localhost:4000 npm run dev # build with hot reload npm run dev-proxy # deploy npm run deploy 移动端快速访问： 浏览器支持浏览器...
博客：我的博客！ 基于Hexo + Next
02-17
为了管理和维护基于Hexo+Next的博客，你需要掌握Markdown的基本语法，理解Hexo的工作原理和配置，熟悉Next主题的定制方法，以及一定的HTML和CSS知识。这将帮助你打造一个既专业又个性化的博客空间，同时也能提升你的...
hexo next主题
06-29
7. **自定义菜单与小工具**：用户可以根据需要添加导航菜单、侧边栏小工具等。 8. **多样的布局**：包括普通文章、网格布局、瀑布流等多种布局模式。 9. **强大的搜索功能**：集成Algolia或Lunr.js等搜索引擎，提供...
Hexo 博客系统的侧边栏
最新发布
06-01
Hexo 博客系统的侧边栏。使用现有模板创建新文章。侧边栏，包括标签、类别、帖子和草稿。使用资产文件夹预览图像。Hexo 标签语法高亮显示和 Hexo 片段（Markdown 片段前缀不触发片段)。直接从剪贴板粘贴图片，默认...
NavigationDraw_Circleimg侧边栏圆形头像动态图标
12-08
修改Android Studio自带Navigation Drawer Activity样式，改成圆形头像，加动态图标指示侧边栏开启状态。
next侧栏社交图标不显示问题
CHENGXUYUAN09的博客
11-27 1139
最近一有空闲时间就琢磨自己的博客，在给这个博客灵魂之前先把整体展示框架给弄出来，不然心里很不舒服。关于美化博客的文章只要上网查资料有很多，开始我到处去借鉴那些大神大咖的力作慢慢的一点一点美化了，尤其是设置社交图标时没少折腾，看了官网文档next使用文档怎样图标都不显示，最后有位大神提到文档有问题。我才恍然大悟跟着他的指示去改 在主题配置文件_config.yml ->>...
【个人网站搭建】hexo框架Next主题侧栏增加社交链接
C/C++攻城狮
04-28 1196
0x00 前言 文章中的文字可能存在语法错误以及标点错误，请谅解； 如果在文章中发现代码错误或其它问题请告知，感谢！ Hexo博客框架版本（hexo vesion）：5.3.0 Next主题版本：v5.1.4 0x01 实现方法 1 配置方法 在主题配置文件themes/next-theme/_config.yml中，搜索social，在social下使用如下格式增加侧栏链接： Key: permalink || icon Key为显示给访问用户的链接名称； permalink为链接地址； icon为Fo
hexo的next主题个性化教程：打造炫酷网站
热门推荐
距离的博客
05-24 5万+
看到有些next主题的网站很炫酷，那么是怎么配置的呢？接下来我会讲一讲如何实现一些炫酷的效果 主要有以下32种： 在右上角或者左上角实现fork me on github 添加RSS 添加动态背景 实现点击出现桃心效果 修改文章内链接文本样式 修改文章底部的那个带#号的标签 在每篇文章末尾统一添加“本文结束”标记 修改作者头像并旋转 博文压缩 修改“代码块自定义样式 侧边栏社交小图标设置
hexo侧边栏一直加载报错问题解决
stay hungry,stay foolish!
01-12 311
注意：修改的是主题下面的配置文件。
Hexo中Next主题的简单个性化
Just do it !
04-22 2357
差不多有一年多没有折腾博客了，最近想着还是要重拾写博客的这一习惯，所以就动手将hexo重新折腾了一番。 1.评论系统 本来Next主题中是默认支持多说和Disqus的，但是多说已经关闭了，而且Disqus也被墙了，其他的一些评论系统用户量又不是很大，碰巧在github上看到了两个基于issue的评论系统gitment和comment,就想着在Next中也给配置一下，开始还在两个系统中纠结了...
hexo+d+spwanfailed
12-01
根据提供的引用内容，hexo+d+spwanfailed的问题可能是由于hexo deploy命令执行失败导致的。这个问题可能有多种原因，以下是一些可能的解决方法： 1. 检查你的网络连接是否正常，如果网络连接不稳定，可能会导致hexo...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值