开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Hugo网站托管在GitHub页面中。主页显示ok，但博客转到404

Hugo是一个静态网站生成器，它可以帮助开发者快速构建静态网站。GitHub Pages是一个免费的托管服务，可以将静态网站部署到GitHub上。在GitHub Pages中托管Hugo网站时，遇到主页显示正常但博客转到404的问题，可能是由于以下原因导致的：

配置问题：请确保你的Hugo配置文件中正确设置了博客的路径和URL。在配置文件中，你需要指定博客的baseURL为正确的URL地址，以确保博客页面能够正确加载。
文件路径问题：检查你的Hugo网站文件结构，确保博客文章的文件路径和链接正确。如果文件路径或链接错误，可能导致博客页面无法找到，从而显示404错误。
GitHub Pages设置问题：在GitHub仓库的设置中，确保你已正确设置了GitHub Pages的源和分支。你需要将源设置为"master branch"或"main branch"，以及指定正确的分支。
缓存问题：有时候，GitHub Pages可能会缓存旧的页面内容，导致更新后的博客无法正确显示。你可以尝试清除浏览器缓存或等待一段时间，然后再次访问博客页面。

如果以上方法都无法解决问题，建议查阅Hugo和GitHub Pages的官方文档，以获取更详细的指导和解决方案。

腾讯云相关产品推荐：

云服务器（CVM）：提供弹性计算能力，可用于托管网站和应用程序。详情请参考：腾讯云云服务器
对象存储（COS）：提供高可靠、低成本的云存储服务，适用于存储静态网站的文件和资源。详情请参考：腾讯云对象存储
云函数（SCF）：无服务器计算服务，可用于处理网站的后端逻辑和业务。详情请参考：腾讯云云函数
云安全中心（SSC）：提供全面的云安全解决方案，保护网站和应用程序的安全。详情请参考：腾讯云云安全中心

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

hugo博客搭建之旅

