Hugo主题kiss的配置

麦田4年前 (2019-09-12)工作笔记877

Hugo主题kiss的颜色只有黑白,没有配色,没有修饰的图片,非常简洁。


在优化这个主题遇到的问题如下:


1、首页不显示网站名字;


解决:打开主题内的exampleSite文件夹,里面的网站配置文件有一段:


homeTitle = "这里默认留空,需要写网站名字" # Title for home page

related = true # 开启相关文章功能

重点:善于使用exampleSite文件夹里的内容


2、预览发现浏览器标签中显示网站ico的位置一直在打转等待加载,还有网页虽然打开,但是浏览器左下角状态栏一直提示:正在连接…


这说明网页有内容一直在加载,打开速度慢。网页上右键,点击查看源代码发现:


网页底部要加载两个打不开的统计代码:matomo、fathomAnalytics,搜索关键词找到网站配置文件里的内容,删除即可:


[params.matomoAnalytics]

siteID = 1

rootURL = "//matomo.example.com/"


[params.fathomAnalytics]

rootURL = "//fathom.example.com/"

同时还发现预览网页源代码底部还有一段:


script src="/livereload.js?port=1313&mindelay=10

用livereload搜索主题文件找不到相关内容,可能是预览网页需要的代码,因为生成网站后,这一段不在网页里面。


经验:每次修改完主题后,都应该查看网页文件有没有多余的无效加载,删除后提高网站速度!

相关文章

Hugo使用经验和教程

Hugo是Go语言的静态网站生成器,也叫静态博客生成器,是建站利器!Hugo的优点:1、安装方便,使用简单;2、生成纯静态文件,适配电脑和移动端,速度快,安全性高,本地默认有备份,数据安全;3、可以添...

Hugo基于标签展示相关文章

本文以主题rockrock为例讲解:使用dw打开模板文件:themes/主题rockrock/layouts/_default/single.html找到以下内容:</div> ...

Hugo生成静态网页有大量空行怎么办

Hugo生成静态网页后,查看HTML网页源代码发现,里面有大量的空行,虽然前台显示正常,但是这些空行都应该被消灭掉!据说,不只是Hugo,Jekyell默认情况下也有同样的现象。这个问题一般是因为空元...

Hugo主题rockrock的配置

rockrock主题很干净,我很喜欢,但是这些主题都需要配置和优化:1、Hugo实现猜你喜欢功能(相关文章,或者相关内容功能)使用dw打开模板文件:themes/主题rockrock/layouts/...

Hugo主题nuo的配置

Hugo主题nuo简洁大方,电脑端界面分左右两栏,手机端界面和其他所有主题类似,我很喜欢!因为麦田喜欢生成.html文件,并直接放在网站根目录下,所以这个主题修改和配置的地方比较多:1、先设置网站根目...

Win10系统安装Hexo教程

Hexo也是一款静态博客生成器,是基于node.js制作的博客工具,Hexo和Jekyll都属于热门的静态博客生成器。Hexo的安装和Hugo一样比较简单,两者都比Jekyll安装简单!Hexo的安装...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。