首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何添加调用矢量图标库

前言 为什么站长要写一篇关于个人网站如何添加调用矢量图标库?因为图标好多,好看!!!...一、矢量图标库账号 如果您已有账号,可以忽略此步骤,如图登录方式有四种,一个是手机号注册登入,一个是Github另外一个是微博,域账号我们用不了,无论哪种都是关联账号,没有注册,选择一种登录即可,站长这边使用手机号注册...Markup 将“阿里巴巴图标代码”换成刚刚复制好的代码,如上图蓝色区域所示,右侧开启接口,点击底部保存,回到阿里巴巴图标库网站...回到网站首页,查看效果 最后,可能你会发现,图标安装之后格局有一丢丢的变化,图标大小不统一,因为默认的图标库的16号字体,网站默认使用的是14号字体,打开主题设置 >> 首页设置 >> 自定义css选项...(其他网站将此css样式加入css表即可) CSS i.icon{font-size:inherit;} 五、其他一些细节设置 点击图片会出现如下图编辑功能可以调整图标颜色,大小等等 六、总结 在矢量图标库新建一个项目

1.3K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    怎么使用阿里巴巴矢量图标库图文教程

    最近好久没写文章了,不为别的,就因为上周五晚上网站服务器被攻击了,原因未知,无论是百度统计还是腾讯CDN流量情况都还算正常,跟腾讯客服沟通到凌晨,问题依旧没有解决,从而导致很多用户的主题配置无法访问,...确保数据库不会丢失,嗐,无奈啊~~~ 好了,不废话了,今天教教大家怎么设置导航图标和使用阿里巴巴代码,话说奥森图标貌似没在更新(或许是我没关注),所以在最新的主题模板明信片上将奥森图标统一换成了阿里巴巴图标库...阿里巴巴图标库:预览字体  (采用:Font class 模式) 1.首先注册阿里巴巴图标库账号 如果您已有账号,可以忽略此步骤,如图登录方式有两种,一个是Github另外一个是微博,阿里域账号我们用不了...代码格式如下: 将“阿里巴巴图标代码”换成刚刚复制好的代码,如上图蓝色区域所示,右侧开启接口,点击底部保存,回到阿里巴巴图标库...最后的最后,你会发现,图标安装之后格局有一丢丢的变化,这就是我之前说的,图标大小不统一,因为阿里巴巴默认的图标库的16号字体,主题模板默认是14号字体,打开主题设置,全局设置,添加如图代码即可解决。

    2K60

    腾讯偷袭腾讯

    02李鑫眼神.jpg 时间回到九月份的一个下午,坐在工位上的的E.m突然接到一个秘密任务: 干掉腾讯! 行动代号:干掉腾讯  下达这道命令的是Fooying。...Fooying是腾讯安全鼎实验室的成员,负责守卫腾讯的安全。从加入腾讯的那一天起,他和他的团队就枕戈待旦,时时刻刻提防着黑客对腾讯的攻击。...随着腾讯的快速发展,越来越多的企业入驻腾讯,不少黑客也将攻击的目标转移到了上。国内外因为被黑客攻击导致的删库、数据泄露、病毒勒索的公司比比皆是。腾讯云安全的重要性可想而知。...刘钢工位前.JPG Rud是本次红蓝对抗的红军负责人,将迎战蓝军猛烈的攻击,守卫腾讯。 在腾讯,每天都有众多安全人员在巡视、建设腾讯的安全防线。尽管如此,攻防两端终究是一场不均衡的较量。...腾讯的红蓝对抗已经逐步常态化,既是保护自己的方式,也是守护上合作伙伴的重要途径。 腾讯,正在用一场场自我的战斗,磨练出更安全的

    113.6K30

    :RemixIcon和它背后的故事

    RemixIcon 是一套简洁开放的矢量图标库,该图标库在 GitHub 上获得了 3K个Star,身边不少同事朋友对它赞赏有加,本期「有:」邀请到了RemixIcon的作者 - 萧醇,聊聊作者本人对图标库的看法...小编:先和大家简单介绍一下 RemixIcon 吧 萧醇: RemixIcon 是之前业余时间维护的 Side Project,是一套面向设计师和开发者的矢量图标库。...作为静态生成器,通过本地构建的方式将图标进行打包,配合第三方开源插件生成字体包,利用 json 管理和维护搜索关键词和展示内容,构建成标准的 Html+CSS+JavaScript 静态文件;最后上传到「腾讯...腾讯的静态托管还是蛮优秀的,提供了 CDN 进行全球加速访问,除了少数国家出现节点访问失败的情况,大部分的访问速度都很不错,只是发布上比较麻烦,属于纯手工上传,目前还不支持动态获取 GitHub 仓库内容...npm 平均每周大约在 3000 次调用;网站流量大概每个月 200G 流量,腾讯 18 元 100G 的流量包我每个月买两次......

    1K10

    面向设计师、开发者的开源免费图标库

    1. iconfont ---- https://www.iconfont.cn 国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。...阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具 前端 UI 框架 layui 的内置图标就是取材于阿里巴巴矢量图标库,当内置的图标不够使用时,可以在阿里巴巴矢量图标库自行查找图标进行扩展,通过 css...Remix Icon ---- http://remixicon.cn Remix Icon 是一套面向设计师和开发者的开源图标库。...适合用于小程序、移动端的底部菜单图标 3. iconPark ---- https://iconpark.oceanengine.com IconPark 图标库是一个由字节跳动出品,通过技术驱动矢量图标样式的开源图标库...Font Awesome ---- https://fontawesome.com 在很多基于 Bootstrap 的后台管理系统中都会使用到这个图标库,这个是国外的网站,访问会比较慢

    62920

    腾讯:基于腾讯搭建WordPress(领取腾讯优惠券)

    这篇文章交大家如何在腾讯上创建一个WordPress网站,方法及其简单,小白都能操作,个人做网站多年,这是最好的一个建站方案,如果你想搭建一个自己的博客,可以按照我的图文操作试试,我的教程是基于Linux...首先就是注册购买服务器购买域名详细参考:腾讯服务器怎么购买(领取腾讯优惠券) 腾讯新客专属福利2860元代金券 腾讯新客专属福利2860元代金券 腾讯双十一最新活动 腾讯双十一最新活动 购置一个域名...域名注册地址 1,首先需要在腾讯购买一台服务器 打开腾讯云云服务购买页面,也可以打开腾讯优惠活动页面购置一台服务器 QQ截图20201110170311.png 选择CentOS系统

    96.8K80

    小程序·开发实战 - 校园约拍小程序

    -身份证识别实现实名认证,智能鉴黄结合人工完成发布信息的审核undefined 3.开发工具:微信开发者工具、VScodeundefined 4.部分图标使用自阿里巴巴矢量图标库 总体设计 功能结构图...方案一undefined在腾讯云中搜索身份证识别,上面会有详细的API文档以及测试工具帮助你快速使用 [10.png] 点击查看腾讯-身份证识别 方案二undefined方案一是以提供API接口的形式提供身份证识别服务...,而接下来要介绍的方案真的就比较简单了,在腾讯云中搜索智能图像,其中的增值服务AI智能图像能力,你可以通过函数和存储实现相应功能,基于小程序开发的 AI DEMO中开发好了部分功能,你只需通过教程将函数和组件引入你的项目即可使用...[11.png] 点击查看腾讯-智能图像 点击查看基于小程序开发的 AI DEMO 特别提醒:当然使用这些服务也并非是完整的解决方案,对于身份证信息的加密、存储方案、安全协议等还是需要各位小伙伴自行设计解决方案哦...:Iconfont阿里巴巴矢量图标库 开发工具:微信开发者工具 开发者工具:Vscode 腾讯服务:身份证识别 腾讯服务:智能图像 API文档:微信官方文档.小程序 技术文档:ES6

    3.9K31

    【玩转腾讯】Hexo博客部署腾讯

    简介 由于博客原来部署在Github上访问速度太慢,所以将原Hexo博客部署到腾讯 部署环境 腾讯服务器(CentOS 64位) 服务器配置 安装依赖包 yum install curl-devel...chmod 400 /etc/sudoers 本地使用gitbash创建密钥 ssh-keygen -t rsa //因为我在GitHub上部署博客时已经创建过密钥,这里可以直接跳过生成,用以前的密钥 在腾讯云中创建...600 .ssh/authorized_keys chmod 700 .ssh 本地测试 ssh -v git@SERVER //@后是你自己的服务器公网IP,如果不出现failed字样,说明成功 服务器中创建网站目录并设置权限...config.yml文件中的deploy后的repo改为: git@SERVER:/home/git/blog.git //@后为你的服务器公网IP 以上全部完成后,执行hexo的部署命令即可完成在腾讯服务器上的博客部署

    82.2K2215

    腾讯Serverless】腾讯Serverless + Typescript实践

    目的 最近serverless愈来愈火,我刚好在培训,比较有时间去尝试一些新东西,所以趁这个时候去使用下serverless,尝试使用typescript和nodejs开发,部署在腾讯scf上的一个小工具...环境搭建 首先为了方便开发,建议安装腾讯scf提供的命令行工具或者vscode插件。...而在部署的时候,我才发现在使用typescript时,无法在腾讯scf目前的部署要求以及项目的文件目录管理中做到完美的配合。 后面和同事讨论后,还是有不错的方法是达到两者的平衡。...scf,是可以运行的,而且是把整个项目都打包了上去,日后腾讯scf接入了cloud studio,webIDE看到的文件架构和本地看到的文件架构是一致的。...总结 上面说了这么多,这里给一个总结就是: 虽然腾讯scf没有原生支持typescript,但是经过一些方法还是可以做到两者的完美配合。

    147.2K52

    【玩转腾讯腾讯函数SCF初探

    前不久的微信开发者大会上在推他们的Serverless架构,即他们的产品腾讯函数SCF。...大意就是workers提供一个免运维的轻量级的js的运行环境 现在微信小程序开发这么火,那么就拿腾讯的SCF函数作为一个入门的helloword。...相关的配置信息,可以打开腾讯的web控制台查看。 接下来就是编写函数部分了。...通常来说,很多云服务对内网流量是免费的,比如腾讯COS,而函数也有一些内网流量的免计费的说明,如果你的服务器刚好部署在成都区,那么,流量就变成走公网得收费了,当然还有时延问题。...这个也说明函数还有待完善的地方,不过相信以后还是会越来越好。

    63K92
    领券