Yilia主题增加左侧社交图标

最新推荐文章于 2021-09-19 19:16:46 发布
最新推荐文章于 2021-09-19 19:16:46 发布
阅读量725 收藏 5
点赞数 4
分类专栏： Hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40922859/article/details/100878573
版权
本文介绍了如何在Yilia主题中增加自定义的社交图标，无需webpack打包。步骤包括寻找图标素材，使用百度字体编辑器新建项目，修改字形信息，下载并替换主题文件，最后更新配置文件实现图标显示。
摘要由CSDN通过智能技术生成

dfsa57375fd.jpg

Yilia主题自带是社交图标比较少，这里给出一种简单、
不用 webpack 打包的方式，添加自己需要的社交图标。

1、找到自己需要的图标素材

可以是图片，也可以去一些矢量图标库去找图标素材，这里推荐阿里巴巴矢量图标库：点这里

QQ截图20190811171500.png

2、打开 yilia\source\fonts 目录

QQ截图20190810202753.png

找到这四个文件，复制其中的iconfont.xxxxx.svg文件备用。

3、打开百度字体编辑器：点这里

最低0.47元/天 解锁文章
本该如此
关注
专栏目录
社交图标AI
02-18
常用的中国各大社交网站社交网站图标AI
个人网站与门户网站是两个不同的概念，但它们之间也有一定的联系
BLOG域名:programb.blog.csdn.net
07-04 1395
个人网站与门户网站是两个不同的概念，但它们之间也有一定的联系。 个人网站是指个人或团体因某种兴趣、拥有某种专业技术、提供某种服务或把自己的作品、商品展示销售而制作的具有独立空间域名的网站。个人网站通常包括主页和其他具有超链接文件的页面，是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。而门户网站，是指上网必经、必用的网站，通常具备搜索、新闻、邮箱、论坛等功能，用户可以通过门户网站一站式地获取所需的信息和服务。门户网站是一个应用框架，它将各种应用系统、数据资源和互联网
Hexo yilia 主题一揽子使用方案
热门推荐
YunShell
04-07 2万+
在用 Hexo 搭建完毕后，接着就寻找主题了，对比了几个主题 ，发现这个yilia 主题比较干净，简洁，于是就选了这个主题，但是有些细节不太习惯，于是就研究调整了一下，就是现在这个博客的样子。 查看所有文件，提示缺失模块 yilia 在首次使用时，点击所有文章 时，会出现模块找不到的错误，可按照提示操作即可 注意一下，_config.yml 路径是指 根目录下的，而非 yilia 主题...
hexo博客yili主题个性化自定义教程（1） ——借鉴中学习，初认yili主题
奥怪的小栈
11-02 681
文章转载于：hexo博客yili主题个性化自定义教程（1） ——借鉴中学习，初认yili主题 这个博客跌跌撞撞也弄了好多天了，由于Next主题不知道什么情况，被我玩坏了。所以换了一个主题。 大名鼎鼎的yilia主题，崇尚简约优雅，以及极致的性能，符合我的性格。以后很长一段时间都用这个主题啦。 接下来来说一下一些yili主题个性化自定义的方法和自己走过的坑。 本教程适用于yilia主题 前言 ...
hexo博客yilia主题 如何自定义个人博客的背景图片
甦傑的博客
02-02 1351
hexo博客yilia主题 博客背景的设置 个人博客系列文章目录 hexo博客yilia主题 所有文章模块缺失最新解决方案 hexo+yilia博客报错post.categories forEach is not a function 文章目录hexo博客yilia主题 博客背景的设置个人博客系列文章目录前言经历和感受添加与取消的具体步骤一、 前期准备1.创建photos文件夹2.下载好看的壁纸3.重要操作二、修改配置文件左侧栏目上部背景图片左侧栏目下部背景图片右侧栏目下的背景图片4.执行下列命令
hexo(yilia)主题界面个性化美化——CSS更改
weixin_45924299的博客
09-19 661
title: Hexo主题界面美化 subtitle: yilia date: 2021-09-19 11:07:41 tags: [‘Hexo’,“yilia”] 开始 CSS更改 文件目录:myblog\themes\yilia\source\main.0cf68a.css 左边侧边栏 .left-col{ 侧边栏菜单 .left-col #header .profilepic(头像) .left-col #header .header-menu(主页菜单) .left-col #header .h.
yilia-qure:基于yilia主题进行优化，简约清新风格的博客主题
05-22
Yilia-qure 简约清新主题 ================ PC端 简约优雅的个人博客，移动端，适配pad，请访问 查看效果。 Powered by 主题配置 配置过程遇到问题欢迎Q我：2411535738 安装 克隆代码 git clone ...
hexo-theme-yilia:Litten 优化的基于主题 yilia 的 hexo 主题 yilia
07-06
【标题】"hexo-theme-yilia" 是一个基于 "Litten" 优化的 Hexo 博客主题，名为 "yilia"。这个主题是专门为 Hexo 框架设计的，旨在提供美观、个性化的博客展示效果。 【描述】Hexo 是一个流行的静态站点生成器，它...
Node.js-Yilia一个简洁优雅的hexo主题
08-09
**Node.js-Yilia：一个简洁优雅的Hexo主题** 在Web开发领域，静态博客生成器Hexo因其高效、易用和强大的插件系统而受到广泛关注。Hexo支持各种主题，其中“Yilia”是一个广受欢迎的选择，它以其简约优雅的设计风格...
hexo-theme-yilia-plus：一个简洁优雅的hexo主题
02-04
hexo-theme-yilia-plus ...增加了多个SubNav导航图标展示 添加GitHub Ribbons（请分叉给我） 页脚Litten自定义（弃用） 添加版权声明 添加百度站长平台主动推动 集成搅拌 :right_arrow: :right_arrow: 添加网
Hexo博客yilia主题的美化
weixin_44151974的博客
04-30 1080
1. 显示摘要（而不是全文显示） 在编辑你的博文的时候在你需要在摘要出显示出来的内容后面插入一行 css<!--more--> 或者在yilia/_config.yml 文件修改 excerpt_link: more 2.优先级配置 修改根目录配置文件/_config.yml,top值-1标示根据top值倒序（正序设置为1即可），同样date也是根据创建日期倒序。 index_ge...
搭建hexo博客与yilia主题优化
weixin_42585316的博客
03-23 1026
一、目的 作为一个学程序的，有个个人博客，平时写写自己的学习笔记，记录一下自己的生活，写一些自己在学习过程中遇到的一些坑，还有记录一下自己的项目作品，我觉得这是一个很有趣的事，另外，个人博客在自己找工作的过程中是一个很好的加分项。 我其实也是一个小白，什么都不会，一些网页的知识都不知道，而我跟随大佬一步步搭建出了我的个人博客，故此记录一下整个过程，写一些我遇到的坑。 大佬视频：手把手教你从0开始...
yilia 的html模板,自己动手修改完善yilia主题（下）
weixin_36121354的博客
06-19 297
这一期咱们接着来说自定义Yilia主题的事。本文涉及到的修改稍微有一点点复杂，可以参考我的 GitHub仓库 。修改webpack打包路径为了方便管理代码，也是为了看起来干净一点，我简单修改了一下主题文档结构，把资源文件放在了 assets 目录下修改 webpack.config.js 的 output 模块output: {path: __dirname+"/source/assets/",p...
hexo博客搭建感想以及yilia主题的一些美化
qq_45014037的博客
05-03 652
这篇文章主要列举了利用hexo搭建博客遇到的问题和解决方法以及yilia主题的一些美化功能的添加 遇见的问题一：在使用命令hexo s 运行后localhost:4000无法访问 运行hexo s之后没有出错，但是localhost:4000不能访问，应该是hexo默认的窗口被占用了，可以换一个窗口试试。 使用命令 hexo s -p 4001 若是还不能访问，可以等一段时间，因为该窗口可能没有...
Hexo+yilia主题 添加 Subnav 社交图标
爱吃芒果的西瓜
07-07 1024
Hexo+yilia主题 添加 Subnav 社交图标 想在Subnav上添加自己的CSDN博客地址、简书。。像这样操作 制作图片文字 我推荐一个可以搜索到自己想要图标的网址，下载即可 https://www.easyicon.net/ 下载好图标（png格式），接下来搜索网址http://fontstore.baidu.com/store#!/进入到如下图： 点击FontEditor编辑...
【Hexo】yilia主题 添加 Subnav 社交图标 CSDN STEAM PSN等等
csdn_inside的博客
04-09 1780
最近在捣鼓个人博客，github上有一个比较简洁美观的theme：yilia-theme： 想在Subnav上添加自己的PSN、Steam还有CSDN博客地址。。像这样： ...
hexo主题yilia个性化（一言，左侧栏自定义，图片自定义...）
Huamang的博客
12-09 1453
hexo主题yilia个性化 展开全文的美化 在md文件中加这个标签会有两个跑出来，我觉得很不美观 所以找了另一个办法 在yilia的_config.yml中把这个more改成空格就行了 为博客网站更换logo 1.将图片放在yilia的img文件夹里 2.在yilia的config文件里把路径加上 展开全文的使用 1、node.js版本必须6.2以上 2、在hexo根目录下执行命令：npm i hexo-generator-json-content --save 3.在根目录下的config里
yilia头像/图标设置
dta0502的博客
11-23 6589
存放位置 头像/图标图片的存放位置是/themes/yilia/source/下任意位置，可以自己新建一个文件夹存放，我存放在assert文件夹下。 配置设置 配置文件为/themes/yilia/_config.yml。设置头像为配置文件中avatar一项，设置图标为配置文件中favicon一项，设置路径的根目录为/themes/yilia/source/。例如，我的头像存放的地址是/theme...
hexo+yilia主题博客如何添加图标icon
diaojian0245的博客
11-28 859
1. 先去比特虫网站做icon图标 2. 图片放到hexo/source/img文件夹下 3. 找到hexo\themes\modernist\layout_partial\head.ejs，设置为 <% if (theme.favicon){ %> <link rel="icon" href="/img/favicon.ico"> ...
"Hexo Yilia主题建立个性化博客：优化方案分享
Hexo yilia是一款受欢迎的博客主题，提供了丰富的功能和美观的界面，使得建立一个个性化的博客变得轻而易举。本文将介绍如何使用Hexo yilia建立一个自己的博客，并且分享一个优化方案的详细步骤。 首先，要建立一个...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值