当前位置: 首页 > 编程笔记 >

jekyll GitHub页面

吴高畅
2023-03-14
本文向大家介绍jekyll GitHub页面,包括了jekyll GitHub页面的使用技巧和注意事项,需要的朋友参考一下

示例

GitHub为用户或组织和项目站点提供无限托管。Jekyll和静态文件均可用。

以下是在Github上托管Jekyll博客的步骤。

设定

用户或组织站点

  1. 创建一个名为username.github.io的存储库,其中username是您在GitHub上的用户名(或组织名称)。

  2. 将存储库克隆到您的计算机上:

    $git clone https://github.com/username/username.github.io
  3. 输入项目文件夹,进行引导,设计和调试站点:

    $cd username.github.io
    $bundle install
    $bundle exec jekyll serve
  4. 提交并推送存储库:

    $git add --all
    $git commit -m "Initial commit"
    $git push -u origin master

现在,您应该可以访问username.github.html" target="_blank">io来查看您的博客。

项目现场

可以在每个存储库(包括私有存储库)中启用项目站点。

  1. 启用项目站点。

    转到设置-GitHub Pages-源,选择一个源以打开存储库的GitHub Pages。

  2. 建设现场

    您可以从头开始构建Jekyll网站,也可以使用主题选择器为您的项目网站找到主题。

  3. 编辑内容

  4. 承诺

现在您应该能够访问username.github.io/your-project来查看您的项目站点。

自定义域

  1. 打开设置-> GitHub页面->自定义域,添加您的自定义域。

  2. 创建一个CNAME文件:

    $cd username.github.io
    $echo "example.com" > CNAME
  3. 提交并推送

    $git commit -m "Add CNAME" CNAME
    $git push -u origin master

限制条件

外挂程式

Jekyll的插件系统带有钩子,可让您创建特定于站点的自定义生成内容。但是,出于安全原因,GitHub Pages仅允许插件的白名单。

这是白名单:

  • Jekyll网站映射

  • Jekyll SEO标签

  • github元数据

  • 杰基尔饲料

  • Jekyll重定向自

  • 洁子寺

  • Jekyll提及

为了避免与GitHub Pages不一致,您可以使用--safe本地服务。

您仍然可以通过以下方式使用所有插件:将生成的站点发布到GitHub Pages,通过在本地转换站点并将生成的静态文件而不是Jekyll源文件推送到GitHub存储库。

降价引擎

自2016年1月5日起,GitHub Pages仅支持kramdown作为Markdown引擎。

有关更多详细信息,请参见https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0。

资料来源

GitHub允许您将Jekyll源设置为master分支,gh-pages分支或分支中的/docs文件夹master。

完整的教程可在https://pages.github.com/获得

 类似资料:
  • 我正在开发一个Spring MVC应用程序,它将FreeMarker用于我的视图。 我对FreeMarker非常陌生,我有以下问题:在我的projct中,有3个文件必须被组装到一个页面中。 所以我有: 1) 标题。ftl表示我所有页面的标题,类似于: 2)footer.ftl代表我所有页面的页脚: 3) 然后我有了我的特定页面(名为myPage.ftl),它只表示内容,如下所示: 标题。ftl和页

  • 有人知道我如何为分页页面设置不同的posts_per_pages吗? 例如: 主页=每页帖子20主页第2-5页=每页帖子10 我使用的查询是$wp\u query-

  • 我的页面结构 页面1(模板-作业页面) 第2页(模板-作业页) 第3页(模板-作业页) 第4页(模板-作业页) 后端开发人员(普通文件夹) null null 页面1(模板-作业页面) 第2页(模板-作业页) 第3页(模板-作业页) 第4页(模板-作业页) 我的问题是:我以这样一种方式编码,每当我击中(职业第1页),我得到的页面列表使用了一个工作页面模板,所以我得到了职业第1页的第1-8页列表和职

  • 页面 返回上级 该节包含了关于DirectDrawSurface对象的信息,探讨了以下主题: 页面的基本概念 什么是页面 页面接口 宽度和宽距 关键色 像素格式 创建页面 创建主页面 创建离屏页面 创建复杂页面和换页链 创建超宽页面 换页 页面丢失 释放页面 更新页面属性 直接访问帧缓存 使用非本地视频RAM页面 色彩和格式转换 覆盖页面 覆盖页面概览 DDCAPS的重要成员和标志 源和目标矩形

  • Pages - 和你在网页中打开的页面是同样的意思. <body> ... <!-- Views --> <div class="views"> <!-- Your main view --> <div class="view view-main"> <!-- Pages --> <div class="pages"> <div

  • 首页 执行 init 命令后生产 docs 目录中的 index.jsx 就是首页的文档文件,在这个文件中我们可以通过简单的配置来完善首页信息: 使用 js 定义页面变量的方式不利于阅读,YDoc 参考了开源工具 gray-matter 在页面注入 YAML 方案,使得变量定义变得轻松加愉快 如果你不了解 YAML,可以先查看阮一峰的这篇文章:YAML 语言教程 首页配置如下: banner 网站

  • 页面结构 Anatomy of a Page Jquery Mobile中的"页面"结构已经优化为支持单个的页面,或者在一个页面内嵌入的多个“page”。 使用这种模型的目的是使WEB开发人员使用最佳实践创建WEB网站,使得普通的链接不需要任何特殊配置就可以工作,而且能创造出富媒体的像本地应用一样通过标准的http无法创造出的用户体验。 mobile页面结构Mobile page structur

  • 问题内容: 根据我的研究,看来我想做的事是不可能的,但是如果情况有所变化,我想检查一下是否有人想出办法。 我有一个Web应用程序,可以根据浏览器窗口中的用户选择生成打印报告。我有一个自定义的页眉和页脚,当从浏览器打印报告时,应在每个打印的页面上重复该页眉和页脚。它不是我需要的浏览器页眉和页脚,而是我生成的自定义页眉和页脚。另外,我不认为这是CSS和媒体类型的问题,但我不是CSS专家。我没有让页眉和