Hexo瞎折腾系列(9) - 网页标题崩溃特效

前言本系列的所有修改均基于本系列第一篇中的新增文件(譬如custom.js),请先自行阅读Hexo瞎折腾系列(1) - 准备工作与简单美化:并按照文章所说自行修改代码或文件. 为网页添加标题崩溃特效该特效为:当用户离开站点相关的页面时,网页的标题会变成"已崩溃",网站图标也会改变:当用户重新回到站点页面时才会恢复正常. 实现方式如下: 请在themes/next/source/js/src/custom.js里加入如下代码: /* 离开当前页面时修改网页标题,回到当前页面时恢复原来…

Hexo瞎折腾系列(1) - 准备工作与简单美化

前言网上有不少相关的帖子,不过版本会比较旧,而不同版本可能存在代码不同的问题,不过大部分还是大同小异,本系列就不啰嗦重复了,基本只会按照本人所使用的版本以及个人所使用到的内容来进行介绍. 该系列是对我所使用的Next主题进行个性化定制,涉及到js和css等的修改,还有各种插件的使用:另一个系列是针对Next主题进行一些写作技巧的介绍与运用,希望能对大家有所帮助.有疑问的朋友可以给我留言,我会尽可能回复O(∩_∩)O. 我所使用的Hexo和NexT的版本如下: hexo: 3.7.1 next:…

Hexo瞎折腾系列(8) - 添加评论系统

前言 Hexo的NexT主题本身就集成了一些评论系统,多说啊之类的已经关闭服务的略过不提,目前比较多人用的有畅言.来必力livere.Gitment.Gitalk.Disqus等. 我刚用的评论系统的时候,网易云跟贴和多说已经gg了,畅言需要备案,Disqus需要FQ,Gitment和Gitalk类似,都需要GitHub账号.经过搜集资料和考虑,我最终还是决定使用Gitment.只是在用了一段时间后,终于还是放弃了Gitment,转而使用来必力livere. Gitment的优缺点最初我选择使…

Hexo瞎折腾系列(7) - Coding Pages申请SSL/TLS证书错误

问题今天我的个人站点SSL/TLS证书到期,我的证书是由Coding Pages提供的,每次申请成功后有效期是三个月,证书到期后可以继续免费申请.但是当我登陆进入Coding Pages服务的后台并点击申请证书时,竟然报错了!! 我重新点了申请,几秒后依然报错,并提示我半小时只能申请一次.我查看了下报错的提示信息,如下: urn:acme:error:unauthorized:Invalid response from http://exmaple.com/.well-known/acme-c…

Hexo瞎折腾系列(6) - 将博客同时部署到Github和Coding

前言由于本人只是将Hexo博客同时部署到 Github 和 Coding.net ,所以这里只介绍怎么同时部署到这两个网站的pages. 之所以选择这两个网站,是因为国外用户可以访问 Github,而国内用户可以访问 Coding.net.另外,Coding.net可以拥有自己的私人仓库. 修改站点配置文件在站点根目录下找到 _config.yml文件,将里边的deploy节点修改成下边的形式: # Deployment ## Docs: https://hexo.io/docs/deplo…

Hexo瞎折腾系列(5) - 使用hexo-neat插件压缩页面静态资源

为什么要压缩页面静态资源对于个人博客来说,优化页面的访问速度是很有必要的,如果打开你的个人站点,加载个首页就要十几秒,页面长时间处于空白状态,想必没什么人能够忍受得了吧.我个人觉得,如果能把页面的加载时间控制在三四秒内,就很不错了. 那么怎么提高hexo这个静态博客的页面加载速度呢?可以从以下的几个方面去入手: 将js文件尽可能放置到body的闭合标签之前,因为在加载或者引入js文件时是阻塞式的,如果我们在页面的最开始就引入这些js文件,而这些文件又比较大,会造成页面在渲染时长时间处于白屏状态…

Hexo瞎折腾系列(2) - 添加背景图片轮播

动态背景图片插件jquery-backstretch jquery-backstretch是一款简单的jQuery插件,可以用来设置动态的背景图片,以下是官方网站的介绍. A simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. 可以直接在页面中引入该插件的cdn来调用函数,也可以直接下载下来使用,这…

Hexo瞎折腾系列(4) - 站点首页不显示文章全文

文章摘要设置打开主题配置文件 _config.yml 文件,找到如下: # Automatically Excerpt. Not recommend. # Please use  in the post to control excerpt accurately. auto_excerpt: enable: false length: 150 把这里的false改为true就可以了在首页启动显示文章预览了,length是显示预览的长度. 这里我们可以通过在文章使用&…

Hexo瞎折腾系列(3) - 添加GitHub彩带和GitHub Corner

页面右上角添加GitHub彩带你可以在这里找到一共12种样式的GitHub彩带,复制其中的超链代码. 在themes\next\layout\_layout.swig目录下找到头部彩带相关的代码: <div class="headband"></div> 在这里的div标签内部添加我们刚刚复制的超链代码,并修改超链指向你的GitHub地址: <div class="headband"> <a href="http…

瞎折腾-CentOS 7.4 编译4.16.2版kernel 并安装

CentOS 7.4下原内核版本: 3.10.0-693.el7.x86_64 改后内核版本: 4.16.2 系统版本: CentOS-7-x86_64-Minimal-1708.iso 运行环境: VMware14.0 Pro虚拟机刚好学到内核这里, 做了两个实验: 最小化最小系统, 开机仅启动bash 更换内核更换CentOS6的2.6.32至3.10.67, 据说过了这个内核就编译不了了, 试过编译4.16.2, 各种缺包缺库就放弃了 CentOS 7 编译内核并更换最小化最小系统…

Deepin20 LNMP环境搭建（又一个瞎折腾的经历）

背景最近头脑发热,想安装个Linux系统来办工,所以安装了Deepin20的系统,折腾了一天的LNMP的环境,记录一下瞎折腾的过程. lnmp 是一个常见的web开发的环境 nginx 如果安装过可以不用安装,或者卸载重新安装 sudo apt remove nginx --purge # 安装 sudo apt install nginx nginx -v # 验证是否安装成功 service nginx status # 查看 nginx 的运行状态 stop停止 restart重启 PH…

php正则获取网页标题、关键字、网页描述代码

php正则获取网页关键字,代码如下: function get_keywords($html) { $html=strtolower($html); preg_match("@<head[^>]*>(.*?)</head>@si",$html, $regs); $headdata = $regs[1]; preg_match("/<meta +name *=["']?keywords["']? *content=[&qu…

jquery无法修改网页标题，无法修改网页标题

今天遇到一个问题,搜索时动态修改网页标题,用jquery的这段代码无效,无论FF还是IE $("title").html("new title"); 后来只好用下面这段js代码来实现 document.title="some title"; 今天解决的另外一个问题就是CSS的多浏览器兼容问题,发现 zoom: 1; 真是个好参数,IE6下几个出现空白的问题都靠这个参数解决问题了…

html网页标题

HTML代码 <html> <head>  <title>网页标题</title>  <base> …

瞎折腾之 NHibernate ORM框架的接触（MVC + Repository源码）(一)

在这炮火连天.技术更新迅猛的年代,不接触了解.甚至会用2~3种框架都不好意思说自己有多少年工作经验.况且出去面试也会有点吹牛的底子嘛. 这次折腾了NHibernate.其实这些ORM框架封装好了都是给人用的.基本的也不会太难,深究就暂时不谈.主要是要有一双善于发现技术点的眼睛.和对新技术的渴望.或者通过一个平台去了解.比如说:我上次看了金三银四,分享自己找工作的经历这篇文章,里面讲到面试官问到了用过哪些ORM框架.楼主提到了Dapper,我就来了兴趣,开始查询有关资料.当然这篇文章不是折腾D…

Chrome扩展程序——TabCopy：一键复制网页标题和网址

Chrome扩展程序——TabCopy:一键复制网页标题和网址 - Erik_ly的博客 - CSDN博客 https://blog.csdn.net/u012318074/article/details/77435724…

Python2获取网页标题

Python获取网页标题使用Python2.x的urllib2和lxml,速度应该还快于BeautifulSoup4(话说回来,为什么大家都要用BS4呢?一个XPATH不就完了吗) 没有安装过的,用pip安装一下 pip install lxml Shell演示: >> from lxml import etree >> import urllib2 >> page = etree.HTML(urllib2.urlopen('https://blog.csdn.net…

excel批量提取网页标题

最近时间比较忙,有时候很多网页需要临时保存,以便空闲的时候查看.单纯的保存网页链接会让人很枯燥,所以需要自动批量提取标题. 为了这个小功能去写个小程序有点不划算,所以就利用excel实现了这个功能. 先上图: 代码如下: Option Explicit Public Function GetTitle(url As String) Dim xmlHttp As Object Dim strHtml As String url = Trim(url) )) = "https" Then…

jQuery闪烁提示，让新消息在网页标题显示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <title>My JSP 'test.jsp' starting page</title></head><body> <p style="text-align: center;"> 请看网页标题处效果! <br /…

刚接触Joomla，写一下瞎折腾的初感受~

我这几天一直在苦苦寻找一款能够长期投靠的CMS产品,要求的是 1)必须支持命名空间 2)必须OOP + MVC分层 3)丰富分文档和使用群体,至少是出名的.免得哪一天他们解散了 4)-- 一開始我把目光投向了drupal,看了一下中文网络对他的介绍,什么节点存储思路,创造了什么先河.看了之后都睡不着觉了,恨不得开灯起来下载測试下. 只是第二天下载来安装发现,非常让自己失望(自己对Drupal的感受的文章 http://blog.csdn.net/default7/article/details/…

Vue动态修改网页标题

业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三). Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一.最笨方案结合业务直接在Vue生命周期函数 created 和 mounted 中,给 document.title赋值. <script> import axios from 'axios' export default { created () { document.title = '功能授…

js判断网页标题包含某字符串则替换

js判断网页标题包含某字符串则替换,代码如下: var tit=document.title; if(tit.indexOf("afish")>0){ tit=tit.replace('http://t.qq.com/wb631992791','小鱼阁'); document.title=tit;…

给网页标题添加icon小图标

so easy: 给网页标题添加icon小图标: 直接在html文件的head部分添加下面代码(注意href的路径): <link rel="icon" type="image/x-icon" href="../static/images/brand.jpg" />…

原生js写的贪吃蛇网页版游戏特效

7种html5css3网页图片展示特效代码

鼠标拖拽图片渐变透明切换特效 mobile手机左右滑动切换幻灯片游戏透明提示图层幻灯片特效可以编辑滚动条灯片颜色的scroll插件几种文字动画显示插件代码 360度背景图片旋转的css3动画左右滑动的网页banner大图特效…

JQuery和原生JavaScript实现网页定位导航特效

慕课网的一个小课程,练习了一遍,不足之处,欢迎指正(照片在本地,大家可以着重看代码哈): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>爱淘气购物网-JQuery网页定位导航特效</title> <style> /*All tag*/ html, body, div, ul, li, img…

