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

Jekyll网站通过github托管在gh页面上。需要使用自定义URL

Jekyll是一个简单易用的静态网站生成器,它可以帮助开发者快速构建静态网站。GitHub Pages是一个免费的托管服务,可以将Jekyll生成的静态网站部署在GitHub上。

要使用自定义URL将Jekyll网站托管在GitHub Pages上,需要进行以下步骤:

  1. 在GitHub上创建一个新的仓库,仓库名必须是<username>.github.io,其中<username>是你的GitHub用户名。
  2. 在本地开发环境中使用Jekyll创建一个新的网站,或者将现有的Jekyll网站克隆到本地。
  3. 在Jekyll网站的根目录下创建一个名为CNAME的文件,文件中写入你要使用的自定义URL,例如example.com
  4. 在命令行中进入Jekyll网站的根目录,执行以下命令将网站生成为静态文件:jekyll build
  5. 将生成的静态文件全部复制到GitHub仓库的根目录下。
  6. 在命令行中进入GitHub仓库的根目录,执行以下命令将静态文件推送到GitHub仓库:git add . git commit -m "Initial commit" git push origin master
  7. 等待一段时间,GitHub会自动构建并部署你的Jekyll网站。你可以通过访问https://<username>.github.io来查看你的网站,其中<username>是你的GitHub用户名。

通过以上步骤,你就可以将Jekyll网站通过GitHub Pages托管,并使用自定义URL进行访问。

推荐的腾讯云相关产品:腾讯云静态网站托管服务(云开发静态网站托管),该服务提供了简单、快速、安全的静态网站托管能力,支持自定义域名、HTTPS、CDN加速等功能。你可以通过访问腾讯云静态网站托管服务了解更多详情。

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

相关·内容

如何搭建免费博客

github Pages的使用 概述 对于开发者来说github是很熟悉的,是一个托管代码和开源的网站.如果你想找一个开源的项目,首先看到的可能是一个源码的列表,这样对于项目的展示不够直观,github...具体的规则 github的项目中,创建一个gh-pages的分支,分支创建完成后就可以使用http://{userName}.github.io/{projectName}来进行访问。...---- 总结一下 对于上面所述的github Pages(以下称gh-Pages)是github给用户提供一个“静态页面的web服务器”,我们可以根据需要把页面上传到指定的仓库中,可以通过github...浏览器中打开127.0.0.1:4000可以看到刚刚生成的网站: ? ?...到这里,我们使用jekyll根据我们写的模板生成了对应的静态页面,下面我们把数据传入到githubgh-pages下面。 git add .

1.1K40

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

码云 Pages 是一个免费的静态网页托管服务,您可以使用 码云 Pages 托管博客、项目官网等静态网页。如果您使用Github Pages 那么您会很快上手使用码云的 Pages服务。...Jekyll 也可以运行在 码云 Pages 上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...Github上的Pages地址是:https://blueimp.github.io/jQuery-File-Upload/ 如果想把它转移到码云Pages,只需要登录你的码云账户,点击右上角的 + 号...Jekyll 也可以运行在 码云Pages上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...Jekyll 使用文档:http://jekyll.bootcss.com/docs/home/ 其他帮助: 如何自定义404? 答:项目根目录新建 404.html 文件即可。

7K20

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

云开发静态托管是云开发提供的静态网站托管的能力,静态资源(HTML、CSS、JavaScript、字体等)的分发由腾讯云对象存储 COS 和拥有多个边缘网点的腾讯云 CDN 提供支持 使用Jekyll搭建静态站点...Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...然后浏览器打开 Server address 中显示的地址即可查看效果 将静态站点使用腾讯云静态网站托管 创建静态网站托管服务 1、创建腾讯云云开发环境 打开腾讯云「云开发 https://console.cloud.tencent.com...静态网站服初始化一般需要约 3 分钟 qcloud_jekyll_hosting.png 将静态页面部署到托管服务 你阔以直接选择将构建好的静态页面上传到托管服务,但是考虑到博客的更新频率,还是选择使用官方提供的工具来上传...如果你有自己的域名,你也可以添加自己的域名解析,例如下面我修改为使用我自己的域名,并设置了自定义的索引和404面: Zkyx39SOCYgHimv.png 访问静态页面 浏览器输入讯云提供的默认域名

3.5K105

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

