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

Jekyll - blog html被生成到几个嵌套的目录中

Jekyll是一个静态网站生成器,它将Markdown、HTML和Liquid模板语言等内容转换为一个完整的静态网站。在使用Jekyll生成网站时,生成的HTML文件可以被放置在多个嵌套的目录中。

Jekyll的目录结构通常包括以下几个重要的文件和文件夹:

  1. _config.yml:Jekyll的配置文件,用于指定网站的全局配置选项,例如网站标题、作者、URL等。
  2. _layouts文件夹:包含用于定义网站不同页面布局的模板文件。通过在页面的Front Matter中指定不同的布局,可以使每个页面具有不同的外观和结构。
  3. _includes文件夹:包含可以在不同页面中重复使用的代码片段,例如页眉、页脚、导航栏等。通过在模板文件中使用Liquid标签引入这些代码片段,可以实现代码的复用。
  4. _posts文件夹:用于存放网站的博客文章。每个博客文章通常是一个Markdown文件,文件名的命名规则遵循YYYY-MM-DD-title.md的格式,Jekyll会根据这些文件自动生成博客页面。
  5. _site文件夹:Jekyll生成的静态网站文件将被放置在这个文件夹中。这是最终生成的网站目录,可以将其部署到任何支持静态网站的服务器上。

当使用Jekyll生成网站时,生成的HTML文件会根据配置文件中的设置和文件夹结构被放置在多个嵌套的目录中。这种目录结构的设计可以使得网站的内容更加有组织,同时也方便管理和维护。

对于Jekyll生成的HTML文件被放置在多个嵌套的目录中的应用场景,例如:

  1. 个人博客:通过使用Jekyll生成静态网站,可以方便地创建个人博客。每篇博客文章可以被放置在不同的目录中,使得博客内容更加有层次感。
  2. 文档网站:Jekyll的目录结构适合用于创建文档网站。不同的文档可以被放置在不同的目录中,使得用户可以方便地浏览和查找所需的文档。
  3. 技术文档:对于技术团队或开发者来说,使用Jekyll生成的静态网站可以用于发布和分享技术文档。不同的技术文档可以被放置在不同的目录中,方便用户按照主题或模块进行浏览。

