iFluxArt

博客导航友链
© 2025 iFluxArt 保留所有权利
目录
创建仓库
新建存储库
修改分支
本地部署
前置安装软件
克隆网站源码
下载 Hugo 扩展
网站基础设置
主题美化
分类
标签
品牌案例科技品牌快捷键中英对照表术语对照汽车品牌食品饮料服装文案运动品牌读书笔记广告理论办公软件文案美妆护肤视频剪辑部署最佳实践广告文案电商零售创意金融支付写作GitnpmCSS动画代码质量HTMLReactJavaScript组件开发静态站点剧本写作电影创作创作指南真人秀WindowsAcrobatAfter EffectsAuditionIllustratorLightroomMedia EncoderPhotoshopPremiere ProFinal Cut Pro设计工具直播电商私域运营运营策略私域流量DeepSeek运维GeminiCLIGoogle AI配置指南提示词工程AI交互MetaPayEasy亚马逊京东字节跳动滴滴百度网易美团腾讯阿里巴巴IBM思科甲骨文佳能大疆尼康科大讯飞AppleGoogleHTCOPPOrealmevivo一加三星华为小米微软索尼联想荣耀魅族招聘小鹏特斯拉理想蔚来CELEBRITYMISSOSEOK baby步履不停丰田奔驰奥迪宝马本田唯品会拼多多AMD惠普戴尔英伟达英特尔兰蔻完美日记雅诗兰黛谐音梗安踏李宁耐克阿迪达斯微信支付支付宝伊利农夫山泉可口可乐星巴克百事可乐大卫·奥格威教程威廉·伯恩巴克路克·苏立文约瑟夫·休格曼标题技巧版本控制工作流程VS Code开发环境插件配置Docker容器化GitHubSSH包管理pnpmTailwind CSS动画库Python规范工程实践Markdown语法对比动画工具前端开发CSSFAQ编程基础Web框架项目管理Astro评论系统GitHub集成React组件Hexo静态博客主题开发HugoGo语言Next.js技术栈VitePressVue3文档站点开发指南Monorepo剧本结构动态结构悬念设计叙事技巧人物设计戏剧冲突导演思维写作技巧结局设计故事创作电影节国际电影电影奖项电视节目综艺节目探险节目电视制作电影结构剧作分析影像构成电影分析精神分析叙事研究经典台词诗意台词中国电影Cloudflare网络安全VPNNVIDIA显卡驱动AI工具Obsidian插件知识管理V2rayN代理工具网络配置鼠标设置注册表修改显示设置高分屏Lightroom ClassicFCP邀请码内测PDF工具动画制作音频编辑照片处理视频编码Keynote演示软件ExcelPowerPointWordWPS剪映微信公众号账号注册平台认证抖音小店店铺运营电商运营抖音运营账号定位内容策略运营思维商业策略数据驱动人货场直播间运营直播合规违禁词平台规则直播带货运营流程直播脚本话术模板直播技巧运营指南微信生态内容创作行业分类成功案例方法论商业价值变现模式会员运营用户分层商业变现Waves音频插件混音制作
相关文章

Astro 静态站点开发指南

将 Monorepo 中的 Packages 发布到 npm 的完整指南

Google Python 编码规范指南

VS Code 开发环境配置

开发最佳实践

Hugo 静态网站开发教程

2024年9月23日
1534 字
预计阅读 7 分钟

创建仓库

Hugo 的部分主题(如 Stack),在 GitHub 上提供了快速入门模板(quick start template),只需几步,即可轻松创建一个个人网站(博客)。

新建存储库

在 Hugo Theme Stack Starter Template 主页,点击使用这个模板(Use this template),新建一个存储库(repository)。

如果之后要绑定自己的独立域名,存储库可以随便填;如果没有自己的域名,就命名为 <username>.github.io( username 即你的 GitHub 用户名,不区分大小写)。

修改分支

在 GitHub 上打开 Settings -> Pages ,将存储库的分支 Branch 从 master 更改为 gh-pages 。

这样一来,我们的主题和网站就可以分开了,我们的设置操作在 master ,主题更新在 gh-pages ,互相不受影响。

本地部署

前置安装软件

在本地运行 Hugo ,需要安装 Git 和 Go,分别在官网下载后安装即可。

克隆网站源码

打开刚才创建的存储库主页,找到 Code 按钮,任选 HTTPS 、SSH 、GitHub CLI 中的一个链接复制;在想要创建的位置,通过命令行的方式,输入以下命令,把我们刚才创建的网站源码,克隆到喜欢的位置:

Bash
git clone git@github.com:用户名/存储库名.git

用户名和存储库名要修改成自己的;
也可以选择下载压缩包后解压,效果是一样的;
下载的库自带文件夹,不需要创建新的。

下载 Hugo 扩展

根据自己的系统类型,在 hugo 的 Releases 页面,下载适合的版本。

推荐下载名称中带 extended 的压缩包。 64 位的 Windows 系统,下载 hugo_extended_0.134.2_windows-amd64.zip 即可(具体版本号以实际为准)。

下载压缩包后解压,不需要双击安装,直接将 hugo.exe 复制到网站源码的根目录下。

右键打开终端,输入以下命令后,将结果中的网址(一般为:http://localhost:1313/)复制到浏览器,即可看到网站的效果。

Bash
.\hugo server

网站基础设置

修改 config/module.toml 文件即可。

主题美化

美化操作是在 assets -> scss -> custom.scss 文件中。

如果要手动更新主题,依次运行以下命令即可:

Bash
hugo mod get -u github.com/CaiJimmy/hugo-theme-stack/v3
Bash
hugo mod tidy
版权声明

本文为作者原创文章,遵循 CC BY-NC-ND 4.0 协议。

  • 署名:转载时请注明出处
  • 非商业性使用:禁止商业用途
  • 禁止演绎:不得修改原文
查看完整许可证