但是两年前,情况出现变化,一些程序员开始github网站上搭建blog。他们既拥有绝对管理权,又享受github带来的便利—-不管何时何地,只要向主机提交commit,就能发布新文章。...因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认的源码列表。所以,github Pages可以被认为是用户编写的、托管github上的静态网页。 ?...你先在本地编写符合Jekyll规范的网站源码,然后上传到github,由github生成并托管整个网站。 这种做法的好处是:   * 免费,无限流量。   ...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点的分支gh-pages。因为github规定,只有该分支中的页面,才会生成网页文件。   ...  $ git commit -m “first post” 然后,前往github网站,在网站上创建一个名为jekyll_demo的库。接着,再将本地内容推送到github上你刚创建的库。

5.8K20

搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门

但是两年前,情况出现变化,一些程序员开始github网站上搭建blog。他们既拥有绝对管理权,又享受github带来的便利----不管何时何地,只要向主机提交commit,就能发布新文章。...因此,github就设计了Pages功能,允许用户自定义项目首页,用来替代默认的源码列表。所以,github Pages可以被认为是用户编写的、托管github上的静态网页。 ?...你先在本地编写符合Jekyll规范的网站源码,然后上传到github,由github生成并托管整个网站。 这种做法的好处是:   * 免费,无限流量。   ...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点的分支gh-pages。因为github规定,只有该分支中的页面,才会生成网页文件。   ...  $ git commit -m "first post" 然后,前往github网站,在网站上创建一个名为jekyll_demo的库。接着,再将本地内容推送到github上你刚创建的库。

1.6K60

GitHub页面基本知识

您可以使用Jekyll主题选择器在网上创建和发布GitHub页面。如果您喜欢本地工作,您可以使用GitHub桌面或命令行。...io该帐户下托管的所有项目页面站点的URL中。使用自定义域的项目页面站点也可以username.github使用。个人账户的io/projectname,以及orgname.github。...定制的404s只有使用自定义域时才会起作用。否则,将使用用户404。 使用命令行创建项目页面。 如果您熟悉命令行Git,那么手动创建项目页面站点是很容易的。...2016年6月15日之后创建并使用github.io域名的GitHub Pages网站需要执行HTTPS 。...进一步阅读GitHub页面 请参阅“ 自定义GitHub页面 ”了解更多关于使用批准的Jekyll插件和GitHub Pages网站,创建自定义404面以及查看可用存储库元数据的更多信息。

1.5K30

码云正式支持 Pages 功能

码云 Pages 是一个免费的静态网页托管服务,您可以使用码云 Pages 托管博客、项目官网等静态网页。如果您使用Github Pages 那么您会很快上手使用码云的Pages服务。...它在 Github 上的 Pages 地址是:https://blueimp.github.io/jQuery-File-Upload/ 如果想把它转移到码云 Pages,只需要登录你的码云账户,点击右上角的...D.选择需要部署的分支,这里选择Master启动服务。 ? E.访问生成的网站地址,即可以查看你部署的静态页面啦! ? ?...Jekyll 也可以运行在 码云Pages上,也就是说,你可以使用码云的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。...pages_intro,提交之后,码云会自动帮你部署,就可以通过http://silentboy.oschina.io/test_pages/pages_intro/ 进行访问了,怎么样,是不是很酷?

1.6K120

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

第 1 点在页面仍然托管 GitHub Pages 的前提下,似乎没有什么好办法能产生质的飞跃;本篇主要改善了第 2 点和第 3 点。...Jekyll 的 layout 可以理解为页面模板,它是可以继承的,比如我的博客的所有页面模板有一个共同的祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的,它的搜索数据是来自一个动态生成的 JSON 文件。...,而我们需要的是编译后的。...这些步骤可以通过 GitHub 去年推出的新特性 Actions 来完成,我们每一次向博客源码仓库 push 代码时自动触发。

1.1K31

Hexo+GitHub搭建个人博客,实现云端编辑、一键发文

一般来说第一步环境搭建只需要在最开始创建博客网站的时候进行,写文的话只需要重复第2-7步就可以了,这种使用方式强烈依赖于本地环境。...3、GitHub 托管 Hexo 博客 可以采取分支管理的方式,也可以新建repo,ci配置上略有不同,这里我采用的是将hexo博客源码托管到独立的repo上,将 Hexo 项目编译生成静态页面,...:一是发布站点,二是同步远程仓库,这样做比较麻烦,下面会讲解如何配置持续集成 4.1、查看效果 这里我配置了自定义域名 5、自动部署 就是DevOps,可以理解成 GitHub 通过一些流水线的配置...我们换用 GitHub Actions GitHub Actions 是开源持续集成构建项目,用来持续集成托管GitHub上的代码,使用起来也非常的简单方便。...文件中需要使用) 7.2、新建 .github/workflows/pages.yml 文件 yml文件通过缩进(空格,不是tab)来表示层级关系。

