个性化网站

KJY / 2024-10-01


虽然之前使用Hugo建立了这个博客系统,但是不是特别符合自己的审美,所以现在进行一些优化。

修改整体颜色 #

要修改Hugo建立的网站的整体颜色,你需要编辑网站的CSS样式文件。在你的Hugo网站中找到主题目录,通常位于 themes 目录下。不同的主题可能有不同的目录结构和文件名。 在static/css目录下进行修改。

修改颜色:在CSS文件中,你可以查找或添加适当的CSS规则来修改网站的颜色。例如,你可以搜索或直接在文件中添加类似以下的代码:

body {
    background-color: #f0f0f0; /* 设置背景颜色 */
    color: #333; /* 设置文本颜色 */
}

/* 修改链接颜色 */
a {
    color: #007bff; /* 设置链接文本颜色 */
}

/* 修改标题颜色 */
h1, h2, h3 {
    color: #555; /* 设置标题颜色 */
}

这些是一些基本的CSS规则示例,你可以根据你的喜好和需求进行调整。

更换主题 #

可以在这里查找自己喜欢的主题:https://themes.gohugo.io/tags/minimal/

选择并下载新的主题。

一旦主题位于你的Hugo网站的 themes 目录中,需要编辑网站的配置文件 config.toml、 config.yaml 或 config.json(具体取决于你使用的配置文件格式)来应用新主题。

最后一次修改于 2024-10-01