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

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

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

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

动态背景图片插件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来调用函数,也可以直接下载下来使用,这…

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

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

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

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

系列文章 手牵手,使用uni-app从零开发一款视频小程序 (系列上 准备工作篇) 手牵手,使用uni-app从零开发一款视频小程序 (系列下 开发实战篇) 前言 好久不见,很久没更新博客了,前段时间在深圳出差,胡吃海喝颓废了很久,不想每天下班刷抖音.打游戏虚度光阴,准备把之前做的一个小程序案例详细的介绍一下,从安装编译器开始重新开发复盘一遍,希望对初入小程序的你有所帮助. 扫码体验,先睹为快 可以扫描下微信小程序的二维码,体验一下开发完毕的效果: 源码地址: GitHub : https://…