官方地址: https://cusdis.com/ 他通常是用于静态博客的一个第三方评论系统,但是官方文档没有提供如何在 hugo 中使用的参数,我也是报错了多次才琢磨出来。 1....这个时候如果你 hugo server 基本都会报错,因为没有修改 {{ PAGE_ID }} 等内容,这不是 hugo 官方提供的参数,按照我下面的格式,将 id, url, title 重写一下即可...="{{ .Title }}" > 保存重新 hugo
引入主题 让我决定选择使用 hugo,其实就是无意中浏览了 pseudoyu 的个人站点(https://www.pseudoyu.com/),非常钟意这个主题。...pseudoyu 使用的是 hugo-theme-den 主题,并基于此主题做了一些个性的定制。...要使用我改过的主题,可以按照我的步骤来操作 # 添加子模块 git submodule add https://github.com/iswbm/hugo-theme-den.git themes/hugo-theme-den...后续如果我的主题有更新,你都可以直接使用如下命令来更新 git submodule update --remote hugo-theme-den主题会提供了实例配置与初始页面,开始使用主题时可以将其...例如若要搜索 `区块链` 或 `智能合约`,可以使用 `"区块 链"` 和 `"智能 合约"`,可能会有更好的搜索结果。
在本教程中,我们将介绍如何在Ubuntu服务器上安装和使用Hugo。这将允许我们配置静态站点,创建内容,并在同一服务器上发布或部署到生产位置。...安装Hugo主题 主要的Hugo包不包括任何主题。Hugo主题定义了如何为用户呈现网站内容。获取Hugo主题的最简单方法是克隆Hugo主题git存储库,它提供了许多预配置的主题。...我们可以使用hugo new命令生成新内容,然后使用命令后跟我们要生成的内容的路径。默认情况下,Hugo内容是用Markdown编写的。...-baseUrl=http://your_domain_or_IP/ -D -F 现在,如果您在Web浏览器中访问服务器的域名或IP地址并将:1313端口规范附加到最后,您将看到您呈现的站点: http.../ --theme=redlounge --port=80 您现在应该可以在浏览器窗口中访问您的站点,而无需附加端口号。
如何使用tailwindcss自定义hugo主题 如何使用tailwindcss自定义hugo主题?对于某些主题,可能作者开发时候,它不具备自定义指定css的功能,但这并不妨碍我们自己添加这个功能。...本文主要分享一下,对于不支持自定义css的主题,你如何扩展,让它可以支持自定义css。 要做哪些修改呢?...在目录assets/css下创建custom.css文件并写好自定义样式,然后hugo -D编译完就可以了。...以我举例的这个使用tailwindcss做为样式定义的package来说明,因为这是对hugo主题进行修改,所以这里就头脑中要有个概念,就是hugo是基于golang的一套系统,但是你在模板引擎内使用的语法已经剥离了...当然tailwindcss的使用过程还是有很多技巧的,我自己也在摸索中,有什么新的想法再写文章分享。今天这篇有关如何使用tailwindcss自定义hugo主题的文章至此分享结束,感谢阅读。
hugo Hugo是一个用 Go语言 编写的静态网站生成器,可以快速地生成高效、安全和易于管理的静态网站。...Hugo具有速度快、可定制性强、易于使用等特点,被广泛应用于个人博客、公司网站、文档站点等领域。...Hugo支持Markdown、HTML、CSS、JavaScript等标准文件格式,并提供了多种主题、插件、模板等功能,使用户能够轻松地创建独特而具有吸引力的网站。.../github.com/gohugoio/hugo/releases/download/v0.111.3/hugo_0.111.3_Linux-64bit.tar.gz tar xvf hugo_0.111.3...的名字 + github.io 例如:qingconglaixueit.github.io "账户名.github.io" 设置仓库公开,这样才能正常的访问到数据 创建站点 本次是使用 linux
工具相对之前的使用来说,要好用不少,但是在使用一段时间之后,觉得和 Org mode 配合起来不是特别方便,需要转一次 Markdown 才能很好的使用。...所以在使用了一段时间之后,还是决定使用类似的工具。...Hugo Hugo 是由 Go 语言实现的一个 Static Site Generator 工具,特点就是快,而且默认是支持 Org mode 这种文本的。...在长时间的使用之后,发现 Hugo 对 Org mode 的支持也比较一般,对于一些比较好用的特性,功能都不支持,最好的方案还是从 Org 转成 Markdown ,所以在最终使用 ox-hugo 工具配合...Hugo 使用,然后通过 capture 功能直接生成对应的博客文章,方便快捷。
使用Hugo搭建静态站点 hugo下载地址:https://github.com/gohugoio/hugo 模板列表:https://github.com/gohugoio/hugoThemes 开始搭建...决定内容如何呈现 ▸ static/ # 图片、css、js 等静态资源 ▸ themes/ # 存放主题 config.toml # 是网站的主配置文件 源码编译...lv.abc.red --bind="0.0.0.0" --port=80 -t hyde 使用hyde主题,如果使用-t 选择了主题会将当前默认的主题覆盖; --buildDrafts...www.datals.com 站点监听域名 --bind=0.0.0.0 监听全部网段 --port=80 服务监听端口 -w 如果修改了网站内的信息,会直接显示在浏览器的页面上...如何启动 hugo自承载 hugo server --baseUrl=lv.abc.red --bind="0.0.0.0" --port=80 -w httpd快速静态部署 yum install httpd
使用Git更新Hugo 个人博客 该文章主要是讨论,如何在本地搭建好hugo静态网页后, 上传git到自己的域名下。而且每天进行实时更新。 网上教程更多的是关于如何搭建Hugo,然后上传。...如何申请个人 repository,见申请Github仓库 hugo # 生成public cd public git init git remote add origin https://github.com...git commit -m "hugo" git push -u origin master 浏览器里访问:http://xxx.github.io/ 第二次git push update 为什么要第二次...最后浏览器里访问:http://xxx.github.io/,就可以看到更新的日志博客了。...这里就参考:使用Hugo和GitHub搭建博客 参考 基于「Hugo」搭建自己的博客网站 从头教你使用 Hugo 搭建自己的博客 使用Hugo和GitHub搭建博客
PS:为什么当前的博客还是用的hexo没用hugo,因为hugo我使用下来很多插件还不完善,还是比较喜欢hexo完善的插件比如我最喜欢的,博客链接持久化的插件就没有,和hexo有些问题出现随便搜索就能解决...0x00 简介 Hugo是一个用来生成静态网站的工具,使用Go语言编写的。从网上很多人的评论看,Hugo的显著优点就是部署快!...0x01 安装 https://github.com/gohugoio/hugo/releases 下载对应的安装包进行安装 然后解压后把,解压的路径加到环境变量上就可以使用了 验证是否成功 hugo...最基础的用法,就是使用它保管开发者的代码,进行版本控制。 在搭建时,使用Hugo打包构建静态网站,输出一个纯静态的资源包。将这个静态资源包上传到Gitee,就能实现站点部署。...搭建博客的步骤,新搭建应该已经可以使用了,然后就是之前的文章迁移过来了,这个后面再慢慢搞 LINKS 如何使用hugo 搭建博客https://www.jianshu.com/p/2d37be4e9f9d
原文首发于使用腾讯Coding/serverless托管Hugo网站 逼逼几句 这几天有时间就来折腾一下自己的博客,由于平时懒得去管主机的各种服务之类的,然后用的是hugo来生成站点的,所以还要跑shell...然后发现新建网站这边没有hugo可以勾选,所以自己搞了一个方式来自动构建部署。...version=latest" -o hugo_extended_0.85.0_Linux-64bit-latest.tar.gz # 这一步是下载hugo的执行程序,我是放在了coding的制品里面了...rm -r hugo_extended_0.85.0_Linux-64bit-latest.tar.gz # 删除压缩包 ls -hal mv hugo /usr/bin/hugo # 移动到执行目录...hugo # 由于前一步我们把代码检出了,所以我们目前是处于源代码目录下的,执行hugo命令便可生成静态网站到public 部署应用 cd .
在上一篇博文中已经介绍了 Hugo 的基本搭建步骤,那如何使用 Hugo 搭建符合自己需求的主题页面?不妨还是以 Hugo-book主题作为 基础,一起探索如何将它塑造成我们需要的网页。...title = 'Hugo 的基本使用' 图 1,hugo 自定义导航示例 多语言的支持 Hugo 的一个常见的用途就是搭建 GitHub page,来介绍开源项目,做为其产品文档页面;开源项目涉及的参与者可能来自不同国家和语言背景...,同样的对于开源软件的使用方也是如此,因此支持多语言是一个关键需求。...' # 文档目录 weight = 2 # 中文 [languages.zh] title = 'Hugo 的基本使用' languageName = '中文'...虽然在此不一一进行演示,但有兴趣的朋友可以通过官方网站查看相关的使用语法和示例:Hugo-book 官方Demo。
hugo博客上的评论插件一直试了好多,但网上关于hugo的评论插件是太少了,找了好长时间都没有值得考究的。...hugo推荐utterances和gitalk评论插件来使用。...hugo博客配置使用 utterances 首先在github上创建一个空仓库,如:hugoblogtalks,并且初始化设置,仓库必须是Public,而不是私有的,这样我们的读者才可以查看以及发表评论...接着就是在hugo的配置文件(config.toml)中启用utterances,打开config.toml,添加如下: ## 配置 utteranc评论,教程参考 https://utteranc.es...http://hugo.xdr630.top/ ?
但是现在各种检测浏览器环境...特别是不熟悉 js 的同学就更烦了 本文是直接把seleniumpyppeteer 以及正常打开浏览器 的环境差异直接列出来 这样你就可以更愉快的爬虫了(可以直接把环境全部模拟上...再查看方法的差异 操作 获取 json 下载本项目 启动本地 server python -m http.server 80 打开 http://localhost/ 正常打开最好是无痕模式,因为浏览器扩展可能会导致多出很多浏览器扩展的属性...下面可以看到 差异有 root['navigator']['webdriver'], root['clientInformation']['webdriver'] 等等 这个算是目前检测用的比较多的,还有一些其他的可以自己运行看看
1.为什么要写一个 Hugo 发布器 事情的起因 我最初使用的是maupassant主题作为博客网站的主题,但是偶然间发现了其在移动端的适配效果不太理想,然后就想着去找一款能够完美适配移动设备的主题,最后通过配置服务器去判断用户使用的设备...现在两个主题: 需要两个配置文件config.toml,使用时都得更名为这个config.toml 需要两次执行hugo命令生成静态页面,并分别保存 需要两次不同路径的拷贝 思来想去,**我决定编写一个...n", fp, temppath) return nil }) wg.Done() return error } 2.5 sync 由于是两个不同端的静态文件上传,采用goroutine,使用...使用效果如下: 这里我通过github.com/urfave/cli包编写了一个命令行工具hugop。...pwd ssh登录密码 --rpath 需上传的路径,所有public里面的文件都将上传至此目录 3.1 源代码 欢迎下载使用:https://gitee.com/RandyField/hugo-publish
想在文章中插入 iframe, video, 以及其他比如 summar y等标签,可以配置一下 config 文件。
做前端开始的,基本有很多人都在使用chrome浏览器的调试功能,我基本上是全部使用chrome浏览器进行调试的。IE的调试,实在是不敢恭维。下面我简单分享一下chrome浏览器的简单使用。...在chrome浏览器中打开http://localhost:3000,按F12,或者右击->单击【检查】. ? 选择适合你的模拟的手机型号即可。在这里可以选择安卓手机类型,也可以选择苹果手机类型。...有三种结构,我一般喜欢所有结构的,大家可以根据自己的使用习惯来调整。 ? 点击A那的小按钮,然后点击屏幕上你想查看的元素,对用的右边C部分就可以显示出来代码了。 ?...1-7_副本.png 调试代码,找到需要打断点的地方打好断点,然后刷新浏览器,点击进入需要调试的部分,就可以进行调试。 ?...其余一些chrome浏览器的一些调试方式,大家可以上网搜索下,以上说的都是一些常用的一些方法。 chrome浏览器不错使用方式
谷歌浏览器 若想使用selenium进行爬虫/自动化,我们得先安装浏览器驱动,安装对应驱动之前第一步需要查看浏览器版本。...如果你使用的是Anaconda3,则可以放在C:\ProgramData\Anaconda3路径下。...360安全浏览器 实际上,大家使用的各种浏览器基本都是开源的谷歌google内核。所以使用chrome内核驱动ChromeDriver,自然可以Python调用selenium控制浏览器了。...Edge浏览器 Win电脑自带的Edge浏览器,作为微软家的亲儿子,还是与其他浏览器待遇有些不同。 我们可以直接下载Edge浏览器对应版本的驱动,下载步骤和Python代码量与谷歌浏览器基本一致。...今天我们分享了3个浏览器(谷歌、360、Edge)如何安装浏览器驱动,并使用selenium的操作。
在这篇文章中,我们将看到如何使用 Python 中的 OpenCV 模块检测颜色,进入这个领域的第一步就是安装下面提到的模块。...读取图像并使用 OpenCV 模块中的 cvtColor() 函数将BGR图像转换为 HSV (色调、饱和度、值) 图像, 现在,选择我们想要检测的颜色,并使用如下所示的HSV颜色贴图获得较低和较高的...使用 HSV 值,我们需要使用 OpenCV 模块中的 inRange() 函数找到掩码并将其分配给变量(掩码)。...使用 bitwise_and() 函数,我们可以通过将 BGR 图像作为第一个和第二个参数传递来获取我们选择的检测到的彩色图像,第三个参数将作为掩码并将其分配给变量 (detected_img)。...Detected_img 将是程序的最终输出,并使用 OpenCV 模块中的 imshow()函数显示。 在我们的例子中,我们将检测输入图像的红色和绿色,下面的代码将只检测红色和绿色。
1.前往hugo下载对应版本的hugo 图片 2.解压并配置环境变量 图片 图片 图片 3.打开cmd,检测是否安装成功 hugo version 出现下面字样,表明成功 图片 4.使用hugo...没有安装的去找一下,相关的博客很多,,操作也很简单) 图片 按照他的操作步骤,,,cd进入到testblog文件夹下,git init一下,然后git clone 图片 图片 之后,在本机启动个人博客 使用指定主题启动...github.io,如图 图片 图片 使用cmd上传到github 首先生成public文件夹,下面命令你的baseUrl中改成自己的名字 hugo --theme=toha --baseUrl="httpss...github仓库 git push -u origin master //推上去 图片 图片 有时会让你重新输入用户名和密码 图片 8.访问公网博客 图片 9.在此之后更新文章,使用...hugo生成新的静态页面,并使用git push进行同步 cd public git add . git status git commit -m "add blog post" git push 提示以下
关于TypoDetect TypoDetect是一款功能强大的域名检测工具,可以帮助广大蓝队研究人员、安全运维人员和企业安全部门检测跟自己域名相似的主动变异型域名,以防止网络犯罪分子利用这些域名进行网络欺诈活动...TypoDetect支持使用IANA网站最新发布的可用版本顶级域名(TLD),区块链DNS中验证的去中心化域名以及DoH服务中报告的恶意软件相关域名等。...为方便用户使用,TypoDetect默认以JSON格式或TXT格式提供分析报告,具体报告的生成格式以及显示类似域名的方法取决于用户的选择。...-o TXT 检测报告 在本项目的reports目录下,会保存每次执行后的扫描报告,默认格式为JSON,存储名称为扫描的域名以及日期,样例如下: elevenpaths.com2021...-01-26T18:20:10.34568.json JSON格式报告的数据结构如下所示,其中包含检测到的主动变异域名: { id: "report_DoH" :
领取专属 10元无门槛券
手把手带您无忧上云