腾讯云提供了静态网站托管服务,可以用于托管使用Jekyll生成的静态网站。您可以通过腾讯云静态网站托管服务(https://cloud.tencent.com/product/s3)将生成的网站部署到云端,并享受腾讯云提供的高可用、高性能的静态网站托管服务。

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

相关·内容

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

关于jekyll其他一些命令用法如下: $ jekyll build # => 当前文件夹内容将会生成 ./_site 文件夹。...$ jekyll build --destination # => 当前文件夹内容将会生成目标文件夹。...$ jekyll build --watch # => 当前文件夹内容将会生成 ./_site 文件夹, # 查看改变,并且自动再生成。...接下来我们要做就是把我们Jekyll生成blog部署Github Pages上去即可 3.部署blog 我们先把刚刚新建仓库git clone本地,然后cd 仓库目录下,执行jekyll...接着我们把我们自己做好blog目录整个都拷贝这个仓库文件夹,当然,这个仓库之前文件可以删除了,只留下README即可。

28010

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

所以,github Pages可以认为是用户编写、托管在github上静态网页。 ? github提供模板,允许站内生成网页,但也允许用户自己编写网页,然后上传。...整个思路这里就很明显了。你先在本地编写符合Jekyll规范网站源码,然后上传到github,由github生成并托管整个网站。 这种做法好处是:   * 免费,无限流量。   ...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点分支gh-pages。因为github规定,只有该分支页面,才会生成网页文件。   ...在项目根目录下,创建一个_layouts目录,用于存放模板文件。   $ mkdir _layouts 进入该目录,创建一个default.html文件,作为Blog默认模板。...此外,别忘了将_config.yml文件baseurl改成根目录”/”。 至此,最简单Blog就算搭建完成了。

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

    关于jekyll其他一些命令用法如下: $ jekyll build # => 当前文件夹内容将会生成 ./_site 文件夹。...$ jekyll build --destination # => 当前文件夹内容将会生成目标文件夹。...$ jekyll build --watch # => 当前文件夹内容将会生成 ./_site 文件夹, # 查看改变,并且自动再生成。...接下来我们要做就是把我们Jekyll生成blog部署Github Pages上去即可 3.部署blog 我们先把刚刚新建仓库git clone本地,然后cd 仓库目录下,执行jekyll...接着我们把我们自己做好blog目录整个都拷贝这个仓库文件夹,当然,这个仓库之前文件可以删除了,只留下README即可。

    1.3K20

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

    所以,github Pages可以认为是用户编写、托管在github上静态网页。 ? github提供模板,允许站内生成网页,但也允许用户自己编写网页,然后上传。...整个思路这里就很明显了。你先在本地编写符合Jekyll规范网站源码,然后上传到github,由github生成并托管整个网站。 这种做法好处是:   * 免费,无限流量。   ...$ cd jekyll_demo   $ git init 然后,创建一个没有父节点分支gh-pages。因为github规定,只有该分支页面,才会生成网页文件。   ...在项目根目录下,创建一个_layouts目录,用于存放模板文件。   $ mkdir _layouts 进入该目录,创建一个default.html文件,作为Blog默认模板。...此外,别忘了将_config.yml文件baseurl改成根目录"/"。 至此,最简单Blog就算搭建完成了。

    1.7K70

    如何搭建免费博客

    jekyll 模板 jekyll 是基于ruby来编写一个博客模板生成工具,也就是说我们可以根据相关规则来生成对应html文件,当然这份工作github也能帮你去做。...在_layout下创建一个default.html,作为一个网站模板,添加如下内容(此处代码所有的{ {中间都有一个空格,为了不让jekyll去解析,拷贝时候请注意):    <!...编译和运行,一切都准备好后,开始编译和生成我们网站: jekyll build # 生成_site目录 jekyll server # 生成并启动一个server...在浏览器打开127.0.0.1:4000可以看到刚刚生成网站: ? ?...这里,我们使用jekyll根据我们写模板生成了对应静态页面,下面我们把数据传入githubgh-pages下面。 git add .

    1.1K40

    Jekyll Sass 使用

    Jekyll Sass 使用 什么是 Sass 关于 Sass 优势 Usage Install Sass 目录结构 使用 include stylesheet to html...项目实例 参考文献 Jekyll Sass 使用 什么是 Sass Sass 是一群超级懒的人创造 Css 快速编程工具 Sass(Syntactically Awesome Style...关于 Sass 优势 Sass 嵌套可以将多层级 Css badcode 显得跟简练 Sass 变量可以统一控制设计风格 Sass @import等导入方法可以实现设计模块化分离 Sass...比 Css 好玩 Usage Install Sass Jekyll 3 已经自带 Sass 编译器了, 不需要额外安装 目录结构 . | - _sass | - _typography.scss...css 文件夹里面是 main 文件, 这里面的文件最终会生成 _site/css 这个文件夹名称可以自由更改, 反正最终只要保证你 html 访问到对文件夹即可。

    77420

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

    由于系统默认Ruby安装过程容易出现各种问题,因此建议自定义安装新Ruby。关于卸载及重装 Ruby 和 Jekyll详细内容,也可以参考文章iMac搭建Jekyll本地环境。...「目录结构http://jekyllcn.com/docs/structure/」,下面为个人博客目录结构简单介绍: . ├── 404.html :404页面 ├── CNAME :Github...├── _posts :文章内容 ├── _site :Jekyll 生成静态页面目录 ├── index.html : 博客首页页面格式 ├── pages :一些特殊静态页面 ├── public...静态网站服初始化一般需要约 3 分钟 qcloud_jekyll_hosting.png 将静态页面部署托管服务 你阔以直接选择将构建好静态页面上传到托管服务,但是考虑博客更新频率,还是选择使用官方提供工具来上传...(例如部署我博客 _site ),命令行-e 后面的环境ID就是首页生成环境ID,一般腾讯云会在我们自定义名称后面加一个后缀。

    3.6K105

    如何在Ubuntu 16.04上使用Git Hooks部署Jekyll站点

    在本教程,我们将配置一个生产环境以使用Nginx来托管Jekyll站点,以及Git在您将更改推送到站点存储库时跟踪更改并重新生成站点。...首先,从/var/www/html目录删除默认网页: $ sudo rm /var/www/html/index.nginx-debian.html 现在,将目录所有权设置为git用户,以便此用户可以在收到更改时更新站点内容...在hooks目录创建指定文件post-receive,并在您选择文本编辑器打开它: $ nano ~/sammy-blog.git/hooks/post-receive 我们将配置hook以克隆对临时目录最新更改...,然后重新生成它并将生成站点保存到/var/www/html以便您可以访问它。...在您开发计算机上,导航包含该站点目录: $ cd ~/www 我们需要在站点目录初始化Git存储库,以便我们可以将内容推送到远程存储库: $ git init 输出包含有关存储库初始化成功消息

    1.3K30

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

    当然,还有另外一个原因,Github 原生支持静态生成器就是 Jekyll,这也意味着在 Github 上部署 Jekyll 更加方便。   ...Jekyll 开始与 Hexo 有所不同,Hexo 是采用子目录方式加载应用新主题,而 Jekyll 则是采用主题化方式应用主题。...在实际使用过程,笔者根据自己需求也在 H2O 主题上做出了一定功能修改,并开源为 jekyll-them-H2O-ac。...为了可以支持 username.github.io 域名直接展示该项目,建议在 Settings 里面将 Respository name 修改为 username.github.io,然后克隆项目本地目录...,需要修改为子目录名称 baseurl: '' # Navigation links # 导航栏,一般是顶级页面链接 nav: home: '/' blog: '/blog/' archives

    1.8K40

    如何使用Jekyll+GitHub Pages搭建个人博客站点

    ,51cto,开源中国,博客园,简书,等等 (4)使用个人站点+微信公众号 (一)Jekyll是什么 jekyll是一个静态博客生成器,它可以用来把我们使用markdown来写好文章给转换成静态网页...html来发布。...Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML文档。...,那么你就可以fork到你自己github,然后clone下来,修改一些地方,然后就push自己仓库,就可以了,一些git操作命令: git add . git commit -m "first...,然后在自己静态站点到根目录下,新建以名字为CNAME文件,里面的内容就是我们自己域名,比如我: 8090nixi.com ` 注意这里只需要域名后面的部分即可,不需要把http和www都写进来

    1.1K70

    使用github+jekyll搭建个人博客

    具体ruby可以官网上去下载,不过毕竟是国外网站,如果没有好访问外国网站工具还是比较慢。这里我已经准备好了,点ruby和DevKit下载。点击exe文件进行自定义目录安装。...安装完成之后,确保ruby环境已经配置到了系统变量。比如我DevKit安装目录是:D:\develop\DevKit。..._site : 这个是Jekyll生成最终文档,不用去关心。最好把他放在你.gitignore文件忽略它。...检查是否生成了ssh key 如果生成了ssh key,那么会在windowsC盘用户目录生成一个.ssh文件夹(比如我地址就是C:\Users\huyh.ssh),如果没有,则进行下一步。.../jekyll-github.html http://blog.csdn.net/u014015972/article/details/50497254

    90860

    如何为你 Github 博客添砖加瓦

    blog_admin netlifycms 与 jekyll-admin 对比 刚开始我找到jekyll-admin 这款 jekyll CMS,因为本人用jekyll。...为你博客添加 netlifycms 由于本人用是 jeklly 博客,文章演示部分均为 jeklly。当然 netlifycms 不只支持 jeklly,还支持很多其他类型 Blog。...增加 admin/index.html 文件 创建一个 admin/index.html 在你仓库根目录下,这个文件内容看起来像这样。...注意官方文档并没有添加 netlify-identity-widget.js 这个 js ,这个是用来校验你身份,需要加上。 <!...domain_management 配置 Oauth App 上面几个步骤完成后,将修改 push 仓库,你已经可以在你 admin 页面看到一些东西了。 ?

    82240

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

    前言 从 Jekyll GitHub Pages 中间踩了许多坑,终于把我个人博客BY Blog搭建出来了。。。 本教程针对是不懂技术又想搭建个人博客小白,操作简单暴力且快速。...(image-fe068-1513847314442)] 修改个人介绍需要修改根目录 about.html 文件 [图片上传失败......聪明你应该发现怎么做了吧~ 安装 jekylljekyll bundler $ gem install jekyll $ gem install jekyll bundler 进入你 Blog...所在目录,然后创建本地服务器 $ jekyll s 然后会显示 Auto-regeneration: enabled for '/Users/baiying/Blog' Configuration file...很简单,找到博客目录 index.html 文件,修改这句话就可以了。 ?

    4.1K110

    Allens Blogs 创建历程(1)

    最近,无意中看到一篇译文,似乎是《像黑客一样写博客》,瞬间就被带上车了,开始使用 Jekyll 和 GitHub Pages 架设我静态博客。...选择好你喜欢 Jekyll 主题后,将主题复制前面从 Github 上 Clone 项目文件夹中去。...└── index.html 在该目录下执行: $ jekyll server // 简写 jekyll s 在浏览器地址栏输入:http://localhost:4000/ 就可以看到刚才新建...开始写作 Jekyll 博客配置全在 Blogs 根目录_config.yml文件,一般来说,只要没有什么特殊需求,只需要修改诸如:博客名、所有者名字、email等信息即可,如果有更多需求,请参考所用主题说明和...我 Blog 基本配置如下,可以参考: name: Allendescription: Blogging about stuffsmeta_description: "Allen's Blog"markdown

    73610
    领券