1K20

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

GitHub Pages Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管 Github 上,你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站点托管 Github Pages 上是一个不错的选择。...但如果我们只是 GitHub 上面使用的话,到不需要知道 Jekyll 的语法,一般 Github 会自动将我们写的 Markdown 文件转换成静态页面。...自定义域名 虽然通过地址https://github_username.github.io可以正常访问博客,但是技术小伙伴们肯定有人想使用自己的域名访问博客,这样的需求 GitHub Pages 也是支持的...就这样很麻烦的步骤我用了几个月后,实在是受不了了,一方面因为服务器在国外,有时候仍然不稳定(可能因为服务器安装了代理),另一方面我需要使用一些功能,使用这些功能的前提是网站需要备案,那段时间腾讯云在做活动

1.3K10

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

GitHub Pages Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管 Github 上,你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站点托管 Github Pages 上是一个不错的选择。...但如果我们只是 GitHub 上面使用的话,到不需要知道 Jekyll 的语法,一般 Github 会自动将我们写的 Markdown 文件转换成静态页面。...自定义域名 虽然通过地址https://github_username.github.io可以正常访问博客,但是技术小伙伴们肯定有人想使用自己的域名访问博客,这样的需求 GitHub Pages 也是支持的...就这样很麻烦的步骤我用了几个月后,实在是受不了了,一方面因为服务器在国外,有时候仍然不稳定(可能因为服务器安装了代理),另一方面我需要使用一些功能,使用这些功能的前提是网站需要备案,那段时间腾讯云在做活动

92530

使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源

当然,因为页面自身还是 GitHub Pages 托管,有时候首个请求还是会挺久才返回。 改造后的效果可以打开 https://mazhuang.org 体验。...这里我没有纠结,看完文首提到的那篇文章,去看了下 jsDelivr 的介绍后觉得靠谱:它原生支持使用 GitHub 项目里的资源,什么都不用配置,更重要的是免费,国内有节点,而且速度还不错(官网上也把...gh,以下是一些认为需要了解的知识的小结: 这里以我托管博客的 GitHub 仓库为例,地址是 https://github.com/mzlogin/mzlogin.github.io,那它里面的资源可以直接以.../mzlogin.github.io@1.2.0/assets/js/main.min.js,gh/mzlogin/mzlogin.github.io@1.2.0/assets/js/simple-jekyll-search.min.js...其它知识点: 可以通过 https://cdn.jsdelivr.net/combine/gh/mzlogin/mzlogin.github.io[@]/[/] 这样的路径浏览缓存文件列表

2.4K20

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

最早开始,笔者是通过 StaticGen 这个站点才知道原来有这么多开箱即用的静态网站生成器。...无论是用 NodeJS 编写的 Hexo,还是用 Ruby 编写的 Jekyll,甚至是用 Go 编写的 Hugo,都能轻易为你带来一个支持自定义模板、功能以及 Markdown 语法的个人网站或者个人博客...Netlify 其实是一个自带持续部署的网站,它需要Github 提供的持续集成联合使用。...当然,还有另外一个原因,Github 的原生支持静态生成器就是 Jekyll,这也意味着 Github 上部署 Jekyll 更加方便。   ...当然,Jekyll 完全支持用户原有主题上进行更改,只要你了解文件是如何组织的、需要何种环境等等,你就可以做出自己的修改。

1.7K40

听说你想要部署 Octopress?满足你

云开发静态网站托管支持通过云开发SDK调用服务端资源如:云函数、云存储、云数据库等,从而将静态网站扩展为全栈网站。...初始化静态网站托管服务 点击进入静态网站托管服务的页面: https://console.cloud.tencent.com/tcb/hosting 如下图,选择之前创建的开发环境,然后点击「开始使用」...静态网站初始化一般需要约 3 分钟。 将静态页面部署到托管服务 你可以直接选择将构建好的静态页面上传到托管服务,但是考虑到博客的更新频率,还是选择使用官方提供的工具来上传。...如果你有自己的域名,你也可以添加自己的域名解析,例如下面我修改为使用我自己的域名,并设置了自定义的索引和404面: 访问静态页面 浏览器输入讯云提供的默认域名 https://blog-www-173dc4...如果你自己使用,还是推荐你绑定自己的自定义域名~

85210

【译】你可以用GitHub做的12件 Cool 事情

