首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Jekyll从生成的URL中删除Github用户名和repo名称

Jekyll 是一个静态网站生成器,它允许你使用 Markdown(或其他格式)编写内容,并通过模板引擎生成静态 HTML 文件。当你将 Jekyll 网站托管在 GitHub Pages 上时,生成的 URL 通常会包含你的 GitHub 用户名和仓库名称。

如果你想从生成的 URL 中删除 GitHub 用户名和仓库名称,可以通过修改 Jekyll 网站的配置和模板来实现。以下是具体步骤:

基础概念

  1. Jekyll 配置文件_config.yml 文件用于配置 Jekyll 网站的各种设置。
  2. Jekyll 模板:Jekyll 使用 Liquid 模板引擎来处理模板文件(如 index.html)。
  3. GitHub Pages:GitHub 提供的静态网站托管服务,可以将你的 Jekyll 网站发布到 https://<username>.github.io/<repo>/

相关优势

  • 简洁的 URL:删除用户名和仓库名称可以使 URL 更加简洁和美观。
  • 更好的用户体验:简洁的 URL 更容易被用户记住和使用。

类型

  • 自定义域名:通过配置自定义域名来隐藏 GitHub 用户名和仓库名称。
  • 修改模板:通过修改 Jekyll 模板来生成不包含用户名和仓库名称的 URL。

应用场景

  • 个人博客:希望 URL 更加简洁和专业。
  • 项目展示:希望 URL 更加简洁和易于分享。

解决方法

方法一:使用自定义域名

  1. 购买域名:首先,你需要购买一个域名(如 example.com)。
  2. 配置 DNS:将域名的 A 记录指向你的 GitHub Pages 的 IP 地址。你可以使用腾讯云的域名解析服务来完成这一步骤。
  3. 配置 GitHub Pages:在 GitHub 仓库的设置中,找到 GitHub Pages 部分,选择自定义域名并输入你的域名(如 example.com)。
  4. 配置 Jekyll:确保你的 Jekyll 网站能够正确处理自定义域名。

方法二:修改 Jekyll 模板

  1. 编辑模板文件:打开你的 Jekyll 网站的模板文件(如 index.html),找到生成 URL 的部分。
  2. 修改 URL 生成逻辑:使用 Liquid 模板语言修改 URL 生成逻辑,使其不包含用户名和仓库名称。

例如,假设你的原始 URL 是 https://<username>.github.io/<repo>/page.html,你可以通过以下方式修改模板:

代码语言:txt
复制
{% assign baseurl = "" %}
{% assign url = page.url | relative_url %}
<a href="{{ url | prepend: baseurl }}">Link</a>

这样生成的 URL 将不包含用户名和仓库名称。

参考链接

