开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jekyll站点中的标签页面在本地工作，但不在GitHub页面上工作，给出404错误

jekyll是一个基于Ruby的静态网站生成器，它允许用户通过Markdown或HTML等方式创建网页，并使用Liquid模板语言进行动态内容的管理和呈现。标签页面是jekyll中的一个功能，它允许用户将具有相同标签的文章进行分类展示。

在本地工作时，jekyll会根据_posts文件夹中的文章和标签信息生成标签页面，并通过本地服务器进行访问。但是在将jekyll站点部署到GitHub Pages时，可能会遇到标签页面无法正常工作的问题，并显示404错误。

这个问题通常是由于GitHub Pages的构建限制导致的。GitHub Pages仅支持Jekyll的一部分功能，并不完全兼容所有的插件和功能。标签页面在本地工作的原因是因为Jekyll通过插件生成了相应的HTML文件，但是在GitHub Pages上部署时，由于插件的限制，标签页面无法生成相应的HTML文件，从而导致404错误。

解决这个问题的方法是使用GitHub Pages所支持的纯静态页面功能，即将标签页面转换为纯静态的HTML页面，并手动添加到GitHub Pages中。具体步骤如下：

在本地使用jekyll生成标签页面的HTML文件，可以通过命令bundle exec jekyll build生成静态文件。
在生成的_site文件夹中找到标签页面的HTML文件，将其复制到GitHub Pages仓库中。
提交修改后的代码到GitHub，并等待GitHub Pages自动重新构建。

需要注意的是，由于GitHub Pages是纯静态页面，标签页面将无法实现动态内容的展示。但是通过这种方式，您可以将标签页面正常显示在GitHub Pages上，并解决404错误的问题。

关于更多jekyll相关的内容，您可以参考腾讯云静态网站托管产品SCF静态网站托管（Serverless Static Web Hosting）：https://cloud.tencent.com/product/scf-static-web-hosting

相关搜索:在GitHub页面上的项目存储库(不是我的用户存储库)上使用Jekyll构建的站点可以在本地工作，但在联机时重定向到我的帖子不正确 AngularJS和ASP.Net中的单页应用程序工作正常,但当我在浏览器中刷新页面时,我得到404错误 app原生开发工具 app在线制作平台 app在线开发平台 app在线生成平台 app外面推送消息 app布署方案内容 app应用内测平台 app开发公司排名

相关搜索:

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

有帮助

没帮助

相关·内容

如何将 Jekyll 部署到云开发静态网站托管

Jekyll 也可以运行在 GitHub Page 上，也就是说，你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...「目录结构http://jekyllcn.com/docs/structure/」，下面为个人博客目录结构的简单介绍： . ├── 404.html ：404页面 ├── CNAME ：Github...如果想在本地查看效果，在项目根目录直接命令行运行 jekyll server 即可 ➜ blog git:(master) ✗ jekyll server Configuration file: /github...上传结束以后，在静态页面托管的「文件管理」页面可以对我们上传的内容进行调整，在「设置」页面可以添加域名、错误页面等信息，同时也给出了腾讯云提供的默认域名。...如果你有自己的域名，你也可以添加自己的域名解析，例如下面我修改为使用我自己的域名，并设置了自定义的索引页和404页面： Zkyx39SOCYgHimv.png 访问静态页面在浏览器输入讯云提供的默认域名

3.6K10 5

如何在Ubuntu 16.04上建立一个Jekyll开发网站

在本教程中，我们将在Ubuntu 16.04上安装一个Jekyll 3.7.3开发站点。在后面的教程中，我们将探索此处生成的内容，将静态站点发布到同一服务器，并最终部署到生产位置。...它们是Jekyll用于创建静态站点的源文件。Jekyll依赖于特定的名称，命名模式和目录结构来解析不同的内容源并将它们组装到静态站点中。...在添加新帖子和页面时，使用现有结构并遵循Jekyll的命名约定非常重要。提示： tree是查看文件和目录结构的一个非常有用的命令。...如果您正在使用本地计算机，则可以在没有主机设置的情况下运行jekyll serve并连接http://localhost:4000。...如果我们在我们的网站上工作时让开放服务器在前台运行时打开此终端，我们将在添加页面和帖子以及更改内容时立即收到反馈。

1.6K7 1

