FontAwesome

一、背景 在园子里浪迹有很长一段时间了，里面遇到了很多大神，学习了很多知识，也帮助我解决很多现实工作的问题……非常感谢各位园友们的分享。说来惭愧，在园子这么久，很少发布博文。主要原因是自己有点懒，其他的客观原因也就不说了，每个人都有自己当时的想法。结果现在就有一种“我虽在江湖，但江湖没有我的传说”的尴尬，本着“迟到比不到好”的思想，就想着在这里记录一下自己平凡的学习成长历程，也希望能帮助园友们避免我踩过的坑。 之前在逛园子的时候，就发现有些博主的主题很好看，查找了一些攻略，根据自己的喜好，简单的修改了主题样式以及添加了一些功能。如果你想定制自己的博客，可以跟我一起，需要有css基础。 二. 定制自己的博客 1、准备工作 先在博客主页依次点击“ 管理 ”=》“ 设置 ”，下面找到“ 申请JS权限 ”，等待审核，审核通过之后才能，定制的主题才能成功。同时在博客皮肤那里选择博客园提供的皮肤。我没有像园子里面的大神直接自定义一套css样式，我觉得站在巨人的肩上，一样也可以摘到自己的星星。于是我选择了我觉得合适的皮肤[“SimpleBlue”]，每个人的爱好不一样，你可以选择你喜欢的皮肤进行修改，不过下面的一些样式可能需要做一些修改，具体看你想要怎么展示。 自定义主题样式操作，对于你不满意的元素，你可以在该页面按F12调出Debug工具，然后对该元素的css进行修改，调整满意之后

在确定了前台系统的详细规划和整体功能以后，花费时间更多的其实是对技术细节的打磨。本篇文章是一个对前台开发技术进行概要整理，也会对其他的分主题进行一些引导。 本文来源：魚立说。本文链接： https://www.yulisay.com/d/frontskill.html ，支持微信浏览器打开。 更多精彩文章，请移步 魚立说个人网站 翻看。欢迎欣赏，吐槽不足之处。 本主题借鉴我开发个人网站 魚立说 的经验，整理了在开发前台系统过程可能会遇到的各种技术要点。整个系列由以下几个文章部分组成： 前台开发技术小结 动起来的网站元素 而且，涉及到的代码已经整理到 https://github.com/yulis-say/web-full-stack 中的 front-skills 目录，若觉得有用，请分享并 star 。 前台开发小结 下面对前台系统的开发技术要点依次进行概括，包括必要的说明和资源引导。 CSS 使用技巧 :root 是一个伪类，表示文档根元素。在 :root 中声明相当于全局属性，只要当前页面引用了 :root 所在文件，都可以使用 var() 来引用。 要除去多余的 CSS 样式，有一个叫 CSS remove and combine 的 Chrome 插件可以参考，可以生成未使用的选择器分析报告。下载地址： http://www.cnplugins.com/devtool

【问题及解决】fonts/fontawesome-webfont.woff2 404 (Not Found) 参考文章： （1）【问题及解决】fonts/fontawesome-webfont.woff2 404 (Not Found) （2）https://www.cnblogs.com/luka/p/5923363.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4428122/blog/4793108

@[toc] 前言 之前我用STM32MP1和Qt实现了疫情监控平台，系列教程： 我用STM32MP1做了个疫情监控平台1—交叉编译环境搭建 我用STM32MP1做了个疫情监控平台2—Qt环境搭建 我用STM32MP1做了个疫情监控平台3—疫情监控平台实现 我用STM32MP1做了个疫情监控平台4—功能完善界面重新设计 有幸被【 STM32单片机 】官方公众号转发分享，感觉还是很有成就感的。 这周末又把功能进一步完善了一下，界面重新设计等。实际运行界面： 界面展示 原来的界面很简单，只有国内疫情数据展示： 现在的界面： STM32MP1开发板运行效果： 新增功能 UI重新设计，仿平板界面 新增海外疫情数据显示和国内零病例城市数据显示 新增疫情新闻显示，使用html模板文件的方式实现富文本的显示 5分钟自动更新，可通过开关选择是否开启 新增IP自动定位功能 FontAwesome字体图标库的使用 自定义标题栏按钮，可点击图标关闭窗口，手动更新等 API 接口说明 所使用到的几个接口地址： 根据请求的IP地址，返回定位的城市名称和经纬度 http://ip-api.com/json/?lang=zh-CN 国内实时疫情数据，新增/确诊/疑似/零病例城市等 http://view.inews.qq.com/g2/getOnsInfo?name=disease_h5

