如何使用hugo搭建个人博客（五）：添加站内搜索（gcse）

最新推荐文章于 2024-02-28 09:04:07 发布
最新推荐文章于 2024-02-28 09:04:07 发布
阅读量4.7k 收藏 4
点赞数 1
分类专栏： 软件工具 文章标签： 博客 gcse 站内搜索 hugo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/justheretobe/article/details/51622204
版权
本文介绍了如何利用Google Custom Search Engine (GCSE) 在Hugo博客上添加站内搜索功能。首先，从指定GitHub仓库获取并放置search.html文件到header.html目录。然后，在Crisp主题下创建search文件夹，放入从GitHub获取的index.html，并将GCSE的搜索结果代码插入。完成这些步骤后，执行Hugo命令生成public目录，并将其部署到服务器。对于GitHub Pages的部署，可以参考相关教程。
摘要由CSDN通过智能技术生成

站内搜索推荐使用google custom search engine(gsce)
gcse的使用方法强烈推荐阅读：Hexo博客优化配置之–为自己博客添加站内搜索

关键部分：


下面介绍如何在crisp的侧边栏中添加search box 1.在以下github 仓库中获取search.html文件，存放到本地header.html所在的目录。 https://github.com/penn201500/hugo-crisp-theme-for-blog/blob/master/mysite/themes/crisp/layouts/partials/search.html 2.修改hearder.html： 

        <header id="header">
           <!--
            <a id="logo" href="{
   { .Site.BaseURL }}
