起因 我的博客使用了 hugo 作为静态生成工具,自带的主题里也没有附带搜索功能.看来,还是得自己给博客添加一个搜索功能. 经过多方查找,从 Hugo Fast Search · GitHub 找到一片详细.可用的教程(虽然后面魔改了一些). 实际案例 步骤 在 config.toml 文件做好相关配置: 添加导出 JSON 格式文件的脚本,即在 layouts/_default 目录下添加 index.json 文件: 增加依赖的 JS 脚本,包含自己的 search.js 和 fuse.js…

使用SWIFTYPE为jekyll博客添加搜索引擎 步骤 1.首先去swiftype注册一个账号 2.接着添加自己想要配置的网站地址并为新设定的引擎添加一个名字(非会员只能设置一个引擎). 3.收到验证邮件后去自己的邮箱验证,验证成功后swiftype即开始抓取网站内容 4.接下来选择Setup and integration点击Install search engine进入搜索引擎个性化配置界面.可以自定义外观.搜索内容显示方式等等. 5.配置完成后将产生代码添加到网站目录文件下的_layou…

title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分享比较麻烦(它的取消按钮实在太难找了,它在页面最下方的位置,呈现浅灰色,这个设计太反人类了…

随着移动支付在国内的兴起,越来越多的付费内容越多如雨后春笋般的冒了出来.其中以<逻辑思维>.罗振宇.李笑来为主要代表作品和人物. 现在很多博客或者个人网站里面都有打赏功能,这算是对博主的劳动的一种回报方式. 我这几天看了很多博客,确实也发现了很多博客支持这种功能,但是CSDN还未支持,因此在这里特意写一篇博客为自己的博客上添加打赏功能了. 各位看官,如果你觉得本人的博客对您有所帮助,您可以通过如下两种方式来进行打赏,打赏多少您随意. 1.微信打赏 打开微信扫一扫,扫码下面的[微信支付]二维码图…

hugo 博客 监听鼠标点击事件,添加动画效果 js下载 链接:https://pan.baidu.com/s/1SZu76WdEXRxLCfqJ2lbbtQ 密码:r056 移入hugo博客中 打开路径下 themes/maupassant/layouts/_default/baseof.html 文件,添加成以下代码 这里的js路径需要根据自己的实际需要引入,我的是放在themes/maupassant/static/js/anime.min.js目录下 有时候会找不到js,是因为confi…

1.为什么添加algolia搜索 第一当然是可以方便的查找所需文章,第二点就是之前常用的swiftype插件不再免费.我的个人博客是这个月初搭建完成的,这时候swiftype已经不再免费,而且只开放企业邮箱注册. 2.添加效果 3.开始添加 下载最新的next主题(5.1.0),因为最新版的已经集成了algolia搜索,可以省去很多配置和修改. 我的版本: (themes\next\_config.yml文件最下方查看) 去algolia官网注册账号(我直接使用的github的账号) 参照下图新…

前言 本文介绍一些拓展功能,如文章页面功能增加二级菜单,相关文章推荐和赞赏.另外,使用脚本会大大简化写作后的上传流程. 文章页面功能 这部分功能的拓展主要是用前端的JS和CSS,如果对前端不了解,可以参考放在Github上的网站源码. 二级菜单 导航栏放都太多链接不分主次,不够简洁.尝试多种方案后,做出了现在的二级菜单. 使用bootstrap框架 引入了太多样式,界面被扰乱,不够友好. Select标签 样式单一,不能修改. Hover属性 多个二级菜单不能使用相同参数的绝对定位,拓展太麻烦.…

备注:该教程基于Hexo 2.x版本,目前Hexo是3.x版本,照本教程实现有可能会出现404错误,笔者目前还未找时间去解决,待笔者找时间解决该问题后,再写一篇该问题的解决教程,给各位读者带来困扰,还请多包涵!若有读者遇到类似的问题解决了,欢迎在文章的评论区评论留言,我们相互学习! 前情提要 几个月前,写过几篇关于Hexo博客搭建的教程,最近几天,发现有很多读者私信我一些Hexo搭建过程中遇到的问题,重新燃起了我对Hexo博客的兴趣,于是花了一两天的时间重新将Hexo博客搭建了一下,并通过配置实…

设置Hexo主题模式 Hexo主题中,有三种不同的模式,通过切换模式,让NexT主题显示不一样的样式.在NexT根目录下有一个同样名称为_config.yml,为了区分hexo根目录下的_config.yml,将前者称为主题配置文件,在其中找到scheme属性,NexT主题默认使用Muse模式,读者可根据自己的喜好,选择其中一种模式. 设置预览摘要 设置完模式后,读者们会发现,尽管首页显示的是所有文章的列表,但是每一篇文章都显示了所有内容,这样感觉看起来不舒服,这时候可以启用预览摘要模式,在主题…

前言 本文首发于个人网站Jianger's Blog,欢迎访问订阅.个人博客小站刚建站不久,想着除了主题里的功能外再添加上相册模块,于是半搜索半摸索把相册模块搞出来了,最后采用了利用腾讯云对象存储作图床的方案,在国内速度也快,不用上传图片还来修改代码,只负责上传图片就好.我参考了以下博文给hexo静态博客添加动态相册功能.实现本模块需要两方面的设置:一是腾讯云对象存储:二是代码层添加相关页面: 腾讯云部分设置 腾讯云新用户使用对象存储每月有50G的免费额度,持续6个月.但是!不包括下行流量等其他…