semantic-ui显示博客园的图标

4、Semantic-UI之图标的使用

4.1 图标的使用在Semantic-UI中定义了很多的图标样式,这些图标样式可以通过官网查看名称(官网中名称首字母都是大写的,但是在实际使用中全部都是小写使用的): 实例:图标样式定义基础图标样式 <i class="add user icon"></i> 效果图: 修改图标颜色在使用图标的时候可以通过自定义颜色设置图标的颜色. <i class="add user green icon"></i> 效

自学semantic UI个人博客首页模板

以下是代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0">  <link href="https://cdn.bootcss.com

谢谢博客-园，让我不再有开源AYUI的想法

第一次第二次教程不会在博客园上写了,具体的看我官网博客吧,谢谢大家了 ================= 我是个有素质的程序员艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹艹

JFinal Web开发学习(九)后台添加前台显示博客

效果: 发博客: 显示博客: 后台:使用hui-admin,文章编辑器是百度开源的ueditor 前台:使用layui前端框架 1.写控制器BlogController controller包中 package cn.pangpython.controller; import com.jfinal.core.Controller; import cn.pangpython.model.Blog; import cn.pangpython.utils.DateUtils; /** * @autho

hexo+yilia主题博客如何添加图标icon

1. 先去比特虫网站做icon图标 2. 图片放到hexo/source/img文件夹下 3. 找到hexo\themes\modernist\layout_partial\head.ejs,设置为 <% if (theme.favicon){ %> <link rel="icon" href="/img/favicon.ico"> <% } %>

一步步开发自己的博客 .NET版（1、基本显示）

前言我们每个猿都有一个搭建自己独立博客的梦,我也不例外.以前想现在想以后也想.之所以一直迟迟没有着手,是因为难以跨出第一步.每次心里想着,等我以后技术好了再说,然后就没有然后了.以前用过wordpress,虽然插件很多,不过有时候想改改自己想要的效果很难,因为我压根就不会php.也看过.net的一些开源博客,代码量多,看得头晕,没那个耐心. 再说,别人的始终是别人的.得鱼不如得渔.与其花时间去研究php还不如自己写个.net版的.有人说博客园已经很好了啊,我承认确实,而且还可以后台定制自

从零开始，搭建博客系统MVC5+EF6搭建框架（4）上,前后台页面布局页面实现，介绍使用的UI框架以及JS组件

一.博客系统进度回顾以及页面设计 1.1页面设计说明紧接前面基础基本完成了框架搭建,现在开始设计页面,前台页面设计我是模仿我博客园的风格来设计的,后台是常规的左右布局风格. 1.2前台页面风格主页面: 技术博客风格: 详情页风格: 详情页留言风格: 1.3后台风格: 表格风格: 博客发布风格: 以上看到的系统页面是目前系统完成的风格,以后页面设计都参考这些页面风格. 二.使用前端web框架以及插件说明 2.1选择前端web框架,我找了很多框架,以前学过自学过bootstrap觉得对于没有前端

【干货】利用MVC5+EF6搭建博客系统（四）（上）前后台页面布局页面实现，介绍使用的UI框架以及JS组件

一.博客系统进度回顾以及页面设计 1.1页面设计说明紧接前面基础基本完成了框架搭建,现在开始设计页面,前台页面设计我是模仿我博客园的风格来设计的,后台是常规的左右布局风格. 1.2前台页面风格主页面: 技术博客风格: 详情页风格: 详情页留言风格: 1.3后台风格: 表格风格: 博客发布风格: 以上看到的系统页面是目前系统完成的风格,以后页面设计都参考这些页面风格. 二.使用前端web框架以及插件说明 2.1选择前端web框架,我找了很多框架,以前学过自学过bootstrap觉得对于没有前端

使用mathjax在博客中完美显示数学公式，支持PC，手机浏览器

在博客园的设置选项里有页头HTML的框内输入: <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script> 然后就支持tex,latex输入公式了! 如果不懂tex的朋友也没关系,使用mathtype这个软件,然后选项---剪贴和复制选项里选择“转换为其他文字",之后选择

Orchard运用 - 定制博客分页显示

一般,对于条目过多的系统或博客,分页显示是最简单的方式.目前分页方式基本有三种格式: 1.显示所有信息,包括标明当前页面,提供上一页和下一页链接和使用首页和末页链接. 2.只标注上一页和下一页链接. 3.无限滚动自动分页. Orchard默认是提供第一种方式,也就是会在内容底部呈现一个分页导航,类似博客园首页就是这样. 而博客系统Wordpress中,第二种方式更为流行和通用.如果你的博客是从Wordpress迁移到Orchard的, 那么自然你需要做些定制修改.今天就简单分享一个解决方案. 1

如何调教你的博客Episode2——移动端支持和UI美化

这个系列的文章是我在搭建博客园博客时所经历的过程. 在上一期如何调教你的博客Episode1——修改整体样式中,我们通过添加CSS样式,修改了页面的总体布局.但将文章发出之后,博客的布局就出现问题了: 由于总体布局的修改,导致了博客园的默认样式无法工作.另外在移动端中会出现横向滚动条.让我们继续魔改这个博客吧! 1.增加主窗口自适应在上一期文章中,我们把id为main的主div宽度修改为页面的95%.但在页面缩小的时候却会出现横向滚动条.一查样式表,发现是main的min-width选项导致的

[书籍]值得纪念的第100篇博客，推荐一些看过的UI书籍

1. 前言来到博客园11年,这两年闲下来了才有时间写写博客,不知不觉终于写到第100篇博客了.回顾过去发表的博客,居然大部分都与UI相关.明明我本来从事的是Oracle的相关开发,明明我当初的目标是成为Oracle DBA,明明我就很不想做UI的工作,结果阴差阳错地就成了现在这个样子. 我永远忘不了08年夏天我跳槽时新公司的老板问我: "你听过Silverlight吗?" "什.什么?怎么拼?----哦,好像在程序员杂志看到过." 自此我就开始了UI相关的工作,接

myblogplus 第三期如何更改你博客的图标，已实现 - mooling原创

三言两语博客的logo可以凸显你的blog的个性不知道你有没有觉得博客园原始的那个小矿工不好看了呢 fromto 这才是个人博客的style! 为什么要写这篇文章因为在博客园的“找找看”中,如果你把第一页的所有文章都看一遍,复制到你博客后台的代码里,你发现在最流行的chrome中,一点反应也没有... 这篇文章不用jquery的加持,可以直接OK 上代码: <script type="text/javascript"> document.getElementById

【博客美化】添加github图标

iOS常用第三方开源框架和优秀开发者博客等

博客收藏iOS开发过程好的开源框架.开源项目.Xcode工具插件.Mac软件.文章等,会不断更新维护,希望对你们有帮助.如果有推荐或者建议,请到此处提交推荐或者联系我. 该文档已提交GitHub,点击查看ZevFung/iOS-Experiences ##开源框架常用开源框架 SDWebImage 地址:https://github.com/rs/SDWebImage 描述:下载和缓存网络图片,可以使用TMCache替代,TMCache是tumblr团队使用的缓存项目地址:https://g

BIT祝威博客汇总(Blog Index)

+BIT祝威+悄悄在此留下版了个权的信息说: 关于硬件(Hardware) <穿越计算机的迷雾>笔记继电器是如何成为CPU的(1) 继电器是如何成为CPU的(2) 关于操作系统(Opertion System) <30天自制操作系统>笔记(01)——hello bitzhuwei’s OS! <30天自制操作系统>笔记(02)——导入C语言 <30天自制操作系统>笔记(03)——使用Vmware <30天自制操作系统>笔记(04)——显示器25

我的Android进阶之旅------>经典的大牛博客推荐（排名不分先后）！！

本文来自:http://blog.csdn.net/ouyang_peng/article/details/11358405 今天看到一篇文章,收藏了很多大牛的博客,在这里分享一下谦虚的天下柳志超博客 Android中文Wiki AndroidStudio-NDK开发-移动开发团队谦虚的天下 - 博客园gundumw100博客 - android进阶分类文章列表 - ITeye技术网站CSDN博文精选:Android系列开发博客资源汇总 - CSDN.NET - CSDN资讯Android笔

github pages + Hexo + 域名绑定搭建个人博客增强版

概述前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善.基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的.所以我们需要了解一个基本的主题样式. duoshuo,如果你是打算采用多说评论系统的话,你需要设置这里,

Hexo搭建个人博客及next主题基本配置

前言国内一些免费的博客平台比如CSDN.博客园都已经很成熟,功能齐全,已经可以满足我们的需求,帮助我们记录学习过程遇到的问题,还能分享帮助其他人解决问题.为什么还要自己动手去搭建博客呢?首先写博客是对自己学习经历的一种总结,其次搭建个人博客,是对自己独立思考能力.动手能力的提升,通过大量的百度Google以及查看官方API解决问题,会瞬间觉得整个人心情都好了.最后奉上我的真实感受,搭博客不管你是否爱学习,喜欢新事物,一定要有一颗抗折腾的心~~~ Hexo安装 Hexo简介 Hexo 是一个快速

记录一次基于VuePress + Github 搭建个人博客

最终效果图网站:https://chandler712.github.io/ 一.前言 VuePress 是尤雨溪推出的支持 Vue 及其子项目的文档需求而写的一个项目,UI简洁大方,官方文档详细容易上手二.搭建: 1.新建一个工程目录为project 可以手动右键新建,也可以使用下面的命令新建文件夹: 使用git bash终端 $ mkdir project 2. 全局安装VuePress $ npm install -g vuepress 3. project文件夹中,使用命令行初始化

一步步开发自己的博客 .NET版（4、文章发布功能）百度编辑器

前言这次开发的博客主要功能或特点: 第一:可以兼容各终端,特别是手机端. 第二:到时会用到大量html5,炫啊. 第三:导入博客园的精华文章,并做分类.(不要封我) 第四:做个插件,任何网站上的技术文章都可以转发收藏到本博客. 所以打算写个系类:<一步步搭建自己的博客> 一步步开发自己的博客 .NET版(1.页面布局.blog迁移.数据加载) 一步步开发自己的博客 .NET版(2.评论功能) 一步步开发自己的博客 .NET版(3.注册登录功能) 一步步开发自己的博客 .NET版(4

semantic-ui显示博客园的图标

热门专题