前言 笔者在用 Jekyll 搭建个人博客时踩了很多的坑,最后发现了一款不错的主题 jekyll-theme-next,但网上关于 Jekyll 版的 Next 主题优化教程少之又少,于是就决定自己写一篇以供参考. My Blog ? 传送门 本文仅讲述 Next (Jekyll) 主题的深度优化操作,关于主题的基础配置请移步官方文档. 主题优化 修改内容区域的宽度 打开 _sass/_custom/custom.scss 文件,新增变量: // 修改成你期望的宽度 $content-deskt…

网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下来,有进行不下去的地方,再去查其他人的做法,最终也建立起了自己的独立博客.但却,恍然不知,你用到的技术是什么含义. 我认为,初学者,要想在一个项目中,切实提高自己,需要活用活学.遇到一个专业名词,就去搞懂它,而不是马马虎虎混过去.一个技能点.一个技能点的攻破,然后将点系统的连起来,形成自己的知识网络…

文章目录 背景: 进入正题 pjax初体验--instantclick 真正的pjax 第一步 第二步 第三步 第四步 专门基于hexo next主题的pjax(将丢失的js效果重现) 将下面讲到的提取出来 点击右边的sidebar,sidebar不出现 sidebar自动隐藏,自动显示,点击出现,点击隐藏,回到首页,回到中间等操作 添加bootstrp出现闪屏的现象 右边的sidebar鼠标滚动目录滑动事件没了 局部刷新文章不显示了,文章那里是空白的. 评论没了 局部会闪一下 阅读数没了 百度…

文章目录 背景: 开始: 新建comments_git.js 找到comments.swig在最后一个endif之前 引入代码 pjax加入gitalk 遇到的问题 所有的页面共享的一个评论issue 本地4000启动报错401 没有权限 未找到相关的Issues 进行评论,请联系xxx初始化创建 发现自己的留言板明明评论了却不显示 gitalk自己的博客首次需要登录github进行初始化,初始化的时候跳转到了blog首页. gitalk自己的博客登录成功后报错 Error: Validatio…

文章目录 tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面) 废话 背景 懒加载简单介绍 引入js 重点!敲黑板了!!! 完善懒加载函数 懒加载函数可配置的参数 正式在hexo next中加入懒加载 1: 2: 3:按我的步骤来,不要问为什么. 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io tip:没有耐心的可以直接看:正式在hexo next中加入懒加载(最下面…

文章目录 效果 scrollReveal简单介绍以及简单操作 参考文档: next主题中加入scrollReveal 给article标签添加属性 给底部的不蒜子添加属性 本地引入依赖并且编写启动函数 修改require.js主函数 修改pjax的函数 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 效果 https://mmmmmm.me scrollReveal简单介绍以及简单操作 就是…

文章目录 注: 正题: 免费cdn 收费cdn 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 注: 千万不要被我的标题迷惑,这不是一个给博客加cdn的博文. 正题: 想给网站各种加速,终于到了cdn这块. 免费cdn "免费的都是最贵的",百度的移动节点不能用,还有很多都是单节点,很多都是自己能访问,有的地区就访问不到,只有收费才能提供更好的服务,都是打着免费的幌子,变相的收费,…

文章目录 背景 效果 码 _layout.swig custom.styl eye.js 引用eye.js 直接引用 main.js pjax的函数中重写 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景 我从小爱打游戏,所以视力下降厉害,加上现在工作天天对着电脑,所以想给自己的博客加上护眼色. 效果 博客:mmmmmm.me 码 _layout.swig 在body下面 <div cl…

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 通过不断地上网查资料,引用的js.css.图片文件,通过cdn的方式是比直接放到本地要慢的,所以将自己博客能找到的cdn全部换成本地文件.…

文章目录 背景: 开始: 引入资源: 代码 关键的一步 附:方便学习的小demo 一次成功后还出现上面的bug 结束 2018.12.23发现bug(读者可忽略) 个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景: 之前一直用的addthis或者百度分享,可是加入pjax后失效,相应的接口重写也不行,故自己重新加一个分享的功能. 开始: 引入资源: 代码 var $config = {…