fontClass 支持字体的样式定义，但不支持多色字体，兼容性良好，当要替换图标时，只需要修改 class 里面的 Unicode 引用。只需要 html 和 csss。
如果您已有账号，可以忽略此步骤，如图登录方式有四种，一个是手机号注册登入，一个是Github另外一个是微博，域账号我们用不了，无论哪种都是关联账号，没有注册，选择一种登录即可，站长这边使用手机号注册
前面铺垫写了不少HTML、CSS、Photoshop的文章，那么本篇章就是要结合起来挑战写写京东的商城首页了。
本文只介绍hexo怎么设置菜单图标，并不说明怎么安装Font Awesome字体(因为一般主题都已经带了)，如需了解的请自行百度。
Butterfly主题使用阿里巴巴iconfont⛄yooo~ 今天教大家美化Butterfly的字体图标⛄Butterfly主题支持 font-awesome v6 但是还是不够用怎么办呢？⛄可以使用阿里巴巴iconfont来拓展啦Butterfly版本：4.5.1选择图标iconfont图标库地址：iconfont-阿里巴巴矢量图标库找到自己需要的图标之后点击 添加入库图片图片将图标添加至项目中图片生成代码 并 复制代码图片图片Butterfly配置新建css文件在Butterfly主题文件夹下的 /s
HTML5学堂小编的话：昨日发布的iconfont的内容有些不足，对于可能不太了解iconfont和特殊字体的学习者来说，可能会存在一定的理解问题，在此针对昨日内容进行补充，详细讲解。 字体相关知识 了解iconfont（字体图标）前我们先了解下字体，因为iconfont的实现与字体息息相关，所以掌握字体相关知识便于理解iconfont。接下来看一个简单的例子 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5Course
Font Awesome是一套绝佳的图标字体库和CSS框架，它是可缩放的矢量图标，用户可以可以对图标的特性进行更改，比如大小、颜色、阴影等并且可以组合不同的图标创造自己喜欢的图标。Font Awesome的产生，为网页设计和Web前端开发人员带来极大的方便
因为使用hexo搭建的博客中，大家并不懂都有什么图标，fa fa-xx就懵了，不知道都有什么。
顶栏算是目前首页唯二还能看出来是Butterfly的版块了，另一个是侧栏按钮。因为之前的SAO-controller没有达到预期。
博主使用Handsome主题已有一段时间，这款主题论售后还是更新都很好，而且也主题本身也不贵。 如果你是小白或者第一次使用这个模板，那一定要仔细看好了作者写的使用文档 本文博主整理了几种美化样式，希望有喜欢的~
V6.3 【优化】 优化手机端首页数据中心节点 【修复】 修复独立服务器订购页面无法获取头像名称 【新增】 新增适配官方实名认证 新增首页手机端节点图片 V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对 修复获取用户QQ名称头像有一定概率报错 【新增】 新增首页服务卡片形成2×2对称 新增首页动态数据中心节点 新增服务器产品页面动态内容卡片 新增服务器产品页面动态服务内容 新增CDN产品页面动态内容卡片 新增首页及所有产品页面返回到顶部图标 V6.1 【优化】 优化升级模块 0.23 优化安装模块获取加密 【修复】 修复电脑端多处样式错位 优化部分细节和独立服务器售卖优化 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载 优化主题首页底部颜色和版权网站信息排版优化 优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 一键安装模块 一键升级模块 新增后台更新页面 新增图片懒加载优化体验 新增 Font Awesome 5 图标库 V5.62 1.更新注册防刷验证码不分大小写输入验证
V6.3 【优化】 优化手机端首页数据中心节点 【修复】 修复独立服务器订购页面无法获取头像名称 【新增】 新增适配官方实名认证 新增首页手机端节点图片 V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对 修复获取用户QQ名称头像有一定概率报错 【新增】 新增首页服务卡片形成2×2对称 新增首页动态数据中心节点 新增服务器产品页面动态内容卡片 新增服务器产品页面动态服务内容 新增CDN产品页面动态内容卡片 新增首页及所有产品页面返回到顶部图标 V6.1 【优化】 优化升级模块 0.23 优化安装模块获取加密 【修复】 修复电脑端多处样式错位 优化部分细节和独立服务器售卖优化 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载 优化主题首页底部颜色和版权网站信息排版优化 优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 一键安装模块 一键升级模块 新增后台更新页面 新增图片懒加载优化体验 新增 Font Awesome 5 图标库 V5.62 1.更新注册防刷验证码不分大小写输入验证 V5.61 1.同步更新官方最新短信注册防刷功能，重做弹窗窗口界面 然后没了
1 最近几年微信小程序特别的火，快捷容易不需要下载所以不占内存，给我们带来方便。支付，小游戏，应用等很多地方都需要小程序。其实小程序的开发和网页制作基本一样，都是需要用标签来定义。那么如何来设计简单的小程序页面？需要哪些元素呢？
HI，大家好，首先先介绍下大家比较关心的几个问题，首先需要安装zblogPHP版本（一般来说安装最新版即可），不会安装的查看此地址：zblog安装图文教程，附zblog主题下载及使用教程，程序安装完成之后，需要下载和开启主题，如果您是在应用中心购买的，可以忽略前半部分，直接查看主题设置内容接口，否则请继续查看教程。
③ 可以在项目styles中新建wxss文件，将上面网址中的wxss样式粘贴到文件中。也可以直接使用在线样式，直接使用上图中的网址。
这些操作都和商品列表是联动的，也就是商品列表和购物车里增删个数，都是可以同步的。我会在项目预览章节的视频里做具体演示。
http://www.cnblogs.com/jikey/p/3631292.html
历时一个多月的锦鲤主题，终于完成了。2019首发Z-blogPHP锦鲤主题模板（Koilee · 开运锦鲤），部分模块移植WP主题，目前主题已经完善，主题简洁、大气，适合个人博客及文章写作等，先介绍主题吧。
先来简单的介绍一下字体图标。字体图标是近两年才流行起来的技术，主要是因为 CSS3 增加了一个非常实用的属性 @font-face。传统的网页中的字体设置，使用 font-family 属性来定义，而且受限于浏览者电脑上所安装的字体，如果浏览者电脑上没有安装对应字体，那么网页渲染起来就会使用其他字体来代替。
转载注明出处，欢迎关注微信小程序小白AI博客 微信公众号小白AI或者网站 https://xiaobaiai.net或者我的CSDN https://blog.csdn.net/freeape
经过上一篇文章，开发出来了第二个 Flutter 程序，接下来是给大家详细的介绍下 Flutter 的布局组件。
在根目录下执行 npm run build 后，会将项目文件生成到 dist 目录。
最近由于工作原因以及自己的懈怠，已经很久都没有更新过博客了。通过这段时间，我发现坚持一件事情是真的很难，都说万事开头难，但是在放弃这件事上好像开头了后面就顺理成章的继续下去了。中间即使不怎么情愿也在努力的每周更新博客，但是自从9月份以来，第一次因为工作需要加班而断更之后，后面好像很容易找到理由断更。从这件事上我学到了一点：在坚持一件事的时候千万要坚持，只要中间放弃一次，后续就可以心安理得的将其抛之脑后。这次在这里也是希望自己能够再次坚持之前的每周至少一更。即使没有内容。。。。 感想就这么多，现在进入真正的主题——HTML+CSS相关内容的整理，因为网上针对HTML+CSS的相关知识已经很多了，而且都是很零碎的点，大多是对应的代码，也可以说是应用性极强的，我本人是不太喜欢大段大段的帖代码的。学习的过程中我喜欢从理论或者从实践开始，根据需求或者理论来写代码，需求清楚了，流程出来了，代码就是水到渠成的事。所以这次就根据具体的一个网页项目来梳理一下我这段时间学习这些东西的成果。 最终的效果图如下:
项目名称：品优购 项目描述：品优购是一个电商网站，我们要完成首页、列表页、详情页、注册页面的制作
这是一个采用 Material Design 和响应式设计的 Hexo 博客主题。
注意：此处可直接在解压出来的目录中进行图片的替换和修改，建议将整个images目录备份后再进行操作，修改后的图片名称需与原文件名称保持一致（如，修改home图标时，可将原图标删除，粘贴一张名为home.png的图标放置在images/tabar目录下）
宁静致远(Quietlee)自媒体博客、新闻、资讯互动类主题模板及强大的SEO优化效果，此款主题源自《小灯泡设计》，移植TY程序的Spimes主题，致敬原作者，这是一款非常nice的主题模板，风格简约，兼容多媒体移动端显示，拥有独立的分享代码，不在依赖百度（想依赖也不行，百度分享官网都挂了），支持一键生成海报模式，还移植了源主题模板的阅读模式，优化了夜间模式代码，增加了网站首页底部CMS列表模块，后台自带开关，更多功能介绍请听我一一道来。
“ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，是一种终极的跨平台解决方案，这里的平台，主要指的是App平台(android、ios)、小程序平台、H5平台。开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 ” 01 开发一个小视频应用 一 初始化项目 打开HBuilderX IDE，新建一个名称为mini-video的初始化uni-app项目，这里勾选uni-app即可创建，项目创建完成后，打开pages
一般来说，我们的个人博客都会放上一些社交图标以及社交链接。这样一来，想要关注我们更多的最新研究或工作的读者就可以很快找到路径。于是，在 Jekyll 博客主题设计的时候，通常会在个人简介的地方放置几个社交小图标，点击社交小图标即可把读者带到你的社交个人主页上。对于不同类型的作者，常用的或者关注的社交平台基本上不大一样，社交小图标也会有不一样的需求。比如说，对于从事科研工作的人来说，像谷歌学术、ResearchGate、ORCID 等等能够列举发表论文或者相关研究的平台就比较重要；对于一般程序员来说，像 Github、Gitlab、Segmentfault、CSDN、简书等等能够展示自己所参与的项目和技术心得体会的平台就比较重要；对于前端设计师来说，像 Instgram、UI 中国、Dribble等等能够展示 UI 设计作品的平台就比较重要。因此，对于一款 Jekyll 博客主题的设计者来说，同时要兼顾到这么多不同的需求可能会有点为难，毕竟领域不同、了解的程度也很有限。
usr/themes/handsome/component/footer.php删代码至如图所示
在介绍项目列表之前，先让我们热热身，做一个各个页面都会出现的 右上角返回主页按钮，这里会学习到一些css属性和js的使用。 在之前的章节中，我们规定home.html 作为我们的主页。那么我们给其他人分享的平台地址应该是：你的ip:8000/home/
最终的效果如下图所示，下面小编一一为大家解析每个部分如何实现，并附上最终的实现代码。
注意！！！超链接的四种状态样式的排列是固定的，一般不能随意调换 正确的顺序时Link，visited,hover,active
之前看过一个彩色标签云的插件，这里用js为标签随机添加上预先定义的颜色，每次刷新都会进行换色：
本文开始会把之前项目中遇到的一些问题进行分类整理，并得出其经验值。也许其本身在今天的技术架构中没有任何实用价值，但在项目开发中能有举一反三的作用。
经过上一篇文章的学习，我们大家可以了解到布局相关的组件，但是在实际开发中，我们还需要使用到其他的组件，比如按钮、图片、文本、输入框等等，这些组件都是我们在开发中经常使用的，所以本篇文章我们就来学习一下这些常用组件。
当你看到这里的时候，应该已经有一个自己的 Hexo 博客了。如果还没有的话，不妨使用 Hexo 和 Markdown 来写博客和文章。
这款主题制作了好久，历时一个多月，曾经几度要放弃这个主题了，最终还是不舍，至于原因嘛，，，因为我感觉越来越像《知更鸟》主题，最开始我打算做一款自用主题，把自己喜欢的元素都添加在内，但是做完才发觉主题真的很不错，精简美观，响应式一应俱全，所以决定放出。
需要修改typecho的源代码，在typecho目录下的var/Widget/Abstract/Contents.php 文件中，搜索此内容被密码保护 找到对应行，在该行的开头添加两个斜杆，注释掉该行代码即可。
本文只针对handsome主题，也是综合了在hexo和部分typecho主题中引入矢量图标的经验及网络上已有教程进行经验总结分享交流，有出入的地方还望大家指出，共同交流进步。
1、在创建页面之前，我们先把上期创建小程序时自动生成的页面（index、logs）删了，使结构更加清晰。
phpMyAdmin是用于MySQL和MariaDB的最受欢迎的开源免费管理工具，它虽然只提供了web管理界面，但支持非常多的数据库管理操作比如索引、表、字段、视图等等，甚至可以直接执行SQL语句。
答：进入后台首页->在后台左侧进入“插件管理”->启动“静态管理中心”，在后台右上侧进入“设置管理”->进入“静态化管理中心”，根据情况和需要，选择或写入相应规则并保存，最后生成或添加ReWrite规则。**系统会自动判断你的web服务器是什么，具体规则可参考以下“伪静态问题”。
上一节我们介绍了首页的功能，本节我们完成首页最下边的导航条的功能开发。 首先在页面中增加tab栏组件 [在这里插入图片描述] 导航条需要设置选中的图标和未选中的图标，图标从哪里获取呢？ 我们一般可以从iconfont里获取免费的图标，搜索首页，配置好颜色和大小 [在这里插入图片描述] 一般需要两个图标，一个是选中的图标，一个是未选中的图标，我们可以用颜色来区分 图标下载好之后，需要上传到素材里，点击导航条的素材库 [在这里插入图片描述] 点击添加素材 [在这里插入图片描述] 素材设置好之后我们就可以设置导航
陈某的独立博客搭建已经有三年多时间了，使用Hexo+Git，一直使用的主题是jacman，前几天女票看到说太LOW了，这哪能忍，必须换一个逼格高点的。
最新整理了一下zblog程序的思路，把过去遇到的zblogphp问题总结一下，都是一些常见的或者有网友不太明白的，仅供大家参考，老司机请绕行。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
