Hexo NexT 添加小功能

最新推荐文章于 2024-05-14 07:17:56 发布
最新推荐文章于 2024-05-14 07:17:56 发布
阅读量4.7k 收藏
点赞数
分类专栏： 日常琐事 文章标签： hexo 博客
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaqiangbandongg/article/details/77151699
版权
本文介绍了如何为Hexo Next主题博客添加评论、分享和搜索功能。通过Disqus注册账号并设置shortname实现评论功能，采用JiaThis进行简单的分享功能配置，以及利用hexo-generator-searchdb搭建站内搜索。详细配置步骤包括文件编辑和错误解决方法。
摘要由CSDN通过智能技术生成

接上文先从我怎么搭建这个博客开始吧

之前搭建完只有基础功能，十分简单，但Hexo功能非常强大，可以给博客增加不少实用的功能。

Next主题

就是我的博客目前使用的，http://theme-next.iissnan.com/ ，可以很方便地使用一些第三方服务，这次增加小功能也是利用这一点。

增加评论功能

评论功能可以让内容更丰富，可以让访客留下评论和建议，便于博客地改进以及优化。
本来打算使用多说地，后来发现已经关闭了，抱着偷懒之上的原则，我用了disqus，配置过程如下。

注册一个账号

https://disqus.com/
步骤比较简单，就不说了。

定一个shortname

填写自己的网站，然后再填写一个自定义的shortname

编辑主题配置文件<

