个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景: 博主的博客希望实现能够在点击到某个文章的时候,跳转完了之后,页面能够自主的向下滚动到浏览的区域,因为博主的工作是搞java的,js方面在大一大二的时候搞过,有些东西忘记了,或者还没有接触到,有技术的盲区(可能对于阅读这篇文章的你来说有些可笑~),不管那么多,记录下来,以便以后维护. 上代码: function article_top()…

给NexT主题内添加页面点击出现爱心的效果 创建js文件 在/themes/next/source/js/src下新建文件clicklove.js,接着把该链接下的代码拷贝粘贴到clicklove.js文件中.代码如下: 1 !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transf…

个人博客:https://mmmmmm.me 源码:https://github.com/dataiyangu/dataiyangu.github.io 背景 hexo next主题,本人diy的时候pc端点击链接显示正常,但是移动端点击链接页面会偶尔显示偶尔不显示的情况. 解决 单单针对这个错误是不太好排查的,我们先解决看看是不是有其他的错误影响了,通过访问博客发现报错了,是关于require的timeout错误,在自己的另一个文章中解决了这个问题,https://blog.csdn.net/…

查看效果 每日前端 我的博客 实现:1.下载这段js代码到项目目录 ===>下载地址2.在需要的地方添加js代码 <script type="text/javascript" src="js文件目录"></script> cnblog增加点击红心特效设置 ==>页脚HTML代码 ==>添加js代码到最后一行ps:有cdn的可以把js文件放到cdn,链接到cnblog,没有的直接复制js代码到cnblog设置处,如下: <…

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

今天看到一个朋友在github上面的issue 大概问题就是怎么在不同的电脑上面使用 git有个这么个东西Submoudle中文叫做子模块 具体使用教程看这里Git-工具-子模块 这里只说怎么搞hexo多主题切换和换电脑啥的 开始 首先分两种情况 1. 主题的出了配置文件 或者其他文件没有DIY过,都是直接clone原来的主题作者的 2. 主题的CSS JS 文件自己改过 没有修改主题源码 如果没有修改主题源码那就按照下面的步骤来作 备份主题配置文件 文件在 themes/主题名字/_confi…

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

文章目录 隆重感谢: 背景 开始 试水 成功的案例 安装插件,执行命令. hexo _config.yml文件添加 坑 跳过压缩文件的正确配置方式 压缩html时不要跳过.md文件 压缩html时不要跳过.swig文件 点击的桃心效果消失 gitalk js文件报错 jquery pjax min js报错 隆重感谢: https://blog.csdn.net/lewky_liu/article/details/82432003 https://blog.csdn.net/qq_2180896…

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

Hexo.主题.部署上线 安装Hexo git和nodejs安装好后,就可以安装hexo了,你可以先创建一个文件夹MyBlog,用来存放自己的博客文件,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash打开). 比如我的博客文件都存放在D:\MyBlog目录下. 在该目录下右键点击Git Bash Here,打开git的控制台窗口,以后我们所有的操作都在git控制台进行,就不用Windows自带的cmd了. npm install -g hexo-cli 安装完后输入hexo -…