GitHub上最主流的3大静态博客建站框架为： hugo hexo Jekyll 为什么选择hugo，v站上留言推荐最多的博客建站框架，GitHub上star数60.5k ，广受欢迎。...我的这个网站托管在GitHub pages(https://charlie-king.github.io)和vercel(https://kingpo.vercel.app)上，虽然服务器都在国外，但完全免费...建站工具框架：hugo 版本：hugo extended 0.101.0 主题：FixIt 托管：GitHub和vercel 目前配置实现的功能使用到的主题是FixIt(https://github.com...title = "" # 主页显示的网站副标题 subtitle = "这是我的全新 Hugo FixIt 网站" # 是否为副标题显示打字机动画 typeit...Markdown 文档链接 linkToMarkdown = true # 是否在 RSS 中显示全文内容 rssFullText = false # 页面样式 [

6162 0

将博客迁移到了 Cloudflare Pages

上个月把博客从 hexo 迁移到了 hugo，博客数据、发布流程全部托管到 github。之后把之前写的一篇《那些年曹大写的文章》搬了过来，其他文章暂时下线了。...迁移过程很简单，在 Cloudflare Pages 页面，创建部署，目录设置成 github 上的 blog repo。...我之前的域名在腾讯云上托管，这回得修改 DNS 服务器到 Cloudflare，需要去腾讯云域名管理页面修改。...过程也很简单：先用『检查』功能找到 cmd markdown 页面上的引用对应什么元素，然后在它的 css 文件里找到对应的代码，copy 到本地 style.css 里就 ok 了。...static 目录下面的文件会移到网站根目录当我们想让一些文件在执行 hugo 命令后出现在网站根目录下，只需要将它们放到 themes/maupassant/static 就行了。

1.2K1 0

Hugo + GitHub Action，搭建你的博客自动发布系统

前言在之前的一篇《免费的个人博客系统搭建及部署解决方案（Hugo + GitHub Pages + Cusdis）》中，我提到了自己通过 Hugo 这个静态网站生成器来真正搭建我的个人博客，并在 Hugo...GitHub Pages 发布博客完成上述准备工作后，我们现在已经可以通过自定义域名来访问我们的 GitHub Pages 页面了，目前因为项目仓库是空的，访问后会报 404 页面。...我们希望 Hugo 生成的静态网站能通过 GitHub Pages 服务进行托管，而无需自己维护服务，更稳定、安全，因此我们需要上传 Hugo 生成的静态网页文件至 GitHub Page 项目仓库。...，可以在 GitHub 项目仓库的 Action 工具栏进行手动调用 schedule，定时执行 GitHub Action，如我的设置为北京时间每天早上执行，主要是使用一些自动化统计 CI 来自动更新我博客的关于页面...GitHub Action 实现的免费博客自动部署系统，我自己的实现仓库在 pseudoyu/yu-blog 仓库中，我定制化的主题仓库在 pseudoyu/hugo-theme-den 中。

1.2K1 0

利用Hugo和Github Pages免费创建并永久托管网站

概述 Hugo可以让你轻松生成静态网站，比如个人博客、API文档、公司主页等，你只需要提供markdown格式的文本，它就能帮你渲染成各种你想要的样式，只需要安装想要的主题，写好对应的markdown...里加一行，配置本网站的主题： theme = "xhugo" 注： config.toml 中配置的主题名字应和主题目录名称一致新建页面： hugo new posts/hello.md 此时会在...Github Pages Github Pages 是 Github 推出的一项功能，可以免费托管静态网站，将你的静态文件放在仓库里，然后在仓库的 Settings 里面，翻到下面的 GitHub Pages...里面的页面和文件设置 Github Pages 静态文件存放位置有三种： master 分支 master 分支下 docs 目录 gh-pages 分支(前提是这个分支存在才会显示) 注： Github...一般都会先新建第一种 Github Pages 主仓库作为网站主要托管，根据你的账号名创建仓库，如: imroc.github.io，提交静态文件后在仓库的 Settings 里面，翻到下面的 Github

6.9K3 1

Hugo搭建博客（一）— 基本设置

如果想要渲染这些页面, 请从元数据中删除属性 draft: true, 或者设置属性 draft: false. 2.5 在本地启动网站 1 hugo server 也可以在启动server时应用主题...2.6 构建网站在项目根目录下直接使用 hugo 命令，会生成 public 目录，该目录下都是关于我们的 markdown 编译完成的 html 静态页面。...3.2 本地和站点图片路径不一致在 Typora 中编辑文章插入图片能够显示，而发布后网页中的图片不能正常显示（路径错误）。...或者使用站点根目录（/）引用图片可以正常加载显示，但是无法在 Typora 编辑器中显示图片。有以下几种方法解决。...，所以，不能添加到[taxonomies]（网站所有的分类标签）目录中，要不然就不会显示。

2.9K3 1

怎么选择和快速搭建个人博客转

接下来将会通过实例展示不同的博客形式。个人主页注册。指的是在现有的博客网站、论坛或社区上注册个人主页静态网站生成。...通常是由jekyll、hugo或hexo等技术生成静态网站，然后通过git上传到Github Pages、Coding Pages等托管平台免费展示内容管理系统。...注册形式的博客当然还可以申请微信订阅号，或者在知乎、StackOverFlow或Quora等问答平台写以答案的形式，甚至百度贴吧搭楼也可以，虽然是不正经的博客，但确是正经的写博客初衷。...文章以特定的标头格式书写，放置在指定的文件夹，执行命令快速生成完整的静态网站；通过git将文件上传至Github或Coding等代码托管平台，这些平台提供免费展示页面功能。快速搭建。...，建议搭在Coding Pages上，比较省心（会员等级不够高会有广告跳转，解决方式是主页上帮他作广告）如果通过Github托管的话，另外推荐静态网站专业托管平台Netlify，虽然自动编译还有很多坑位

1.8K3 0

腾讯云静态网站托管之部署 Hugo

/my-first-post.md 在目录中运行： hugo server 在浏览器打开 http://localhost:1313/ 即可查看效果： ?...使用下面的代码部署编译完成的静态页面文件： hugo -D 生成好的静态页面文件会放在项目的 public 目录中，目录结构如下： ├── 404.html ├──...在开通环境以后，请记住您的环境 ID，这个 ID 后续部署需要用到。云开发环境创建完成后，单击左侧菜单栏中的【静态网站托管】，单击【选择已有按量计费环境】 ?...在弹出的页面确认授权： ? 在 hugo-site 中将 public 目录中的文件给部署上去： cloudbase hosting:deploy ....打开腾讯云云开发控制台，单击左侧菜单栏中的【静态网站托管】>【设置】，进入设置页面，可以找到默认的域名，单击域名，就可以看到您刚部署的 Hexo。 ?

14.4K3 0

hugo博客部署到腾讯云轻量级服务器

搭建hugo博客参考我的这篇文章：Hugo博客搭建，或者是百度。 3....域名备案如果hugo博客部署到github，那么可以不需要备案，因为github属于国外的服务器，但是如果自己用大陆服务器搭建就需要备案，否则用域名打开网页后会提示网站需要备案，备案请点击这里：腾讯云域名备案...ip地址，如果会出现nginx的页面，说明可以导航到您的服务器，即nginx安装成功三.防火墙设置为了使外部用户可以访问web服务器，需要开放防火墙，主要是80端口和443端口，可以在服务器的控制台手动设置...也可以通过Let’s encrypt网站申请免费的。不过我用的暂时是腾讯云的。...，如果出现博客首页，说明配置成功了，如果域名还没有备案成功，用ip地址访问也可以跳转到博客首页七.后续发布文章文章在本地写好后，生成public文件，用rsync上传到服务器就可以了。

2.7K2 0

使用 Github Pages 和 Hugo 搭建个人博客教程

，第三则是所有的博客直接托管在 github，也更符合个人习惯，最后则是自建个人博客可玩性和可扩展性好。...demosite # 命令格式，hugo new site 下载一个 hugo 主题 hugo 主题可以理解为是一种网站样式，你可以在该页面选择自己心仪的 hugo 主题。...[图片] 构建静态页面若要将博客托管在 github 上，需要上传静态页面。...GitHub Pages 可以识别指定分支根目录或者/docs 目录下的静态站点，具体可以在个人站点的 setting 中配置。...-D可以生成静态页面，但该命令会默认将静态页面生成到 public 目录下，而 Github Pages 仅支持根目录/或者/docs 目录，所以我们需要将静态页面生成到 docs 目录下 hugo

7.2K5 0

hugo博客搭建之旅

GitHub上最主流的3大静态博客建站框架为： hugo hexo Jekyll 为什么选择hugo，v站上留言推荐最多的博客建站框架，GitHub上star数60.5k ，广受欢迎。...我的这个网站托管在GitHub pages(https://charlie-king.github.io)和vercel(https://kingpo.vercel.app)上，虽然服务器都在国外，但完全免费...文件自动生成部分 │ ├─content #存放网页内容的目录 ├─data #存放数据文件，一般json文件，hugo提供相关命令可从data中读取数据，渲染到html页面，实 │...#存放静态文件，如css，js，img等文件目录，hugo直接复制到public目录下，不会做渲染 └─themes #存放网站主题，可存多个主题，在config.toml全局文件中配置指定，也可在执行渲染是加参...hugo server 在浏览器里，输入：localhost:1313 就可以访问了。不过这时候网站还是空的，hugo初始生成的网站默认不带样式，我们需要选个主题安装。

8272 0

hugo博客搭建 | PaperMod主题

2.新建站点输入hugo new site hugoblog ，就会在hugoblog文件夹内出现如下目录结构： image.png 3.下载主题先去 hugo主题官网找到自己喜欢的主题，然后点击下载会跳转到主题的...github，把终端的路径调整到博客文件夹的themes目录下，输入：git clone https://github.com/adityatelange/hugo-PaperMod.git，比如我的主题是...PaperMod，然后在themes文件夹下会出现如下文件目录： image.png 使用该主题的方法就是在站点配置文件输入主题的名字: theme: PaperMod # 主题名字，和themes文件夹下的一致...: post: "/:title/" # post: "/:year/:month/:day/:title/" defaultContentLanguage: en # 最顶部首先展示的语言页面...在终端直接输入hugo server -D就可以在本地预览了，本地预览网址为 localhost:1313，输入hugo就可以生成public文件夹，这个文件夹可以部署到云服务器或者托管到github

2.7K1 0

使用Hugo，几步搭建你喜欢的站点样式！

云开发静态网站托管支持通过云开发SDK调用服务端资源如：云函数、云存储、云数据库等，从而将静态网站扩展为全栈网站。...最后，直接在目录中运行： hugo server 在浏览器打开 http://localhost:1313/ 即可查看效果: image.png 当然，我们需要部署的是编译完成的静态页面文件： hugo...-D 生成好的静态页面文件会放在项目的public目录中，目录结构如下： ├── 404.html ├── categories │ ├── index.html │ └── index.xml...创建完成后，点击进入我们刚刚创建的云环境，进入云环境管理界面： image.png 在云环境管理界面，在右侧的网站托管中，我们可以将刚刚项目中生成好的静态页面给上传上去。...，在hugo-site中将public目录中的文件给部署上去： cloudbase hosting:deploy .

1.8K6 2

怎么通过码云(Gitee.com)创建自己的博客建立主页

很多开源项目托管平台都支持为托管的项目建立主页，但主页的维护方式都没有码云这么酷。...大多数托管平台无非是开放一个FTP或类似服务，用户把制作好的网页或脚本上传了事，而在码云用户通过创建特殊名称的 Git 版本库或在 Git 库中建立特别的分支实现对主页的维护。...码云 Pages 是一个免费的静态网页托管服务，您可以使用码云 Pages 托管博客、项目官网等静态网页。如果您使用过 Github Pages 那么您会很快上手使用码云的 Pages服务。...Jekyll 也可以运行在码云 Pages 上，也就是说，你可以使用码云的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...Jekyll 使用文档：http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404？答：在项目根目录新建 404.html 文件即可。

7K2 0

免费的个人博客系统搭建及部署解决方案（Hugo + GitHub Pages + Cusdis）

因此，一直在探索能够既能保障国内外访问体验，又能够托管在一些平台上，实现部署和发布流程的最优化体验。...因为 Hugo 开源社区中 hugo-theme-den 完全在我的审美上，所以我选择了 Hugo 并在这个主题基础上进行了一些个人定制化改造和配置，满足了自己的需求。...博客托管静态博客需要托管在一个平台上才能够实现外部访问，可以是自己的 vps 主机，也可以是 GitHub Pages，或者是 Vercel 这样的 Serverless 平台，后两者都可以通过 GitHub.../CD 的功能，如提交/更新博客源文件后自动构建生成博客静态文件并推送到 GitHub Pages 仓库进行部署，还可以配合一些定时任务实现自我介绍页面更新等功能。...图片管理日常发布的文章中可能会涉及很多图片，将图片存储在静态博客源项目仓库中的话会使项目过于庞大，并且很难二次使用和管理，因此，我同样选择了 GitHub 作为图床工具，并使用 PicGo 客户端进行图床管理

2.2K1 0

Hugo + GitHub Pages 搭建自己的网站

既然博文都保存在了 GitHub 上，怎么方便快速的基于 GitHub 来搭建自己的博客呢？（有些人直接就让在 GitHub 阅读，虽然可以，但体验还是不太好，而且看起来没有那么高大上，是不是？）...$ git clone https://github.com/Track3/hermit.git themes/hermit 将该主题增加到网站的配置文件中，这样才能生效： echo 'theme =...不过点击「文章」和「关于」都报 404。...如果文章完成，可以执行 hugo 命令，生成静态页面。默认会将生成的静态页面放入 public 目录中。关于 Hugo 更多的定制，比如 theme 的定制，这里不过多讲解，有兴趣的自己琢磨。...1）方法一上面 Hugo 项目的代码直接推送到 GitHub Pages 这个仓库中，在通过 Hugo 生成静态页面时，指定目标目录为 docs： $ hugo -d docs 这样 docs 下面的内容就是静态页面

1.3K3 0

使用Github Actions实现Hugo博客自动发布到腾讯云静态网站托管

之前博客因为是使用Caddy的GitHub webhook实现网站自动部署，但是因为Caddy现在已经升级到了v2版本，能使用的插件少了一点。...看到腾讯云增加了静态网站托管，博客本身访问量也不是很大，所以相对来说静态网站托管还是便宜一些，所以就把博客迁移到了这里，就记录一下新的自动部署的方式方法。...关于腾讯云静态网站托管腾讯云静态网站托管（Website Hosting）目前是归在云开发，不需要自建服务器，就可以实现一键部署网站，把静态网站内容发布到全网节点，轻松为您的业务增添稳定、高并发、快速访问等能力...创建腾讯云静态网站托管资源首先，到腾讯云官网创建资源静态网站托管。 [应用模版] 应用模板这里选择空模板即可，直接进入下一步。...setup hugo: 这一步是安装hugo命令行 build content to public site: 这一步是使用hugo命令行生成我们的静态页面 install nodejs: 这一步是安装

1.9K9 0

利用基于Go Lang的Hugo配合nginx来打造属于自己的纯静态博客系统

而纯静态页面则没有这个烦恼，如果我们只需要一个简单的站点，一些简单的功能和页面，比如博客，我们只想以极简的方式用markdown语法写下文字或者代码，让服务器访问纯静态页面，这就是静态网站生成器可以提供给我们的好处...为啥选择Hugo? Hugo是一种go语言编写的静态网站生成器。适用于搭建个人blog、公司主页、help等网站，是一种小型的CMS系统。...显示主版本号即表示安装成功然后，可以进行hugo的在线源码编译安装，打开命令行，输入下面的命令 go get -u -v github.com/spf13/hugo go build -o hugo...，解压之后配置一下环境变量也可以装完以后，在命令行内输入 hugo version 打印出版本号即表示hugo安装成功在命令行中输入命令 hugo new site hugo_blog...title: "第一篇文章" --- ### 你好啊 123123123 ``` print('hello world') ``` 然后在命令行中输入 hugo server 来热启动项目

6042 0

免费创建个人静态网站最佳实践：hugo+github+netlify

TOC 一、前言关于搭建一个博客或个人网站的好处不用我多说，但创建网站的难度可能会让人望而却步。本人从网络上获得过很多帮助，学到很多。...因此，一直耽误到现在，但一直贼心不死，想得到一个不太需要维护，可以专注写作，文档可以同步（在别的电脑上也可以编辑），又很geek的网站。...为什么不直接用有道云笔记中的md呢？因为插入图片得是VIP才行，而导出来的md文档里所有图片的超链接是私人链接，移到别的地方根本没办法显示图片。...关于利用hugo和Github建网站的博客很多，但是有些博客内容有些出入，可能是由于英文翻译或版本更新所造成的。这里建议大家直接看hugo的英文官网和hugo in action，或者官方翻译。...此外，网上的博客可以进行参考。这篇博客主要针对搭建过程中可能遇到的问题进行记录，希望对大家有所帮助。二、原理那么如何用静态网页创建网站呢？

4K1 0

个人博客从 Hexo 迁移至 Hugo

Git 子模组的形式，为了日后快速升级，避免在使用 hexo 中因大量魔改 next 主题而导致难以升级的困扰。...FixIt 在 config.toml 添加 theme = “LoveIt” 1 theme = "FixIt" 在本地启动网站使用以下命令启动网站： 1 hugo serve --disableFastRender...Base 迁移 hexo 所有文章内容迁移 hexo 所有页面内容留言页面网友打赏支持页面，整合到留言页面重写关于页面，一切从简友情链接页面重写 404 页面站点时间和不蒜子计数改到...记账本等（保持原本博客的纯粹性）博客 valine 评论，阅读数迁移，可用 leancloud API 写代码转化（但似乎没必要）博客 SEO 优化迁移 baidu_urls.txt...#4 博客在线编辑器研究 github1s 等 #5 ---- [baidu_urls.txt]:↩︎ 生成百度链接集合小技巧，关掉归档分页，在归档页面控制台执行以下代码即可获得所有文章链接 1 2

8061 0

用 Hugo 30 分钟搭建静态博客

可用通过在终端中输入 Crtl+C 来停止服务器运行。现在你的博客还是空的，但这也给你留了写作的空间。它看起来如下所示： image.png 你已经成功的给博客设置了主题！...你可以在官方 Hugo 主题网站上找到上百种漂亮的主题供你使用。 10-20 分钟：给博客添加内容对于碗来说，它是空的时候用处最大，可以用来盛放东西；但对于博客来说不是这样，空博客几乎毫无用处。...image.png 20-30 分钟：调整网站前面的工作很完美，但还有一些问题需要解决。例如，简单地命名你的站点：终端中按下 Ctrl+C 以停止服务器。...该页面不是博客提交内容，所以你不想它显示到博客内容提交当中吧。...（访问我 Gihub 主页上的例子）如果你想让文章的菜单栏和 Github 相似，给 themes/kiera/static/css/styles.css 打上这个补丁。

8472 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