最低0.47元/天 解锁文章
learn2t
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
10分钟使用网站构建框架hugo本地搭建个人网站并快速上线详细教程
weixin_44976692的博客
07-08 3万+
今天和大家分享如何在Windows系统电脑使用HUGO快速搭建一个本地博客网站，并结合cpolar内网穿透工具实现一键发布本地站点至公网，随时随地远程访问，无需公网IP与准备域名、服务器。Hugo 是 Go 编写的静态网站生成器，速度快，易用，可配置。作为一款跨平台开源建站系统，当前提供 Windows，Linux，FreeBSD，NetBSD 和 OS X (Darwin) 的 x64, i386 和 ARM 架构的二进制预构建包。Hugo 依赖于 Markdown 文件，元数据字体。
如何使用hugo搭建个人博客（四）：添加评论系统disqus
stepup
06-09 7341
按照官方说法，只需要在config.toml文件中加上disqus的shortname即可让博客拥有disqus评论系统的功能。但折腾许久未能成功，现提供另一种添加disqus的方式。1.注册disqus 官网注册帐号 https://disqus.com/ 使用方式可以参考 http://alfred-sun.github.io/blog/2014/12/05/github-pages/
hugo-search-fast:hugo静态博客的搜索功能，可以在廉价的机器上运行，同时支持高级的搜索
03-20
雨果搜索快 增加hugo静态博客的搜索功能，可以在廉价的机器上运行，同时支持高效的搜索。 体验地址： ://www.7benshu.com/search/ 体验服务器配置 系统：CentOS7.5 64位 硬件：2 vCPU 512MB 项目目录 两个模块可以单独打开，也可以根目录同时打开，开发工具推荐GoLand searchIndex 主要用于博客内容的索引创建 程序使用Golang语言开发 索引使用的是sonic的搜索引擎 互动使用的是go-sonic组件 搜索 主要用于博客内容的搜索 互动使用的是go-sonic组件 基于Go语言开发的Gin Web框架来对外开放搜索API 项目架构图 这个图包含了一个使用hugo静态博客的使用全流程 写博客-到发布 ssh是本地电脑，通过hugo写静态博客 执行发布的脚本，然后页面可以浏览，脚本执行过程如下 hugo编译md格式博客编程静态页
hugo博客html创建目录,Hugo博客添加搜索功能
weixin_33143629的博客
06-28 666
碎碎念由于hugo没有插件接口或者有我这小白还不知道。目前官方大部分的主题都没有搜索功能，而一些拥有搜索功能的主题大部分是使用第三方搜索，比如google站内搜索，Algolia搜索等等，google搜索服务在国内不适用，Algolia配置麻烦，每次更新文章又需要上传，虽然功能强大，但对于个人博客这种小站点末免有些杀鸡用牛刀了。而且最关键一点在于三方免费服务的不稳定性，于是还是想采用本地搜索功能。...
webstack-hugo:Hugo版 WebStack 主题 Demo
05-31
Hugo版 WebStack 主题 本项目是基于纯静态的网址导航网站 制作的主题，主题安装后，将exampleSite目录下的文件复制到hugo站点根目录，网址信息可通过data目录下webstack.yml修改。 这是一个开源的公益项目，你可以拿来制作自己的网址导航，也可以做与导航无关的网站。
hugo-theme-stack：为博客作者设计的卡片式Hugo主题
02-04
雨果主题栈 卡风格的雨果主题，专为博主设计。 演示版 文档和更多信息 | 介绍 Stack是一个简单的卡片式Hugo主题，专为博客作者设计，其某些功能包括： 响应图像支持 延迟加载图像 暗模式 本地搜寻 集成 存档页面模板 完全本机JavaScript，不使用jQuery或任何其他框架 没有CSS框架，请​​保持简洁和最小化 正确裁剪的缩略图 小节支持 要求 必须使用Hugo≥0.78.0 。 如果要执行以下操作，请使用Hugo扩展版本（推荐）： 使用master分支中的最新功能/修复 编辑SCSS文件 编译CSS每个版本更新一次。 安装 将该库克隆/下载到theme文件夹，然后根据ex
Hugo静态网站搜索方案
大地缸的专栏
01-12 686
title: “Hugo静态网站搜索方案” date: 2020-12-20T12:53:24+08:00 draft: true tags: [‘hugo’] http://www.real007.cn/about 去看看 hugo简介 一个静态博客网站生成工具，基于golang开发，可以跨平台运行与windows,linux,mac等主流操作系统 去官网看看 1.第一步首先下载hugo，具体方案查看相关文档，然后 hugo new site 2.搭建好一个博客网站以后，新建博客文档 hug.
使用Hugo搭建个人博客站点
itmyhome的专栏
10-18 4109
Hugo是个什么东东这里直接忽略，想了解的请查阅其他资料，我们直接上手操作。 安装Hugo 到 Hugo Releases 下载对应的操作系统版本的Hugo二进制文件 解压后得到 hugo_0.17_windows_amd64.exe 可以将其改名为 hugo.exe 按理双击exe即可安装，不知为何在我这里不行 于是改为其他方法： C盘新建文件夹 hugo\bin ,将h
(一) 使用 Hugo 搭建个人博客保姆级教程（下篇）
张博在读
10-04 567
关于博客建站简介，请参考上篇。
jingyihiter.github.io:个人博客，使用Hugo搭建
05-15
【描述】"#个人博客搭建 博客显示图" 提到的是博客的搭建过程，以及可能包含的博客展示图像。这可能是指在创建博客时，会涉及到网站设计、布局和个性化设置，包括首页的图片展示，以便给访问者留下视觉印象。 ...
实例讲解如何使用Hugo框架搭建静态网站
WPHunter的编程技术资料库！
01-15 1720
在本教程中，你学会了如何配置Hugo，创建一个新项目，添加内容文件，编辑主题文件，并部署一个完成的静态网站。我们建议阅读Hugo的官方文档，以了解更多关于Hugo及其更高级的功能，如自定义函数、前台事务和CSS/JS buildpacks。
使用Hugo创建博客站点
tomo的专栏
01-31 379
通过hugo创建自己的博客站点
实现Hugo中的搜索功能
adjan的博客
08-03 1434
基于Grunt实现Hugo中的搜索功能，先生成索引文件，再根据索引文件检索关键词。 安装需要的组件 安装Grunt npm install -g grunt-cli 安装需要的包工具 npm install --save-dev toml string html-entities marked grunt 生成索引文件 新建Gruntfile文件，并修改其中相关参数。 CONTENT_PATH_PREFIX：要搜索的内容路径 FILE_SUFFIX：目标文件的文件后缀名 FILE_SPLIT：文章
在深入了解hugo后，我不建议用hugo建站
最新发布
杜绝996的web开发man
02-28 590
建官网静态站，不如直接html建站。建内容管理静态站， 不如现成论坛，wordpress等项目，使用简单，维护简单。模板还不能随意切换，那它到底有什么优点？图它学习成本高，图它后期新增内容难？当你只想建一个静态网站时，hugo的学习成本大于直接找模板建站的本成。当你想建一个能自已发新内容的网站时，一个动态站可以直接发帖就行。而hugo要编辑markdown的修改时间，调整排序，重新发布等操作。
Hugo 实现搜索功能小白教程
foxscallionBlog
09-11 4937
这是我的博客地址->神州部落格 欢迎来访哦······ 前言 Hugo 这种静态站点默认没有搜索功能，大概因为没了数据库实现反而不方便。Search for your Hugo Website 列出了一些可选项，要么自己生成索引用开源的工具搜索，要么用第三方搜索服务如 algolia。 自己来的方案里我选择 Github Gist for Fuse.js integration，因为它不需要另外引入 Node.js、 Grunt 或 Gulp，而是利用 Hugo 内置的功能在 build 的时候生成索
HUGO---4句代码让你搭建个人博客
ChengHuanHuaning的博客
09-26 6355
hogo搭建个人博客 这是我在网上看的其他人的博客和一些up主的视频,通过他们的分享成功搭建好了的案例.在这里我也进行总结一次,方便以后使用.也是方便大家做一个参考.如果文章含有错误,麻烦各位大佬指出了一下,免得误导了其他人.谢谢. 其实搭建这个个人博客,除去切换目录和显示文件.只需要4个命令行语句就可以完成了.拭目以待 搭建前准备 下载hogo 官方网站:https://gohugo.io 官方...
如何使用hugo搭建个人博客（一）
热门推荐
stepup
05-30 1万+
如何使用hugo搭建个人博客？ 按照创建步骤有： 1. 在win7上使用hugo，能够本地预览（就是本文了） 2. 修改主题：颜色，字体，布局（后续） 3. 添加follow与修改share的方式（后续） 3. 添加评论系统disqus（后续） 4. 添加站内搜索（后续） 5. 放到个人vps或者推到第三方托管（推荐阅读）Hugo 是一个用 Go 语言编写的静态网站生成器，简单易用。类
利用hugo搭建个人博客(一)
君莫笑的博客
02-04 3180
上篇博客笔者详细介绍了有关hugo搭建个人博客准备工作,没搭建好的可以看看这篇博文.接下来一系列操作都在命令行窗口中操作 1.打开命令行窗口,进入F盘，使用hugo命令生成新站点. hugo new site jmxBlog 打开F盘就会有名为jmxBlog的文件夹,这就是我们hugo的站点根目录,我们看看目录结构 文件结构作用: |- archetypes ：
github搭建个人博客
09-08
你也可以选择使用一些静态网站生成器（例如 Jekyll、Hugo 或 Hexo）来更快速地搭建和管理你的个人博客。这些工具提供了主题和插件等功能，使得搭建和维护博客变得更加方便。 希望这些信息对你有所帮助！如果你有更...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值