在 themes/*/source/css/_custom/custom.styl 中添加如下代码:
搭建个人博客有很多种方式,最老牌的当属wordpress,功能丰富,但过于笨重。我想要的只是最简单的显示文章以及搜索功能,当然,样式要简洁漂亮,而且必须支持markdown语法。这些要求,hexo都能很好地满足。
WordPress 网站主题添加页面加载进度条方法。pace.js是一个非常赞的JavaScript插件,可以实时监听页面的数据加载,包括Ajax请求,显示页面加载进度,并且能够定制样式,类似浏览器加载进度条,比如Safari。下面以WordPress默认主题Twenty Seventeen为例,将这个特效功能加到主题中。
pace.js是一个非常赞的JavaScript插件,可以实时监听页面的数据加载,包括Ajax请求,显示页面加载进度,并且能够定制样式,类似浏览器加载进度条,比如Safari。
有时候会看到有的网页加载时上方出现进度条,一直想加到自己的博客上来,今天折腾了一番,终于成功了,记录下来。
最近做网站体验优化的时候突然发现一个好东西,pace.js(加载进度条插件),gzip之后只有几kb, 简单好用,特地分享出来,也作为自己的一个学习总结。
我分别美化了几个不同版本的Next主题,这里把美化代码公布出来,第一种Next版本小于7.3可使用
本文章首发于语雀! 通过各种高科技功能同步到Hajeekn 的博客 由于每个人的博客目录都不相同,这里博客目录使用%brt%代替 本文章除 Pace wowjs 普通引入法以外,其他魔改都不适合 Butterfly3.6.0 及以上
概述 前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善。基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的。所以我们需要了解一个基本的主题样式。 duoshuo,如果你是打算采用多说评论系统的话,你需要设置这里,但是我个人对
Hexo 环境搭建 使用 coding 和 github.io 的 pages 服务,绑定了自己的域名,做了双线解析,国内用户解析到 coding ,国外用户解析到 github.io,访问速度很满意(本来就是静态文件,访问速度很快)。 Hexo 环境的搭建,这里不再赘述,主要介绍如何导出 typecho 的数据和 Hexo 站点的配置以及 Next 主题的配置及优化。 typecho 数据导出 文章数据的导出 花了点时间把 typecho 的文章全部改写成 Markdown 的格式,方便我导出为 md 文
Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/heatmap.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/heatmap.src.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/no-data-to-display.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/no-data-to-display.src.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/solid-gauge.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/solid-gauge.src.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/dark-blue.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/dark-green.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/dark-unica.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/gray.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/grid-light.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/grid.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/sand-signika.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/themes/skies.js' Copying '/opt/jumpserver/apps/static/js/plugins/iCheck/icheck.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/jstree/jstree.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/layer/layer.js' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/layer.css' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/icon-ext.png' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/icon.png' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/loading-0.gif' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/loading-1.gif' Copying '/opt/jumpserver/apps/static/js/plugins/layer/skin/default/loading-2.gif' Copying '/opt/jumpserver/apps/static/js/plugins/magnific/jquery.magnific-popup.min.js' Copying '/opt/jumpserver/apps/static/js/plugins/metisMenu/jquery.metisMenu.js' Copying '/opt/jumpserver/apps/static/js/plugins/pace/pac
📷 wxml <view class="item-box"> <view class="items"> <view wx:for="{{list}}" wx:key="{{index}}" class="item"> <view data-index="{{index}}" class="inner txt"> {{item.rank}} <span class="item-datacente
🧑个人简介:大家好,我是 shark-Gao,一个想要与大家共同进步的男人😉😉
最近参加了一个网页设计大赛,趁这个机会做了一个个人简历的网页:点击欣赏 用到了许多有趣的东西们今天分享一下。
在此之前我们已经编写了 Blog 的首页视图,并且配置了 URL 和模板,让 Django 能够正确地处理 HTTP 请求并返回合适的 HTTP 响应。不过我们仅仅在首页返回了一句话:欢迎访问我的博客。这是个 Hello World 级别的视图函数,我们需要编写真正的首页视图函数,当用户访问我们的博客首页时,他将看到我们发表的博客文章列表,就像 演示项目 里展示的这样。 首页视图函数 上一节我们阐明了 Django 的开发流程。即首先配置 URL,把 URL 和相应的视图函数绑定,一般写在 urls.py
写一个最常见的小demo,小程序简单循环列表数据渲染实例。 wxml <view class="item-box"> <view class="items"> <view wx:for="{{list}}" wx:key="{{index}}" class="item"> <view data-index="{{index}}" class="inner txt"> {{item.rank}} <image class="item-ico
图片.png wxml <view class="item-box"> <view class="items"> <view wx:for="{{list}}" wx:key="{{index}}" class="item"> <view bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE" data-index="{{index}}" style=
这是项目里面一个简单的效果,小程序点击按钮弹出可填写框,摘下代码,方便之后遇到的时候可以直接拿来使用。 效果如下:
The economic shocks of 2018 – China and Europe – are now largely in the price, hence we raise mining to benchmark and have turned more positive on European cyclicals to now be benchmark, focusing on domestic plays (though we stay underweight of US cyclicals).
陈某的独立博客搭建已经有三年多时间了,使用Hexo+Git,一直使用的主题是jacman,前几天女票看到说太LOW了,这哪能忍,必须换一个逼格高点的。
侧栏设置包括:侧栏位置、侧栏显示与否、文章间距、返回顶部按钮等等 打开 主题配置文件 找到sidebar字段
inspinia admin 最新版 bootstrap 完全响应式后台管理模板,采用扁平化设计。使用Bootstrap 3+ Framework,HTML5和CSS3,等技术开发而成。
日前,捷豹公司通过与HTC、戴尔以及创意机构ReWind和Imagination的合作,利用VR技术展示了其第一款电动汽车I-PACE。在洛杉矶和伦敦,300名嘉宾可以使用HTC Vive头显将自己置身于概念车内。捷豹全球设计总监Ian Callum先生、捷豹车辆产品线总监Ian Hoban通过实时3D图像进行设计、技术讲解。在VR中,观众还可直观感受车辆内饰,惊喜探索车内隐藏的细节和功能。 捷豹I-Pace概念车将对手锁定为特斯拉Model X。I-PACE概念车的外形源于捷豹旗下首款SUV车型,长宽高尺
最近整个行业似乎都在讨论中台的概念,理论和解决的问题。尤其是前段时间,一些失败的案例或者不赞同中台体系的文章出来,让大家感觉似乎”中台“就是一个炒作的概念。
当我想要在网上找一个简洁的 Javascript 动效库时,总是发现很多“推荐”的库都是缺乏持续维护的。
【新智元导读】谷歌果然毫无畏惧,而且一来就是大手笔。刚刚,Waymo宣布全球首款全自动驾驶电动汽车,而且计划在未来几年推出2万辆的车队。Waymo的自动驾驶电动汽车与捷豹路虎联合设计和制造,想想才被永久无限期吊销测试执照的Uber,以及事故不断的特斯拉,谷歌这次,是真正笑了。 刚刚,Waymo发布世界上第一款高级电动全自动驾驶汽车! Waymo在Medium的官方博文中表示,这是Waymo与捷豹路虎联合设计和制造,专为Waymo的运输服务而设计的,世界上第一款电动的、完全自动驾驶的汽车(electric f
1027 打印沙漏 (20 分) 我的代码 // 1027 打印沙漏 (20 分).cpp : 此文件包含 "main" 函数。程序执行将在此处开始并结束。 // #include <iostrea
AiTechYun 编辑:nanan 当地时间3月27日,谷歌旗下自动驾驶公司Waymo发布世界上第一款高级电动全自动驾驶汽车—I-PACE。 Waymo表示,这是Waymo与捷豹路虎联合设计和制造,
what is a place based audio detour? A LBS app GPS audio walks that take you beneath the surface of c
最近要做一个企业的OA系统,以前一直使用EasyUI,一切都好,但感觉有点土了,想换成现在流行的Bootstrap为基础的后台UI风格,想满足的条件应该达到如下几个:
盒模型的默认行为,当给一个元素设置宽或高的时候,指定的是内容的宽或高,所有内边距、边框、外边距都是追加到该宽度上的。
本文章为系列文章,共100个摸鱼小游戏。初学者可以尝试实现这些项目,并在HTML、CSS、JS编译环境中动手操作。所有项目都已收集在专栏:
2019年的时候,写了一篇博客来记录博客历史的迁移记录,这两年又经过工作变化、硬盘损坏,博客也是几经变迁。
在 django 中我们可以在 admin.py 中添加 ModelAdmin,这样就能很方便地在后台进行增删改查的操作。然而,对应 Model 生成的表单,并不友好,我们希望能像前端开发一样做出各种类型的控件,这就得对其后台的表单进行自定义。
遵循Valine的指示,配置好LeanCloud应用,点击控制台->注册并登录账号->创建应用->随便取名字填入描述->设置->应用凭证,就能看到需要的信息重点关注其中的appId,appKey和Request域名。
这辆捷豹无人车会在两年内最高生产两万辆,并成为Waymo无人出租车队的成员,未来有望每天提供100万次的出行服务。
本来hexo博客用的是gitment,我也非常喜欢,看着逼格就超高呀。无奈我用着bug略多,而且毕竟有github账户的小伙伴似乎并不多。于是我就忍痛准备换评论系统。然后在最近刚刚加入的hexo博客群里,看见了一个神器。也就是本篇主人公——Valine.js。
The progression toward true-to-life visuals has been on a rapid pace for many years. Although much of the focus has been on increasing pixel resolution and supporting faster refresh rates to achieve a more immersive experience, pixel quality improvements a
导语 | 本文将解读WebRTC中Pacer算法的实现。WebRTC有两套Pacer算法:TaskQueuePacedSender、PacedSender。本文仅介绍PacedSender的实现。(文章中引用的WebRTC代码基于master,commit:3f412945f05ce1ac372a7dad77d85498d23deaae源码分析) 背景介绍 若仅仅发送音频数据,不需要Pacer模块。 一帧音频数据本身不大,不会超过以太网的最大报文长度。一个RTP报文可以搞定,按照打包时长的节奏发送就可以。
article.ejs 代码添加到 <% if (!index && post.comments){ %> 下面
Pjax的使用可以在保证Nav Header Footer 不变的基础上改变 Main 的内容(适用于页面结构相对简单的主体)
有人问我:有些页面在刚进入的时候,会有loading效果,过一会儿后,loading效果消失,页面展示出来。这个效果如何实现呢?
最近在浏览indigo主题原作者的网站时,发现其评论系统已经更新为了Valine,看这个评论插件的第一眼就觉着一股浓浓的极简风,而且,十分重要的是,其无后端的设定! 或许有些地方跟原先的友言或者多说的插件相似,但由于历史原因今天都无法使用了,现在比较不错的评论系统有disqus还有基于Github Issues的gitalk以及gitment,disqus需要翻墙速度才可以接受,然后一开始我是使用的基于Github的gitment,但是用户必须登录Github账号后才可以留言,所以有一丝丝的局限。 出于其非常吸引人的无需登陆和评论易管理的特性,当然需要尝试一波了。
官方文档:https://apereo.github.io/cas/5.1.x/installation/User-Interface-Customization.html
在视频通信的技术领域WebRTC已成为主流的技术标准,WebRTC包涵了诸多优秀的技术,譬如:音频数字信号处理技术(AEC, NS, AGC)、编解码技术、实时传输技术、P2P技术等,这些技术目的都是为了实现更好实时音视频方案。但是在高分辨率视频通信过程中,通信时延、图像质量下降和丢包卡顿是经常发生的事,甚至在WiFi环境下,一次视频重发的网络风暴可以引起WiFi网络间歇性中断,通信延迟和图像质量之间存在的排斥关系是实时视频过程中的主要矛盾。
一、前言 1.1.环境 python版本:3.6 Django版本:1.11.6 1.2.预览效果 最终搭建的blog的样子,基本上满足需求了。框架搭好了,至于CSS,可以根据自己喜好随意搭配。 二、
已有更简单的方式来实现,请参考: Hexo 优化 — Valine 扩展之邮件通知 前言 关于之前的 Hexo优化 --- 一款极简的评论系统,它满足了我对评论系统的一些基本要求。 但这个评论系统有一个痛点。虽然它虽然支持邮件提醒,但这个功能却很弱,无法提示到具体文章,也无法给评论者进行有效的回复通知,通常别人留完言,怎么还会再来你的博客看你是否回复了呢?。 而这款 Valine 的增强版,满足了这几个条件: 完善的邮件通知,自定义 SMTP 发件频率和内容不再受限 基于 Akismet 的垃圾评论自动
领取专属 10元无门槛券
手把手带您无忧上云