Butterfly主题添加本地搜索功能

发表于2023-11-30|更新于2023-11-30|教程

|浏览量:

安装插件：

1	npm install hexo-generator-search --save

修改_config.yml文件，添加以下内容

# 添加本地搜索
search:
  path: search.xml
  field: post
  content: true
  format: html

修改_config.butterfly.yml文件，添加以下内容

# Local search
local_search:
  enable: true
  # Preload the search data when the page loads.
  preload: false
  # Show top n results per article, show all results by setting to -1
  top_n_per_article: 1
  # Unescape html strings to the readable one.
  unescape: false
  CDN:

文章作者: 与亓

文章链接: http://yuqi.fun/undefined/f2a576c2.html

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源与亓のBlog！

相关推荐

Butterfly主题添加一图流背景与顶部图修改

介绍本文将会详细介绍一图流背景与顶部图的修改过程。设置图片这个是 Butterfly 自带的功能，修改主题的配置文件 _config.butterfly.yml。编辑 index_img、background、footer_bg 选项。设置网站背景，并将主页顶部图和页脚背景改为透明。(需要将以下示例地址替换为自己的图片地址。) 12345678910111213141516# Image (圖片設置)# --------------------------------------# The banner image of home pageindex_img: transparent# Beautify/Effect (美化/效果)# --------------------------------------# Website Background (設置網站背景)# can set it to color or image (可設置圖片或者顔色)# The formal of image:...

hexo中插入PDF

安装 hexo-pdf1npm install --save hexo-pdf 本地 PDF 引用最简单的引用方法：把相应 pdf 文件存到source 文件夹下，引用格式为： 1{% pdf /引用文档名字.pdf %} 当然，你也可以新建一个文件夹方便管理 PDF 文档（）在这里我主要参考了https://www.jianshu.com/p/cccc7058a08c，但是它并没有解决问题 orz 经过苦逼的尝试发现缺少/ 也就是说，方法为： xxxxxxxxxx .md 文件中的 HTML 代码要用和包起来，使其能正确编译里面的代码。markdown 1{% pdf /pdf/xxx.pdf %} 尝试后可以看到，hexo-pdf 对 PDF 文档展示效果非常不错 lol

Hexo博客部署到云服务器

将Hexo部署到云服务器为了解决Hexo部署到 GitHub 访问速度慢的问题，我们可以将Hexo部署到云服务器上。这篇博客使用宝塔面板将Hexo部署到阿里云服务器上。前提已经搭建好 hexo 的相关环境，并将 hexo 部署到了 GitHub 上已经购买好云服务器已经购买并备案好域名（可选项，没有也可以用 ip 地址访问 hexo）安装宝塔面板宝塔面板可以可视化地操作远端服务器（这样就不用自己手动装 nginx 了）进入宝塔面板的下载页面宝塔面板下载，找到 Linux 面板，点击安装脚本 (如果买的服务器是 Windows 的就点 Windows 的) 根据自己服务器的类型，复制对应的代码进入阿里云的控制台，选择自己的云服务器，点击登录，进入终端。粘贴刚才复制的代码，回车，一路确认。在浏览器中访问外网面板地址，使用宝塔提供的用户名和密码登录。进入面板后，点击一键安装 LNMP。就能直接将 Nginx，MySQL 等网站所需内容一键安装好。安装并配置 Git 仓库在远程服务器上配置好 Git 仓库后，才能将本地的 hexo push...

Hexo建立一个独立的HTML页面

Hexo 是一个轻量、快速，简单和强大的博客框架，当我们需要发布博文的时候，只需要将写好的文章（MarkDown 文件）放入本地的 \source\_posts 文件夹，然后再推送上去就行了，原理就是当我们在执行 hexo g 命令时，.md 文件就会被转化成 HTML 文件，但是有时候我们需要新建一个独立的页面，这个页面不使用主题的渲染，具有自己独立的样式，可以放一些自己的作品，相册什么的，以下就介绍这种独立页面的实现方法。方法一：使用 Hexo 提供的跳过渲染配置，在博客根目录的配置文件 _config.yml 里找到 skip_render 关键字，在后面添加想要跳过渲染的页面，比如我们创建 \source\about\index.html，配置文件填写：skip_render: about\**，那么就表示 \source\about 里所有的文件将跳过渲染，里面的文件将会被直接复制到 public 文件夹，此时就会得到一个独立的 about 页面；官方文档：https://hexo.io/docs/configuration 方法 2在文章头部的...

一、前言作为基础教程，本文以本地搭建 Hexo 环境生成静态文件推送到 GitHub 仓库并使用 GitHub Pages 托管为例，了解了基本流程后，后续您可以更换自己喜欢的主题、使用其他平台托管网站等等二、简介Hexo 是一款基于 Node.js 快速、简洁且高效的博客框架，通过 Node.js 将本地的每一篇 Markdown 文章渲染成 html 网页文件，这样我们的博客就是纯静态的网页，如果我们需要修改文章直接修改对应的 Markdown 文件再重新生成静态网页就好了。Node.js 默认的包管理器是 npm ，笔者建议使用 yarn 做为 Hexo 的包管理器，当然根据自己喜好即可。如果使用 Git 管理文章的话，就不用担心文章丢失了，也可以随意回滚版本，这属于 Git 的范畴，本文不做深入讨论。 Hexo 官方页面三、准备工作一个域名（最好有最好备案）一台电脑并且联网一个 github 账号一个腾讯云账号四、本地安装1、安装 node.js、git Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0...

备份Hexo博客到开源仓库

本教程以 gitee 举例，GitHub 同理。创建 gitee 仓库直接 gitee 官网右上角创建仓库即可，名字什么的自定义，最好创建私人仓库。初始化本地仓库在本地 hexo 目录运行命令行输入 1git init 然后输入 1git remote add origin git@gitee.com:yuqi15/blog-backup.git 注意：这里是使用你自己创建仓库的链接，刚创建好会在页面上提示上传到 gitee依次在命令行里面运行下面命令 123git add .git commit -m "update"git push origin master --force 运行成功就上传完成了新设备恢复 hexo 博客1、安装 node 2、安装 Git 3、在你需要恢复博客的文件夹里面使用命令行执行 123cnpm install hexo-cli -ggit clone 你备份的仓库地址cnpm install

数据加载中