通过以上方法,你可以从生成的 URL 中删除 GitHub 用户名和仓库名称,使你的 Jekyll 网站更加简洁和专业。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 折腾git pages+hexo+NexT初识hexo开始本地试运行准备服务器准备上传工具先告一段落发表文章主题

    最开始写长期坚持写博客是在ITEye(原JavaEye),后来发现简书写作体验不错,但心中一直有个独立博客梦想,博客也可以发现蛛丝马迹,折腾过GAE,PHP,现在手上还有三个域名能(天工开物...gihub 添加仓库 填写仓库名称相关信息,点击Create: 这个过程可以参考http://page.github.com,注意下面的仓库名称格式为yourname.github.io ?...如下: deploy: type: git repo: branch: [branch] message: [message] 上面说过,hexo支持多种服务器...Paste_Image.png 你仓库名 username.github.io username必须是你github用户名或组织名。 好了,重新删除新建仓库,修改配置,上传。...编辑预览窗口 传统博客系统不一样,我们编辑内容是保存在本地,需要用部署命令更新一下: hexo deploy 到Github一看,马丹,没有,需要生成一下静态文件,第一次分明是自动生成,后面为什么不呢

    58460

    如何拥有一个免费空间来写博客(github

    你先在本地编写符合Jekyll规范网站源码,然后上传到github,由github生成并托管整个网站。 这种做法好处是:   * 免费,无限流量。   ...在你电脑上,建立一个目录,作为项目的主目录。我们假定,它名称jekyll_demo。   $ mkdir jekyll_demo 对该目录进行git初始化。   ...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点分支gh-pages。因为github规定,只有该分支页面,才会生成网页文件。   ...,等10分钟左右,访问http://username.github.com/jekyll_demo/就可以看到Blog已经生成了(将username换成你用户名)。...如果绑定是二级域名,则DNS要新建一条CNAME记录,指向username.github.com(请将username换成你用户名)。

    5.8K20

    在 Linux 上搭建Jekyll静态博客

    一、Jekyll介绍 jekyll是一个简单免费Blog生成工具,类似WordPress。但是WordPress又有很大不同,原因是Jekyll只是一个生成静态网页工具,不需要数据库支持。...最关键jekyll可以免费部署在Github上,而且可以绑定自己域名。...按照 GitHub Pages 规定,名称为 username.github.io 项目的 master 分支,或者其它名称项目的 gh-pages 分支可以自动生成 GitHub Pages 页面...网站配置基本都集中在 _config.yml 文件,将其中与个人信息相关部分替换成你自己,比如网站 url、title、subtitle 第三方评论模块配置等。...我对该缺陷记录见 [Issues#2][3]。 删除文章与图片。 如下文件夹除了 template.md 文件外,都可以全部删除,然后添加你自己内容。

    2.4K80

    搭建一个免费,无限流量Blog----github PagesJekyll入门

    你先在本地编写符合Jekyll规范网站源码,然后上传到github,由github生成并托管整个网站。 这种做法好处是:   * 免费,无限流量。   ...在你电脑上,建立一个目录,作为项目的主目录。我们假定,它名称jekyll_demo。   $ mkdir jekyll_demo 对该目录进行git初始化。   ...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点分支gh-pages。因为github规定,只有该分支页面,才会生成网页文件。   ...,等10分钟左右,访问http://username.github.com/jekyll_demo/就可以看到Blog已经生成了(将username换成你用户名)。...如果绑定是二级域名,则DNS要新建一条CNAME记录,指向username.github.com(请将username换成你用户名)。

    1.7K60

    博客说明

    博客自定义指南 博客链接/blog link tea9 使用Jekyll博客引擎 基于Theme H2O修改 前置条件/Before: 需要你有 GitHub Github Page Jekyll...环境 如以上都有还有问题请参考 使用jekyll搭建个人博客 jekyll-theme-H2O_README 步骤/Step: github目录 克隆项目: git clone https://...可以删除此目录 ├──readme_img # README.md 引用图片 可以删除此目录 ├──resource # 我一些瞎写样式 可以删除此目录 ├──yoone # 有药待办...├──README.md # 可以删除 ├──README1.md # 可以删除 ├──TODO.md # 我写待办 可以删除 ├──_config.yml # jekyll 配置文件...命令 rake post title="文章名称" ├──sakura.html # 樱花页面 ├──search.json # 搜索配置文件 └──tags.html # 标签页面 建议删除目录

    82910

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

    关于jekyll其他一些命令用法如下: $ jekyll build # => 当前文件夹内容将会生成到 ./_site 文件夹。...$ jekyll build --watch # => 当前文件夹内容将会生成到 ./_site 文件夹, # 查看改变,并且自动再生成。...在整个过程你可以设置 URL 路径,你文本在布局显示样式等等。这些都可以通过纯文本编辑来实现,最终生成静态页面就是你成品了。...三.使用Github Pages服务 1.创建我们自己仓库 以下用usename代替自己用户名 2.配置我们仓库 在Settings里面找到Github Pages 选择Launch automatic...,值得注意是io 后面还有一个圆点,切记。 注意,当添加@记录时候,很可能会提示冲突了,MX那条冲突了,这里我就直接删除了MX@规则。

    25710

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

    关于jekyll其他一些命令用法如下: $ jekyll build # => 当前文件夹内容将会生成到 ./_site 文件夹。...$ jekyll build --watch # => 当前文件夹内容将会生成到 ./_site 文件夹, # 查看改变,并且自动再生成。...在整个过程你可以设置 URL 路径,你文本在布局显示样式等等。这些都可以通过纯文本编辑来实现,最终生成静态页面就是你成品了。...接着我们把我们自己做好blog目录整个都拷贝到这个仓库文件夹,当然,这个仓库之前文件可以删除了,只留下README即可。...,值得注意是io 后面还有一个圆点,切记。 ? 注意,当添加@记录时候,很可能会提示冲突了,MX那条冲突了,这里我就直接删除了MX@规则。

    1.2K20

    Hello Octopress

    首先新建repository,名称为username.github.io,其中username是你github用户名,拷贝repositorySSH地址,类似git@github.com:username...deploy时候生成缓存文件夹,public目录一样 ├─ sass/ #css文件源文件,过程中会compass成css ├─ plugins/ #放置自带以及第三方插件目录,ruby程序...关于如何修改主题默认样式 Octopress支持第三方主题下载预览网站 关于侧边栏主题定制,添加新浪微博,多说评论,分类标签云等等 [注意,使用多说的话,shortname不是你个人资料中名称...另外,对于这里提到升级问题,可以干脆直接删除data-title] 最有用资料总能在这里找到:Octopress官方文档 ③ 关于Jekyll Octopress是基于Jekyll,所以对Jekyll...有一定了解是很有必要Jekyll主页记录了Jekyll方方面面,最好是了解下Directory Structure,Configuration,Writing Posts,Creating Pages

    59920

    技术人如何搭建自己技术博客

    Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你 Jekyll 站点托管在 Github Pages 上是一个不错选择。...构建一个技术博客很简单,基本上步骤就是网上找一个自己喜欢主题,直接 Fork 到自己 Github ,然后在删掉原博客内容,在上传自己文章即可,以我自己博客为例。...2、删除 CNAME 文件 删除项目中 CNAME 文件,CNAME 是定制域名时候使用内容,如果不使用定制域名会存在冲突。...4、重命名项目 点击 Settings 按钮打开设置页面,重命名项目名称为:github_username.github.io。 ?...剩下事情就是去项目的 _posts 目录下删除掉我文章,然后按照 Jekyll 语法就写自己文章就好了。 github_username 为你 github id。

    1.4K10

    【译】你可以用GitHub12件 Cool 事情

    2 粘贴图片 你不仅仅受限于输入文本描述问题,你知道你可以直接粘贴板粘贴图片吗?当你粘贴时,你会看到图片已经被上传了(毫无疑问被上传到云端)之后会变成 Markdown 语法来显示图片。...看到了吧,浏览器 URL 已经被更新为行号了。如果你按住 shift,同时点击其他行号, URL 再次被更新,并且你也高亮显示页面一段代码。...我很懒,所以用一张截图展示以上所有操作。 谈到网址。。。 7 像命令行一样使用 GitHub 链接 使用 GitHub 自带 UI 浏览也还不错,但有时直接在 URL 输入是最快方法。...我们继续,让 Gwiki 动起来,我 NodeJS 文档复制了几页来作为 wiki 页面。然后创建了一个自定义侧边栏,帮助我更好地模拟一些实际目录结构。...虽然它与 GitBook ( Redux 文档所使用)或者是定制网站相比仍有差距。但在你 repo 它有 80% 完全值得信赖

    83620

    技术人如何搭建自己技术博客

    Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你 Jekyll 站点托管在 Github Pages 上是一个不错选择。...构建一个技术博客很简单,基本上步骤就是网上找一个自己喜欢主题,直接 Fork 到自己 Github ,然后在删掉原博客内容,在上传自己文章即可,以我自己博客为例。...2、删除 CNAME 文件 删除项目中 CNAME 文件,CNAME 是定制域名时候使用内容,如果不使用定制域名会存在冲突。...4、重命名项目 点击 Settings 按钮打开设置页面,重命名项目名称为:github_username.github.io。...剩下事情就是去项目的 _posts 目录下删除掉我文章,然后按照 Jekyll 语法就写自己文章就好了。 github_username 为你 github id。

    94130

    如何在Windows平台上基于github搭建个人博客平台

    最近因为研究需要,发现有太多东西需要记录,同时,Markdown也越用越顺手,就想着能够建立自己博客平台来分享自己平时研究学习过程一些技术问题自己对于研究一些思考。...本人这个博客其实就是一个托管在Github仓库上代码仓库,github提供了种特殊repo,允许用户简单地创建自己博客网页。...1.2 创建Repo 在自己Github上新建一个repository,这里注意,跟普通代码仓库不一样,我们要创建一种特殊repository,仓库名字只能取为你github用户名.github.io...,例如我用户名叫chauby,那么我这个仓库名字就只能取chauby.github.io。...目录pages/下面是博客各个板块网页文件,用户也可以自行添加删除,但是要配合修改__config.yml文件。 三. 常见问题 1.

    82350

    使用github+jekyll搭建个人博客

    _site : 这个是Jekyll生成最终文档,不用去关心。最好把他放在你.gitignore文件忽略它。...2.在github展示你刚才搭建博客 2.1 注册一个github账号 比如我github账号名称就是rynxiao,注册请点击这里https://github.com/ 2.2 配置... 连续三次回车之后会在.ssh文件夹中生成id_rsa(私钥)id_rsa.pub(公钥),使用编辑工具打开id_rsa.pub,复制内容。...进入自己github主页,点击settings -> SSH and GPG keys -> New SSH key -> 填写title以及复制刚才公钥内容 验证 在cmd输入命令,显示出自己用户名...-global user.email "yuzhongzi91@sina.com" 2.3 上传自己代码到github仓库 进入自己github主页,然后新建一个仓库,名称叫做你用户名.github.io

    89560

    使用 jsDelivr 免费加速 GitHub Pages 博客静态资源(二)

    之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载措施,新起一篇作为记录分享。...第 1 点在页面仍然托管在 GitHub Pages 前提下,似乎没有什么好办法能产生质飞跃;本篇主要改善了第 2 点第 3 点。...有没有一劳永逸方法?当然也有,我们 Jekyll layout 机制来想办法。...0x02 站内搜索引用 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索,它搜索数据是来自一个动态生成 JSON 文件。...–> Generate new token –> 填写 note,勾选 public_repo生成之后复制 token 值备用。

    1.2K31

    简单搭建自己博客

    首先解压一个主题到我们文件夹,我们不需要安装复杂技术,目标就是很简单如何使用。 Jekyll主题可以到任意Github上用Jekyll博客git上,去clone。...假如我们新建项目是lindexi github名是lindexi,可以通过 https://lindexi.github.io/lindexi 来打开 https:// 用户名.github.io/项目...统计访问 在百度统计注册,然后添加代码到_layouts/default.html 先在百度新增网站,然后获得网站代码 复制地方下面代码相同 <script src="{ { site.<em>url</em> }...换为你<em>的</em>信息 打开_config.yml修改网站<em>名称</em>为你<em>的</em>,接着如果你仓库不是在xxx.<em>github</em>.io 那么如果你<em>的</em>仓库是 lindexi ,那么修改<em>url</em>为/lindexi。...如果你<em>的</em>仓库是/xx,那么修改<em>url</em>为xx author: lindexi 这里修改你<em>的</em>名字 <em>url</em>: /lindexi 修改仓库 加上Fork me on <em>Github</em> 很多博客都有下面这图

    43020

    个人免费博客花式搭建指南

    这个网站还有一个很神奇附带功能——它与 Netlify 相连接,网站上就可以看出 Netlify 支持部署静态网站生成器。   说到这里,又有一个新名词出现了——Netlify。...当 Github 指定项目发生了推送操作时,Netlify 会通过已授权认证方式 Github 上拉取代码,并根据预设好编译、部署命令生成最终网页。...当然,还有另外一个原因,Github 原生支持静态生成器就是 Jekyll,这也意味着在 Github 上部署 Jekyll 更加方便。   ...在实际使用过程,笔者根据自己需求也在 H2O 主题上做出了一定功能修改,并开源为 jekyll-them-H2O-ac。...include: [_redirects] 撰写文章   Jekyll 撰写文章非常简单,只要在 _posts 目录下创建符合“年份-月份-日期-文章名称.md”规则文件即可,比如“2021-04

    1.8K40
    领券