如何在Ubuntu 16.04上建立一个Jekyll开发网站

在本教程中，我们将在Ubuntu 16.04上安装一个Jekyll 3.7.3开发站点。在后面的教程中，我们将探索此处生成的内容，将静态站点发布到同一服务器，并最终部署到生产位置。...它们是Jekyll用于创建静态站点的源文件。Jekyll依赖于特定的名称，命名模式和目录结构来解析不同的内容源并将它们组装到静态站点中。...在添加新帖子和页面时，使用现有结构并遵循Jekyll的命名约定非常重要。提示： tree是查看文件和目录结构的一个非常有用的命令。...如果您正在使用本地计算机，则可以在没有主机设置的情况下运行jekyll serve并连接http://localhost:4000。...如果我们在我们的网站上工作时让开放服务器在前台运行时打开此终端，我们将在添加页面和帖子以及更改内容时立即收到反馈。

1.4K3 1

快速搭建个人博客

你已经成功搭建了自己的个人博客以及学会在博客上撰写文字的技能了（是不是有点小兴奋）。首页标签在首页可以看到这些特色标签，当你的文章出现相同标签（默认相同的标签数量大于1），才会自动生成。...进阶若你对博客模板进行修改，你就要看看 Jekyll 的开发文档,是中文文档哦，对英语一般的朋友简直是福利啊（比如说我）。还要学习 Git 和 GitHub 的工作机制了及使用。...利用GithHub Desktop管理GitHub仓库 GithHub Desktop 是 GithHub 推出的一款管理GitHub仓库的桌面软件，换句话说就是将你在Github上的文件同步到本地电脑上...404错误检查你的仓库名是否有按照要求填写确定 Fork 的是不是我的仓库~ 修改CNAME文件，域名还是不变清除浏览器缓存就OK~ 其他问题直接在评论中提出来或私信我，我会一一替大家解决的其他...例如像这样的 image.png 原因大多是直接Clone了我的仓库到本地，没有删除我的远程仓库地址，添加完自己的仓库地址后，一口气推送到所有远程仓库（包括我的）~ 打扰了我的工作和生活~ 所以，请不要往我的仓库上推送分支

2K2 1

利用 GitHub Pages 快速搭建个人博客前言快速开始写文章自定义域名进阶利用GithHub Desktop管理GitHub仓库修改个人介绍常见问题其他Star补充最后要说个事情

利用GithHub Desktop管理GitHub仓库 GithHub Desktop 是 GithHub 推出的一款管理GitHub仓库的桌面软件，换句话说就是将你在Github上的文件同步到本地电脑上...克隆仓库选择你的仓库克隆到本地 ? ? 管理仓库现在文件夹中打开 ? 打开后你会的发现文件结构和你在Github上的一模一样~ ?...已经是 so eazy了吧~ 注意你在 GitHub 网站上进行 Commit 操作后，需要在GitHub Desktop上按一下同步按键才能同步网站上的修改到你的本地。...404错误检查你的仓库名是否有按照要求填写确定 Fork 的是不是我的仓库~ 修改CNAME文件，域名还是不变清除浏览器缓存就OK~ 其他问题直接在评论中提出来或私信我，我会一一替大家解决的?...原因大多是直接Clone了我的仓库到本地，没有删除我的远程仓库地址，添加完自己的仓库地址后，一口气推送到所有远程仓库（包括我的?）~ 打扰了我的工作和生活~ 所以，请不要往我的仓库上推送分支！

4.1K11 0

我TM就是管住不自己这双手啊

博客从 Jekyll 迁移到 Hugo，以及最近一些折腾的感悟。个人博客那些事其实从很早的时候就开始了个人博客网站的搭建，最初得益于 github.io 域名的开放。...Jekyll 最初是使用了一个简单的模板，后来随着需求日益增加，比如需要标签、目录、侧边栏等功能，于是又转投了另一个主题。...该博客支持以下功能: 支持 Markdown 渲染，文章目录、代码语法高亮、自适应文章布局支持文章分类、标签，以及这些属性的数据库管理支持页面访问统计、评论支持后台管理 (基于定制的Django-Admin...) 支持在后台使用类似 VIM 的键盘映射来编写文章支持真实后台管理页面的隐藏以及虚假后台页面的蜜罐和告警 (没错) 此外因为当时工作接触了一些新潮前端概念，还尝试将一套前后端分离的模式融入到系统中。...关于白嫖在迁移博客的时候发现 Chrome 新版本对于 https 站点中的所有 HTTP 资源都拒绝加载了，导致以前七牛 CDN 上的图片都无法显示，而七牛的 HTTPS 流量又是收费的，所以我决定换一个图床

