Hugo主题beautiful的优化

麦田4年前 (2019-09-17)工作笔记922

Hugo主题beautiful是个白灰色的主题,风格简洁,适合所有网站!


这个主题的文件和内容比较混乱,尤其是CSS,编辑优化用了很多时间。


遇到的第一个问题:语言


解决方法是在配置文件里加入:


defaultContentLanguage = "zh-cn"


然后去主题下的i18n文件夹内,修改zh.yaml文件为zh-cn.yaml


遇到的第二个问题:CSS


这个主题的css本身有一些错误,文章标题错位,一些板块的高度过高,不美观…


解决方法:使用chrome或者360浏览器之类的,还有火狐浏览器,按F12,点击网页,可以查找对于的css,便于修改。

相关文章

Win10系统安装Hugo详细教程

Hugo是主流的静态网站生成器,也叫静态博客生成器。hugo是在本地运行的软件,在本地电脑按照规定格式写好文章,然后通过hugo可以一键生成一个优秀的网站!Hugo生成的网站是目前最新的自适应性网站,...

Hugo添加归档页面

Hugo默认没有归档页面,,需要自己单独添加一个归档页面。以hugo主题rockrock为例,方法如下:1、新建归档页面的模板;到主题目录下的layouts文件夹内新建文件夹archives到主题目录...

Hugo主题ivy的配置

Hugo主题ivy特别简洁,首页文章列表只有标题。主题文件也很简单,内容清晰,网站加载速度极快,这点比Hugo主题beautiful好很多!我在优化这个主题中遇到的问题如下:1、善用exampleSi...

Hugo主题rockrock的配置

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

Hugo主题mainroad的配置

hugo主题模板mainroad源自WordPress主题 Mainroad,原作者是MH Themes,不得不说WordPress的主题最丰富,优秀作品也多。2020年2月20日优化:1、优化全部标...

Hugo主题hyde的配置

hyde主题是国外网友spf13的作品,大约六年前制作的,样式和界面竟然到现在还不落后,可惜我在编辑和优化过程中发现,这个主题有些文件丢失,导致功能缺失。经过半天的优化,还是有些小问题无法解决。现在是...

发表评论

访客

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