使用Github Page+Hugo搭建个人主页&自定义修改网页组件心得
发布网友
发布时间：2024-10-03 03:22
共1个回答
热心网友
时间：2024-10-08 05:21
搭建个人学术主页时，我选择结合Hugo生成器和Github Page，以避免使用常见模板。参考博主小绵尾巴的教程后，我在这里分享一些关于Hugo内置组件个性化修改的心得，以实现主页个性化美化。以下是关键步骤和理解：
1. 安装与部署
在Mac OS环境下，安装Hugo并部署到本地，通过localhost:1313预览网页。务必查阅安装教程以适应其他系统。
2. Hugo基础与配置
hugo.toml：Hugo的核心，通过配置文件和Markdown文件生成HTML。重要参数如[params.intro]和[menu]控制网页内容和导航结构。
/content：存放文档和博客的核心，结构清晰，通过front matter定义文章转化为HTML的方式。
3. 主题定制：person-web
themes/person-web：主题结构包括架构文件、CSS/JS、示例内容、静态文件和布局。
layouts：理解list.html和single.html在文件夹和文章呈现中的作用，以及menu与partials的交互。
4. HTML编程与发布
了解HTML结构后，仅需定位到相关.html文件进行定制。发布到Github Page时，确保正确配置URL和使用hugo生成public文件夹而非server。
5. 结语
本文主要分享了从搭建到自定义Hugo组件的心得，尽管我并非前端专家，但仍希望这些内容能帮助到有需求的朋友。如有不足，欢迎指正。