3382 0

可能是最全面的github pages搭建个人博客教程

Google站长统计首先你要去注册一个谷歌分析账号，它可以统计你博客网站的访问人数，访问来源等非常丰富的网站数据。如果你不在乎可以不用跳过这节。...本地博客预览到目前为止，我们提交的文章都是必须上传到github仓库才能预览。如果你想写完在本地浏览器看一下效果在上传也是可以的，因为不是所有人都有这样的需求。...预览博客 jekyll server 输入之后打开浏览器，不出意外输入localhost:4000即可看到博客内容。 ? 如果你没这么顺利，那以下的错误解决供参考常见错误缺少某个包 ?...配置搜索框标签在你想展示搜索框的页面我的是index.html，这个页面和每个人的博客模板有关，可能需要一点前端知识，添加如下的html标签。...一个是用云端的js一个是用本地的js如果本地有的话。

14.9K1 0

使用jekyll搭建个人博客

1.成果展示我的github仓库我的博客 2.概述之前曾经在Github Pages上使用jekyll搭建过一个博客，也绑定了自己的域名，使用体验十分好，每次在本地编辑完，只需要执行git push...不过即使在自己的服务器上搭建博客，仍然推荐在github上保存一份仓库，因为我相信，我们自己的服务器并没有github的服务器稳健，如果后续我们不再购买，或者服务器崩溃数据丢失，在github上有完整仓库也可以很快重新搭建...注意：这个方法是个人总结出的比较方便的方法，但是需要用户自己保证不在服务器端的工作区进行文件的改动及commit操作，否则极其容易造成工作区混乱，如果很喜欢在服务器上写，可以建立裸仓库用来保存，在其他文件夹建立本地仓库...，你可以在本地再次添加一个远程仓库，关联到github，每次改动后，push到github，再push到服务器上。...Gitment：使用 GitHub Issues 搭建评论系统这是作者写的教程页面，完全按照教程来亲测可行，而且很简单。

3.3K5 1

如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客

在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...该文件不会被包含在生成的站点中。)...接下来我们要做的就是把我们的Jekyll生成的blog部署到Github Pages上去即可 3.部署blog 我们先把刚刚新建的仓库git clone到本地，然后cd 到仓库的目录下，执行jekyll...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页，理论上和username.com/username.gi… 访问的应该是一模一样的。...，它提供的服务处于我们的网站服务器和我们的网站访问者之间，其原理是缓存了我们服务器上的页面，所以实际用户建立的 HTTPS 连接是用户的浏览器与 Kloudsec 之间的。

3031 0

如何快速给自己构建一个温馨的家——用Jekyll搭建静态博客

在整个过程中你可以设置 URL 路径，你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现，最终生成的静态页面就是你的成品了。...该文件不会被包含在生成的站点中。)...接下来我们要做的就是把我们的Jekyll生成的blog部署到Github Pages上去即可 3.部署blog 我们先把刚刚新建的仓库git clone到本地，然后cd 到仓库的目录下，执行jekyll...现在我们打开http://localhost:4000,即可看见我们在Github上创建的主页，理论上和username.com/username.gi… 访问的应该是一模一样的。...，它提供的服务处于我们的网站服务器和我们的网站访问者之间，其原理是缓存了我们服务器上的页面，所以实际用户建立的 HTTPS 连接是用户的浏览器与 Kloudsec 之间的。

1.3K2 0

从零开始搭建个人网站博客