Hexo写作系列(3) - 文章标题含有双引号"导致页面渲染失败无法打开

问题在用Hexo写文章时,如果文章标题含有双引号",也就是说如果在文件头里的title出现双引号,如下: --- title: Hexo - 文章标题含有双引号"导致页面渲染失败无法打开 --- 由于这里的写法属于yml语法,双引号属于特殊符号,上述的title的写法就会在执行hexo g时报错,当我们在浏览器里打开这篇文章的页面时就会渲染失败无法打开. 解决方法我们需要对这里的双引号进行转义,对于这些特殊字符,可以用对应的HTML字符实体来替换. 对于双引号,其字符实体是&quo…

我给女朋友讲编程html系列(2) --Html标题标签h1

Html是一门标签语言,因此学习Html最快的方式就是学习使用html标签. html标题标签:h1,h2,h3,h4,h5,h6 标题标签总共有6个,h1,h2,h3,h4,h5,h6,从h1到h6,它对网页内容的重要性逐渐递减,h1最重要,h6最轻. 你用百度,用的最多的也就是搜索.因此你可以认为百度就是搜索引擎,搜索引擎就是百度. <h1>的作用就是告诉百度,这里面的内容就是文章的标题,方便百度识别标题. 下面看一下标题标签的用法以及效果,新建一个test.html网页,输入下面的内容:…

Java抓任意网页标题乱码jsoup解决方案一例

同事用Java做了一个抓取任意网页的标题的功能,由于任意网页的HTML的head中meta中指定的charset五花八门,比如常用的utf-8,gbk,gb2312. 自己写代码处理,短时间内,发现各种情况太难考虑周全,总是抓取乱码.面临的挑战:也可能有meta也可能没meta,即使有meta也可能大写也可能小写,即使大小写搞定也可能带空白字符,总之各种意想不到.不过呢,搜索引擎爬虫抓到的网页咋就不会乱码呢? 百度查这个问题基本无解,bing查这个问题也是无用功居多,只好开上蓝灯上谷歌,三个备选…

转载 | 如何给网页标题添加icon小图标

打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的logo图标呢? 方法一(被动式): 制作一个ico格式的图片,将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了.这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了.…

【Hexo瞎折腾系列(9) - 网页标题崩溃特效】的更多相关文章