在Netlify上部署WebStack-Hugo主题

WebStack-Hugo主题文档

本地部署和部署到github pages上的可以看这个文档：‍⁠‬‌‍‌‍‍‬‌⁠⁠⁠‍‌‬⁠‌‌‍‬‌‍WebStack-Hugo部署文档 - 飞书云文档

推送到Github

这里使用git推送可能因为网络等问题总是失败，所以推荐使用github桌面端，下载后登录github账户，就可以看到你现在已经创建的仓库了。

本地部署测试完webstack-hugo后，要使用命令行生成静态文件，其实这一步就是为推送前做准备，打包好整个项目，建议在github桌面端通过项目文件夹创建新的仓库，然后直接推送就好，这样省去链接的过程。

步骤：

github桌面端通过本地文件夹项目创建相应的仓库。

推送完成后，想通过github pages部署的，修改一下域名什么的就可以了，因为网络问题，采用了Netlify这个部署，全球免费CDN，速度还将就。

下面来说说在Netlify部署这个项目时注意事项，步骤就不说了，随便搜搜到处都是，或者AI。

注意事项：

  • 这个项目生成的静态文件是放置在docs文件夹下的，并没有public文件夹，而Netlify都是从这个文件夹去看页面的，它通过hugo构建，所以注意推送的时候这个情况，在config.toml配置文件中修改：
    publishDir = "public" # 站点静态文件保存目录 这个里的public原本是docs
  • 图标显示不全的问题
    由于Netlify上是通过hugo重新构建静态文件的，所以图标都放到themes文件夹下的相应主题里图标的文件夹中再推送，而不是已经生成的Public文件夹里推送过去。
    \WebStack\themes\WebStack-Hugo\static\assets\images\logos