接下来，就是每一个步骤的细致拆解，对于一个开发工程师来说，其实是很简单的。但简单不意味着可以立马手到擒来，我工作了7年了，现在才明白：简单的事情细致的做，做好、做对，坚持做正确的事情，就很棒了。...后续的说明不会一步一步截图说明步骤流程，我自己在找教程做网站的时候，那种一步一步的教程看似有用，但网站会更新，很多操作就没用了，实际上是要弄清楚做这些事情的来龙去脉。...开通常用的端口，在「服务器列表-安全组」里面，可以使用推荐的规则，入站、出站都开着，ICMP、SSH等，端口有：80、22、3389，就是说 ssh http https 都要开启，否则网页无法访问。...在这样的博客站点中，需要有对应的代码环境执行命令，在自己的电脑（Windows or macOS系统）生存html css js 文件，然后再上传到服务器中，服务器就不需要对应的Node.js or python...PS: 如果github不好上，可以考虑giteehugo安装步骤安装好准备 Git Node.js 的本地环境在 hugo 官网安装 hugo，这有2种，一种是 hugo，另一种是 hugo extended

1.4K7 0

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

很多开源项目托管平台都支持为托管的项目建立主页，但主页的维护方式都没有码云这么酷。...Jekyll 也可以运行在码云 Pages 上，也就是说，你可以使用码云的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...Github上的Pages地址是：https://blueimp.github.io/jQuery-File-Upload/ 如果想把它转移到码云Pages，只需要登录你的码云账户，点击右上角的 + 号...Jekyll 也可以运行在码云Pages上，也就是说，你可以使用码云的服务来搭建你的项目页面、博客或者网站，而且是完全免费的。...Jekyll 使用文档：http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404？答：在项目根目录新建 404.html 文件即可。

7.2K2 0

利用 Github+Hexo 搭建个人博客网站

在本地预览上，Jekyll 是生成了页面然后进行预览，而 Hexo 是没有在根目录生成文件的，速度也快不少。因此，Hexo 在性能和速度上面更胜一筹。...而 Hexo 需要事先在本地生成整个站点页面，再将 Html 文件、资源文件等上传到 Github 上。 •主题 Jekyll 使用 Liquid；它是有 Ruby 语言编写的开源模板语言。...$ npm install -g hexo-cli 5 构建本地项目在本地磁盘中，创建一个名为 Github_blog 的文件夹，用来保存网站项目的文件。...-- 8 SEO 优化不得不说， Hexo 很人性化，有考虑到网站开发者会做 SEO 优化工作，在模板语言的可选变量中就有 id 选项。...但其实也是有方法来规避这种规则。用户一般是通过关键字从搜索引擎搜索我们网页内容，所以我们需要给页面设置关键字和页面描述，能命中用户搜索的关键字。当然前提是要被搜索引擎收录。

9882 1

GitHub页面基本知识

您可以使用Jekyll主题选择器在网上创建和发布GitHub页面。如果您喜欢在本地工作，您可以使用GitHub桌面或命令行。...在GitHub上，导航到您的GitHub页面站点的存储库。在名为/docs的主分支上创建存储库根目录中的文件夹。存储库设置在您的存储库名称下，单击“设置”。...定制的404s只有在使用自定义域时才会起作用。否则，将使用用户页404。使用命令行创建项目页面。如果您熟悉命令行Git，那么手动创建项目页面站点是很容易的。...对于使用Jekyll的GitHub Pages网站，您的HTML文件很可能会存储在_layouts文件夹中。一般来说，CSS是在HTML文件的一部分中找到的。...进一步阅读GitHub页面请参阅“ 自定义GitHub页面 ”了解更多关于使用批准的Jekyll插件和GitHub Pages网站，创建自定义404页面以及查看可用存储库元数据的更多信息。

1.6K3 0

如何给 GitHub Pages 配置多个域名？

这时，在 GitHub Pages 设置里面，你就需要设置一个 Custom domain 来帮助 GitHub Pages 部署的时候知道某个域名实际上是你的，需要用来显示此仓库的 GitHub Pages...新建的时候实际上可以无所谓命名，因为这个仓库里面不会真的有内容，多数时候访问实际上是 404 的。...第三步：创建用于跳转的 404 页面然而我们并不打算在这个仓库里真的放代码/网页，于是在根目录放一个 404.html 文件： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15...在第二个仓库中，我们故意什么都不放，这样会触发 404，我们在 404 页面里面跳转到新的域名即完成了我们的目的。...，以避免陈旧错误知识的误导，同时有更好的阅读体验。

5682 0

开发工具总结（14）之Jekyll制作文档并发布到GitHub

