Hexo NexT主题内加入动态背景

主题内新添加内容 _layout.swig 找到themes\next\layout\_layout.swig文件,添加内容:在<body>里添加: 1 2 3 <div class="bg_content"> <canvas id="canvas"></canvas> </div> 仍是该文件,在末尾添加: 1 <script type="text/javascript" src…

Hexo Next配置百度分享、加入动态背景、接入网页在线联系功能、页脚增加统计功能、添加gitment、添加热度、阅读量排行

Hexo Next配置百度分享.加入动态背景.接入网页在线联系功能.页脚增加统计功能.添加gitment.添加热度.阅读量排行: https://wangc1993.github.io/categories/Hexo-Next%配置系列/…

根据关键字搜索博文,站内搜索的功能很实用.hexo开启站内搜索很方便,已经有现成的插件可以使用,也是为了方便自己安装插件 npm install hexo-generator-search --save npm install hexo-generator-searchdb --save 配置hexo站点主配置文件_config.yml,在文件末尾添加 search: path: search.xml field: post format: html limit: 10000 修改next主题…

hexo next主题深度优化(二)，懒加载。

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

安装配置hexo icarus主题配置

安装部分配置hexo icarus主题配置安装icarus 直接下载主题模块放到blog项目 ,blog项目根目录执行 git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus 此时已经下载到项目中. 顶级_config.yml中选择icarus主题 # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/t…

hexo干货系列：（五）hexo添加站内搜索

前言本来想用百度站内搜索,但是没成功,所以改用swiftype,用起来还是很棒的,这里分享一下我的安装步骤正文注册去swiftype官网注册个账号,然后登陆,对了不要去在意30天试用,30天过了还能继续使用,网站给的是30天高级账户的使用(那种有可以建立多个搜索引擎.多账户共同管理.一个引擎index多个域名的功能的账户),降级成为免费的账户类型,但是还能使用. Create an engine 登陆后选择开始开干,步骤大概如下点击Create an engine 给你的网站建立一个索…

hexo next主题深度优化(一)，加入pjax功能。

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

hexo next主题深度优化(五)，评论系统换成gittalk

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

hexo next主题中关于pc端点击链接没问题，移动端点击链接页面不显示。

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

Hexo next主题安装algolia

一直在使用hexo写自己的博客,最近博客刚刚搬家重新搞了下博客: 1.为hexo添加站内搜索我用的是algolia,在next主题5.x以上的版本集成了algolia站内搜索功能,我们只需要简单的配置下就可以使用:安装: 1 npm install hexo-algolia --save 配置: 123456789 algolia: 大专栏 Hexo next主题安装algolia applicationID: 'your applicationID' apiKey: 'your apiKe…