7 像命令行一样使用 GitHub 链接 使用 GitHub 自带的 UI 浏览也还不错,但有时直接在 URL 中输入是最快的方法。...如果需要的话可以看看。 虽然它与 GitBook ( Redux 文档所使用的)或者是定制网站相比仍有差距。但在你的 repo 中它有 80% 完全值得信赖的。...11 GitHub Pages 你可能已经知道使用 GitHubPages 来托管一个静态网站。如果你不知道,现在就来学习,这一节是专门用于讨论使用 Jekyll 来构建一个站点的。...最简单的就是: GitHubPages+Jekyll通过一个漂亮的主题来渲染你的 README.md 文件。例如:通过 about-github 来查看的我的 README 页面。...我的建议是:使用 GitHub 厂库中的 Markdown 文件来存储这些文本内容,然后使用前端组件来拉取这些文本块并展示面上

82320

WordPress全局字体修改详细教程

第一种:直接调用 这种方法通过修改 CSS 文件就可以实现,有些主题自带了自定义 CSS 样式的设置,Wordpress 也提供了这一入口(后台管理 -> 外观 -> 自定义 CSS),这时候我们就可以直接在里面填上...上传至网站服务器 2. 上传至 Github(推荐)3....自定义 CSS 样式中输入下列代码: @font-face {font-family: '随便一个名称,需要和下面的保持对应';src: url('.....附上几个字体的调用链接(托管Github使用 jsDelivr 加速服务) AdobeCleanHanSC @font-face {font-family: 'AdobeCleanHanSC';src...上传至云存储进行调用 个人服务器上存储字体文件的话,服务器需要在加载网页,图片等的同时等待加载字体,但如果使用云存储调用的话就可以很大程度上解决网站加载慢的问题。

1.3K20

WordPress全局字体修改详细教程

第一种:直接调用 这种方法通过修改 CSS 文件就可以实现,有些主题自带了自定义 CSS 样式的设置,Wordpress 也提供了这一入口(后台管理 -> 外观 -> 自定义 CSS),这时候我们就可以直接在里面填上...自定义 CSS 样式中输入下列代码: @font-face { font-family: '随便一个名称,需要和下面的保持对应'; src: url('.....附上几个字体的调用链接(托管Github使用 jsDelivr 加速服务) AdobeCleanHanSC @font-face { font-family: 'AdobeCleanHanSC';...上传至云存储进行调用 个人服务器上存储字体文件的话,服务器需要在加载网页,图片等的同时等待加载字体,但如果使用云存储调用的话就可以很大程度上解决网站加载慢的问题。...important; } 至于又拍云,云存储配置完成后使用 FTP 工具登陆云存储空间并进行上传后,即可使用文件的 URL 地址来进行使用

4.8K31

Hugo系列(4) - 从Hexo迁移至Hugo以及使用LoveIt主题的踩坑记录

按下F12查看显示不了的图片的url,可以发现图片的地址不正确,并没有附加上正确的网站地址前缀。 这个是因为图片的url配置不正确导致的。整个网站使用的图片,其url要以/开头!...[avatar](https://cdn.jsdelivr.net/gh/lewky/lewky.github.io@master/images/avatar.jpg) 自定义样式文件_custom.scss...无法直接自定义JavaScript LoveIt主题没有直接提供自定义JavaScript的文件,只能通过修改页面的模板文件来引入自定义的JavaScript文件,具体做法可以参考Hugo系列(3) -...,换言之就是通过PWA来将访问过的网页资源缓存到了本地,所以断网下仍然可以继续访问网站。....nojekyll文件会告知GitHub Pages不使用jekyll来渲染静态站点,这样就不会和md文件里的某些代码冲突而build失败。

1.5K20

如何使用GitHub搭建自己的个人博客

大家都知道,阿粉有自己的博客,而且博客的地址,也是托管Github上面的,而且很多的小伙伴们也想问怎么搭建这个,毕竟如果要是自己做个网站,弄个域名,再弄个服务器,这也是一笔不小的花费,但是使用GitHub...来托管自己的的网站的话,这样的问题就不复存在了呀。...,使用的是GitHub Page 加 jekyll 的方式进行的博客搭建。...Jekyll语法 _config.yml jekyll的全局配置_config.yml文件中配置。比如网站的名字,网站的域名,网站的链接格式等等。..._includes 对于网站的头部,底部,侧栏等公共部分,为了维护方便,我们可能想提取出,来单独编写,然后使用的时候包含进去即可。这时我们可以把那些公共部分放在这个目录下,使用时只需要引入即可。

1.1K50
领券