如果你对前端技术很感兴趣，或者你有前端开发经验，那么你开源随意定制化Jekyll模板，相对来说处理出现的错误问题也会比一般人及时一些。由于我对这个还不是很熟悉，希望各位大佬指教。...这里出现的错误，欢迎大家指点。本文简单讲接一下Jekyll如何制作文档。...标签 {{ content }} 可以将content插入页面中。 _posts 这里放的就是你的文章了。文件格式很重要，必须要符合: YEAR-MONTH-DAY-title.MARKUP。...完成转换，就会将生成的页面放在这里（默认）。...---- 三、相关语法官网 Liquid语法: https://help.shopify.com/themes/liquid Jekyll中文网: http://jekyll.com.cn/ 在本地预览博客效果

1.1K3 0

H2O-ac theme for Jekyll

本人在使用过程中也的确是发现了一些与自己实际需求不大一致的地方，并且在原 H2O 主题的基础上做了一些改动。...另外，运维程序员比较重视能一览所有文章的标题以迅速找到感兴趣的文章。虽然搜索功能、标签页、卡片展示页都能够列出所有的文章，但个人觉得还是不够简洁、方便。...否则，jekyll-paginate-v2 不会主动工作。...本地测试在进行本地测试时，如果需要修改一些样式，则需要先执行 npm install 来完成前端自动构建工作流依赖库的安装。...发布部署由于 Github 提供 Jekyll 静态生成器的静态页面托管，只要打开仓库的 Pages 功能，当推送更新到 Github 时即会自动部署。

1.2K3 0

利用Github+Jeklly搭建个人博客网站

进入创建新仓库页面后，在 Repository name 的位置填写域名，格式是 username.GitHub.io。我的 Github 的 id 是 monkey-soft，所以域名如下图所示。...3.Jekyll 主题选择上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...4.Jekyll 本地环境搭建如果我们想对主题界面进行修改，每次预览界面需要将文件同步到 Github 仓库，这样操作不太方便。因此，我们可以本地搭建个 Jeklly 环境，方便我们调试。...6.发布文章网站主题搭建工作完成之后，我们就能往博客上填充内容。文章一般是用 Markdown 语法编写的，存放在 _posts 文件中。 ? 文件的命名规则是：年-月-日-文章标题.md。 ?...在 md 文件中，必须带上头部信息才能被识别出来，其中信息有文章标题、编写时间、分类、标签等。 ?

1.4K2 0

Robots.txt 协议详解及使用说明

协议的历史 Robots Exclusion Protocol协议是由 Martijn Koster 在1994年2月，于Nexor工作期间在 www-talk 邮件列表中提出的。...例如：＜META NAME="googlebot" CONTENT="index,follow,noarchive"＞表示抓取该站点中页面并沿着页面中链接抓取，但是不在GOOLGE上保留该页面的网页快照...三、Robots.txt使用上应注意的一些问题 1、每当用户试图访问某个不存在的URL时，服务器都会在日志中记录404错误（无法找到文件）。...每当搜索蜘蛛来寻找并不存在的robots.txt文件时，服务器也将在日志中记录一条404错误，所以你应该在网站中添加一个robots.txt。...2、如果后台和前台在一个域名下，不希望爬虫抓取后台程序的，可以在Robots.txt明确不让爬虫抓取的目录。但这会不会被某些恶意分子一下子就能够知道后台目录呢？ 3、国内常见搜索机器人的名字 ?

1.7K3 0

利用Github+Jeklly搭建个人博客网站

进入创建新仓库页面后，在 Repository name 的位置填写域名，格式是 username.GitHub.io。我的 Github 的 id 是 monkey-soft，所以域名如下图所示。...3.Jekyll 主题选择上文讲到选择默认的主题，这里都是 Jekyll 主题。那什么是 Jeklly呢？它是一个简单静态站点生成器，能将纯文本的(一般是 Markdown 文件)转化为静态页面。...4.Jekyll 本地环境搭建如果我们想对主题界面进行修改，每次预览界面需要将文件同步到 Github 仓库，这样操作不太方便。因此，我们可以本地搭建个 Jeklly 环境，方便我们调试。...6.发布文章网站主题搭建工作完成之后，我们就能往博客上填充内容。文章一般是用 Markdown 语法编写的，存放在 _posts 文件中。 ? 文件的命名规则是：年-月-日-文章标题.md。 ?...在 md 文件中，必须带上头部信息才能被识别出来，其中信息有文章标题、编写时间、分类、标签等。 ?

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