最低0.47元/天 解锁文章
机器变得更残忍
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
为 Hexo NexT 主题添加相册功能
MrXunの博客
05-27 1020
前提准备 你需要 python,以及下载python的插件工具pip； 一个码云账号或者github账号。 创建相册文件夹（远程） 在你的码云或者github账号下新建一个仓库，名字任意，但是记住一定要是公开的仓库，否则博客中无法正常显示。并在改仓库中新建两个文件夹photo和mini_photo。 photo文件夹中存放的是照片原图，而mini_photo中存放的是照片的略缩图 照片的命名方式请按照yyyy-MM-dd_图片描述.png/jpg的格式，方便管理以及程序对照片进行处理 对照片进行处理
在next主题添加微信公众号二维码
qq_39974578的博客
02-23 456
在侧边栏添加微信公众号二维码 首先，当然是准备一张微信公众号二维码。有两种添加方式，添加到侧边栏或者添加到推文的结尾处。我的next主题是7.x版本的，使用的主题是Gemini，设置的侧栏显示方式是一直显示，如果将二维码放到侧栏，会有一点影响阅读。我选择的是后一种添加方式。首先看看侧栏的显示效果。 操作流程 打开博客工作区路径：\themes\next\layout_macro\sidebar.swig这个文件在里面搜索theme.back2top.enable，在这个if语句之前添加下面的代码；然后保存
2024年Hexo+NexT（三）：Next主题配置详解_hexo next，dubbo原理面试
最新发布
2401_84850851的博客
05-14 1037
enable: false # 启动开关length: 150 # 从开始往后选取的摘要文字数量。post_meta:item_text: true # 是否显示“发表于”这几个文字created_at: true # 文章创建日期updated_at: false # 文章修改日期categories: true # 文章所属分类post_wordcount: # 字数统计。
Hexo NexT主题添加点击爱心效果
量子孤岛
01-28 853
1. 创建js文件 在/themes/next/source/js/src下新建文件 clicklove.js ，接着把下面的代码拷贝粘贴到 clicklove.js 文件中。找了很多帖子链接都失效了，但是最终还是让我找到了！ !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;backg...
hexo-next博客添加在线联系功能
weixin_30662849的博客
07-18 160
可以参考我的这篇博文https://www.jlzsnow.top/2018/07/18/hexo-next%E5%8D%9A%E5%AE%A2%E6%B7%BB%E5%8A%A0%E5%9C%A8%E7%BA%BF%E8%81%94%E7%B3%BB%E5%8A%9F%E8%83%BD/#more，欢迎大家提问，可以在线联系我，暂时不支持评论，还没搞好 转载于:https://www.cnblo...
Hexo的Next主题详细配置
weixin_42665200的博客
03-03 1150
经过努力，终于按照 Hexo 搭建属于自己的免费博客搭建好了我们自己的博客，并且安装好了一个主题，但是现在的主题还是非常简陋的，我们要装修一下。 在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml。 其中，一份位于站点根目录下，主要包含 Hexo 本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。 为了描述方便，在以下说明中，将前者称...
hexo next主题
06-29
7. **自定义菜单与小工具**：用户可以根据需要添加导航菜单、侧边栏小工具等。 8. **多样的布局**：包括普通文章、网格布局、瀑布流等多种布局模式。 9. **强大的搜索功能**：集成Algolia或Lunr.js等搜索引擎，提供...
Hexo博客搭建文件（next主题）
12-07
Next主题以其优雅的设计和丰富的功能，成为Hexo用户中的热门选择。下面将详细介绍Hexo博客搭建以及Next主题的配置。 首先，你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统，对于管理代码...
hexo-theme-next-5.1.4
04-13
而Hexo的Next主题则是最受欢迎的主题之一，以其优雅的设计和丰富的功能吸引了众多用户。本文将深入探讨Hexo及其Next主题的使用方法和相关知识点。 首先，我们要了解Hexo的基本架构。Hexo的核心是Markdown，它允许...
Hexo_Next_Album
04-27
Next主题包含了诸如标签、分类、归档、评论、侧边栏小部件等多种功能，使得用户可以轻松定制自己的博客外观和交互。 Hexo_Next_Album 插件正是针对Next主题进行扩展，提供了相册功能。它允许用户在Markdown文章中...
hexo-pdf:hexo的pdf生成器插件
06-07
hexo-pdf hexo的pdf生成器插件 注意 由于以下原因，此 repo 不再可用： Hexo.js 已经升级到 3.0 版本，与 2.8.3 版本兼容性不好。 很难仅解析帖子的内容而没有其他多余的主题。 似乎是一个更好的选择。
hexo添加小功能
青花猪的忧伤的博客
09-20 2446
博客效果： http://songluming.com 1.动态背景 打开 next/layout/_layout.swig 在 &amp;amp;lt; /body&amp;amp;gt;之前添加代码 然后打开 /next/_config.yml文件：（修改如下） 2.实现点击出现桃心效果 实现方法： 在网址输入如下：http://7u2ss1.com1.z0.glb.clouddn.com/love.js 将里面代码co...
Hexo NexT主题内添加点击爱心效果
非凡博客
01-26 2609
具体内容在我的个人博客里，请移步：https://asdfv1929.github.io/2018/01/26/click-love/
Hexo+Next集成Algolia搜索
weixin_33826268的博客
05-10 1271
集成Algolia搜索 起因Swiftype现在收费了，也没有免费版本。Local Search搜索体验不好，微搜索Next官网上描述太少！所以选择Algolia。 注：Algolia搜索在版本** 5.1.0 **中引入，要使用此功能请确保所使用的 NexT 版本在此之后 首先注册Algolia账户 Algolia 登陆页面https://www.algolia.com/users/sign_...
hexo next 搜索 algolia
lol155的博客
10-30 511
1. 目的:添加搜索功能algolia似乎是试用一段时间就不能用了,建议使用本地搜索hexo-next 本地搜索 2. next版本我的版本号是# Theme versionversion: 5.1.2 next5.0+版本集成了algolia 这样使配置algolia更简单 3. algolia账号申请Algolia官网 直接...
为Hexo博客的代码片段添加 选择全部 按钮
小杰杰的博客
06-06 2638
原文地址 Hexo生成的博客中，代码片段是不支持选择全部功能的，若代码片段较长，手动选择非常的不方便。 添加的方法如下。 在页面模板文件（对于Next主题，模板文件为themes/next/layout/_layout.swig）的&lt;head&gt;节点中添加如下代码。 $(document).ready(function () { var SelectText = fu...
网站访问量统计 | hexo
热门推荐
好好编程的博客
05-08 1万+
这里使用的是不蒜子提供的阅读统计功能，使用的hexo主题是next。 以下是方法。 添加是否开启统计功能的配置 找到next主题的配置文件themes/next/_config.yml，找到原来的footer字段，加入一个配置，这里我们叫它counter吧，即 footer: # -----------------------------------------------...
Hexo 主题配置 - NexT
程序员35
03-14 1605
hexo-theme-next 主题配置大全，图文并茂，持续更新中。 1 安装 NexT 主题 参考 hexo-theme-next 主题官网 1.1 下载 NexT 主题 建议你使用 克隆最新版本 的方式，之后的更新可以通过 git pull 来快速更新， 而不用再次下载压缩包替换。 cd blog git clone https://github.com/iissnan/hexo-theme...
hexo框架next主题统计访问人数
Xiaoweidumpb
11-09 1610
** 网络有很多博客的统计方法 最方便的就是不蒜子 next主题的较高级的版本内置不蒜子 打开主题配置文件,路径如下 themes\next\_config.yml #主题配置文件 搜索busuanzi或者找到它,大概在代码720行. busuanzi_count: enable: true total_visitors: true total_visitors_icon: user...
hexo博客添加搜索功能
05-14
要为 Hexo 博客添加搜索功能，你可以使用第三方搜索引擎，如 Algolia 或 Google Custom Search。这里我们介绍如何使用 Algolia。 Algolia 是一个强大的搜索引擎，提供了易于使用的 API，可以轻松地将搜索功能添加到你的 Hexo 博客中。以下是如何为 Hexo 博客添加 Algolia 搜索的步骤： 1. 注册 Algolia 账户并创建一个应用程序。 2. 安装 Hexo Algolia 插件。 ``` npm install hexo-algolia --save ``` 3. 在博客根目录下创建一个名为 `algolia.json` 的配置文件，并填写以下内容： ``` { "applicationID": "YOUR_APP_ID", "apiKey": "YOUR_API_KEY", "indexName": "YOUR_INDEX_NAME" } ``` 将 `YOUR_APP_ID`、`YOUR_API_KEY` 和 `YOUR_INDEX_NAME` 替换为你在 Algolia 上创建的应用程序的信息。 4. 在你的 Hexo 主题中添加搜索框和搜索结果页面。 在主题的相应文件中添加以下代码： 搜索框： ```html <form class="search-form" method="get" action="/search/"> <input class="search-input" type="text" placeholder="Search" name="query"> <button class="search-submit" type="submit">Search</button> </form> ``` 搜索结果页面： ```html --- title: "Search Results" layout: "search" --- <section class="search-results"> {% for page in page.posts %} <article class="search-result"> <h2 class="search-result-title"><a href="{{ page.url }}">{{ page.title }}</a></h2> <p class="search-result-excerpt">{{ page.excerpt }}</p> </article> {% endfor %} </section> ``` 5. 重新生成站点并上传到你的服务器。 ``` hexo generate ``` 6. 同步你的博客数据到 Algolia 上。 ``` hexo algolia ``` 完成以上步骤后，你的 Hexo 博客就可以使用 Algolia 进行搜索了。当用户在搜索框中输入关键字并提交时，将会跳转到搜索结果页面，显示与关键字匹配的文章列表。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值