Hugo博客自定义配置

本文介绍了如何自定义Hugo博客,包括文章参数配置、站点属性调整、图标自定义、颜色与背景设置以及评论功能的集成。通过修改archetypesdefault.md、config.toml文件,以及使用阿里巴巴矢量库来定制图标。同时,需要安装node.js和yarn进行主题静态打包,并在config.toml中更新图标和评论配置。
摘要由CSDN通过智能技术生成

1.文章参数配置

修改文件 archetypes\default.md
可参考:
default.md 文件

2.站点属性配置

将主题下面的 themes\even\exampleSite\config.toml 文件复制到站点根目录,进行参数修改调整
可参考:
config.toml文件

3.图标自定义

阿里巴巴矢量库进行图标下载。
打开图标管理 -> 我的项目 -> hugo-blog,将选择好的图标加入购物车,加入项目,修改下图标的名称(名称改为icon-xxx)、注意调整大小和颜色。
在这里插入图片描述
将hugo的themes\even\src\fonts\iconfont目录下的4个文件用下载的对应文件替换掉。

修改themes\even\src\css_iconfont.scss 文件,格式可参考代码:


                
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值