一、bootstrap-fontawesome-iconpicker组件 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="utf-8" > < title > Font Awesome Icon Picker plugin for Bootstrap </ title > < link href ="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel ="stylesheet" > <!-- https://www.bootcdn.cn/font-awesome/ 字体图标库 --> < link href ="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.css" rel ="stylesheet" > <!-- https://www.bootcdn.cn/fontawesome-iconpicker/ fontawesome-iconpicker组件样式 --> < link href ="https://cdn.bootcss.com/fontawesome-iconpicker/3.2.0/css/fontawesome-iconpicker

本文转载于: 猿2048 网站➫ bootstrap之FONTAWESOME 图标 终于暂时的结束了winform迎来了B/S的项目，这个需要我们自己写前端页面，要用bootstrap搭页面，本人小白，正在慢慢摸索中，主要记录遇到的问题，及解决办法。 第一个，显示时间选择的控件。我在网上也搜了好多相关组件，但是可能跟我之前引入的js和css有冲突，所以出来的格式一直不对。后来就重新建了一个页面，专门显示datetimepicker，这次很容易就出来了。 @section CSS{ <link href= " ~/Content/admin/css/bootstrap-datetimepicker.min.css " rel= " stylesheet " /> <link href= " ~/Content/admin/css/bootstrap.min.css " rel= " stylesheet " />//需要引入的css，不过这里还缺一个，后面会提到。 } <input size= " 16 " type= " text " id= " datetimeStart " readonly class = " form_datetime " > -- <input size= " 16 " type= " text " id= " datetimeEnd " readonly

【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found) 参考文章： （1）【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found) （2）https://www.cnblogs.com/yc-755909659/p/5928243.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4438370/blog/4650007

【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found) 参考文章： （1）【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found) （2）https://www.cnblogs.com/yc-755909659/p/5928243.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4387051/blog/4660323

好用的在线工具（附地址） 最近项目时间紧张，马上就要上线了，工作要紧。 工作使我快乐！工作使我感恩！！工作使我富有！！！ 等不忙的时候我会把项目上遇到的问题整理一下发表出来 下一篇我会写关于json和前后端数据交互的专题 前端工具 URL在线编码解码（中文传值） http://www.jsons.cn/urlencode/ 另一个URL在线编码解码（里面还有很多生活工具） https://www.sojson.com/encodeurl.html favicon在线制作（网站小图标） https://tool.lu/favicon/ 图片压缩（前端项目提高页面加载速度，提升用户体验） https://www.yasuotu.com/ rgb转16进制颜色代码转换（配色很重要是网页的门面担当） http://www.yuangongju.com/color 字体图标库 Font-Awesome（简洁大气上档次） http://www.yuangongju.com/fonticon 如何使用FontAwesome? 下载官方提供的CSS和字体文件，并复制到您的项目中。 在您的项目代码 < head > 中引入 font-awesome.min.css. < link rel = " stylesheet " type = " text/css " href = " ../..

步骤 既然是快速开发，那废话不多说，直接说步骤： 安装Djagno 安装Django Rest Framework 定义models 定义Rest framework的serializers 定义Rest framework的viewsets 配置Rest framework的router 配置管理后台admin 根据需要写template和对应的view 经过这些步骤就能得到一个具备完整的后端接口和后台管理界面的网站了，如果写了template的话还能把前端的工作也做了。 接下来按照上面提到的顺序记录一下我的开发实践。 定义models 好像没啥好说的，Django3多了几个新的特性，可以用class来定义choices，这个比以前的元组定义方便一些，其他的好像没什么了，对了，定义ManyToMany最好设置一个related_name，方便以后在代码里做反向查询。 定义serializers 这个很简单，只要告诉框架你需要序列化model的哪个字段就好了。 官方文档： https://www.django-rest-framework.org/tutorial/1-serialization/ 代码例子如下： from .models import * from rest_framework import serializers class StudentSerializer