导航栏不显示在permalink Jekyll站点上 - 腾讯云开发者社区

理解 Jekyll 中的文件夹和路径配置在使用 Jekyll 构建静态网站时，了解如何配置文件夹和路径对于网站的组织和内容管理至关重要。...这些数据文件可以在模板中被引用，提供灵活的数据展示和使用。普通文件夹：任何不以下划线（_）开头的文件夹都被视为普通文件夹，其内容会直接被复制到生成的站点中，保持文件和目录结构。...默认情况下，文章页面的 URL 会根据站点配置文件 _config.yml 中的 permalink 设置生成。...Jekyll 默认忽略所有以下划线（_）开头的文件夹（如 _layouts、_includes 等），因为这些文件夹通常用于存放模板、布局、数据或其他不直接生成的内容。...**在 Front Matter 中指定 permalink**：在单个文件的 Front Matter 中手动指定 permalink 属性，可以自定义该文件生成页面的路径。

610 0

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

实际上，从这个站点列举出来的可以看出，至少有 322 种已知可用的静态网站生成器。...其他除了以上这些，也有一些其他的支持 Markdown 语法和部署简单的免费博客搭建方法，比如说将静态网站部署在普通虚拟主机、虚拟服务器上，将静态网站的文件当做是对象存储并开放匿名访问，使用 Read...也就是说，如果你想使用某个 Jekyll 主题，唯一的方式就是克隆这个 Jekyll 主题的项目，并在此基础上开始你的博客。...在实际的使用过程中，笔者根据自己的需求也在 H2O 主题上做出了一定的功能修改，并开源为 jekyll-them-H2O-ac。...，需要修改为子目录名称 baseurl: '' # Navigation links # 导航栏，一般是顶级的页面链接 nav: home: '/' blog: '/blog/' archives

1.9K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

H2O-ac theme for Jekyll

如果读者想要看到文章卡片展示页，还是可以点击顶部的导航栏中的 BLOG 直接访问。归档页归档页设置为由 Jekyll 按照模板自动生成，以年份、日期、文章标题分级列表展示，简洁清晰。...版权显式声明 (2022年5月18日更新) 之前的版本只会在页面底部的信息栏中显示一个 CC 4.0 的小图标，不是很醒目。...文章侧边索引导航 (2022年1月9日更新) 在一些基于 Bootstrap 前端框架的 Jekyll 主题中，这个功能比较常见。...在浏览器窗口超过 1050 px 的情况下，在文章页面可以正常看到右侧的文章侧边索引导航。当窗口滑动时，侧边索引导航也会跟着滑动。在浏览器窗口不足 1050 px 的情况下，侧边索引导航自动隐藏。...(2022年5月14日更新) 新增不蒜子统计方式，可以显示全站访问次数、全站访问用户数、文章页面阅读量。如下设置可以开启。

1.2K3 0

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

（二）config.js配置路径为：hello_vuepress/docs/.vuepress/config.js （1）普通配置设置网站标题，并显示在默认主题的导航栏中。...a.导航栏链接通过themeConfig.nav 增加一些导航栏链接。...来禁用导航栏。...GitHub 上编辑此页", // 导航栏 nav: [ { text: "首页", link: "/nav/" }, { text: "关于", link:...选项写法示例作用 lineNumbers lineNumbers: true, 是否在每个代码块的左侧显示行号,true为显示 anchor 默认值：{ permalink: true, permalinkBefore

4K5 0

Typecho1.1仿简书主题大小屏适配

期望改动点有仨：文章列表分类，大屏展示小屏不展示；右侧分类列表，大屏默认打开小屏关闭；列表内容显示字数，大屏100字小屏50字；但是因为改导航栏，把判断功能实现部分代码删掉了，导致无法判断大小屏...今天把所有修改导航栏部分代码全部还原，接下来从最开始讲起。...实际上，这依赖于导航栏上面有个伸缩导航栏的按钮： "> 这个按钮点击的时候会切换menuSize的状态，在normal与mini之间切换；normal是表示导航栏展开状态，mini表示导航栏收起状态；还有一个重要因素：上述按钮代码里有个...hidden-xs标记，这个标记表示在小屏情况下隐藏按钮，手机上是看不到这个按钮的。

5912 0

使用Hexo在Github上搭建自己的博客

以前的博客是使用Jekyll托管在github上，后来用着越来越不方便，比如没有自动生成post，不能一键部署，文件结构和配置也是比较繁琐，更重要的是有时候用markdown写一篇文章，生成的静态文件很乱...我这里以ubuntu为例，因为我自己一直在使用ubuntu。...、项目管理、软件架构 description: author: 飞雪无情 language: zh-CN 然后配置站点的url和permalink，这两个分别是你的站点的url host地址以及文章的永久连接...Front-matter 是文件最上方以 — 分隔的区域，用于指定个别文件的变量，举例来说： title: "使用Hexo在Github上搭建自己的博客" date: 2015-03-10 22:30:...git commit后把这两个分支推送到你的github上。

4852 0

Jekyll 优化合集

前言 Jekyll 是一款采用 Ruby 语言编写的、非常方便简单又功能强大的静态站点生成器，适合于搭建个人博客、静态网站等。...我们知道，Github Page 默认支持的也是 Jekyll，而非 Hexo、Hugo等静态站点生成器。...由于本站目前是采用 Jekyll 来搭建的，所以为了提供给读者更加高效的阅读条件，笔者在廖柯杰大佬开发的 H2O 主题的基础上做了一些功能上的增加和优化，接下来就来详细介绍一下。...important; } } 另外，也需要在 _config.yml 文件中在导航栏中添加链接，如下所示。...于是就可以在基于文章模板的页面中直接使用如下所示的 LaTex 声明即可正确显示数学公式了。

2.1K3 0

使用Jekyll显示Jupyter笔记本

Jekyll是一个用Ruby编写的静态站点生成器，支持博客并与Github页面整合。因为Github只负责托管，这种设置使数据分析共享和可视化变得简单。...使用浏览器导航到Linode的公共IP地址（端口4000）来预览站点。网站上应该有一篇默认的文章。....sh bash Anaconda3-5.0.0.1-Linux-x86\_64.sh 按照提示在系统上安装Anaconda。...博客上显示HTML。...运行所有相关单元格，以便在页面上显示你想要在Jekyll博客上显示的内容。导航到File > Download As > Markdown (.md)。

3.9K2 0

WordPress 常用模板函数速查表

> 站点根链接链接文章或者静态页面标题链接站点名称链接字符集链接导航菜单默认导航菜单指定的导航菜单侧边栏模板内容链接底部模板内容链接显示时间，格式为：'08-18-07' 链接显示到文章留言的链接链接文章标题链接 permalink(); ?> 文章链接链接上一篇文章链接链接显示文章日历链接存档链接列表链接 <?

4733 0

BYR-Navi：一个开源、美观且可以部署在GitHub Pages的网站导航程序

说明：BYR-Navi是一个开源、轻量使用Fomantic UI Web框架构建的网站导航程序，样式也非常美观，而且支持从N个站点直接搜索，我们既可以部署在自己的服务器上，又可以部署在GitHub Pages...如果要修改导航相关页面的信息显示的话，也可以在_site文件夹中修改。...然后这里需要注意的是Database Server需要填上你的ip地址，而且数据库端口，比如3306需要防火墙放行，不然会连接不上。...最后配置该导航的话，需要修改配置文件_data/analytics.yml，大致参数如下： #url为matomo站点，domain为导航站，site_id为matomo站点统计站id，token为matomo...里获取API Authentication Token 最后可能会出现跨域问题，导致配置统计后不生效，可以在通用设置中设置跨域资源共享(CROS)白名单域名，将导航站点添加进去即可。

1.9K4 0

BYR-Navi：一个开源、美观且可以部署在GitHub Pages的网站导航程序

9680 0

Prose：Github所见即所得站点编辑器

写在前面最近才发现一个基于Github Pages的Jekyll内容编辑器Prose，感觉内容编辑更快、发布什么的更方便，所以想推荐给使用github的友友们，以前都是在markdown工具里写，然后再用...2.尝试Prose非常简单，首先通过Github账户身份验证，便可以导航到相应的站点。如下图： ? 点击授权 ? 输入github的账号密码 ?...这些都是之前发布的文章文件 3.接着，我们新建一个文件，点击NEW FILE，然后编辑内容，编辑内容的时候，Prose支持Markdown标签的高亮显示，如下： ?...预览 Prose项目的架构特点与展望 Prose的架构实现是以Backbone与Jekyll为基础，应用托管在Github上，浏览器端直接与GitHub API交互。...写在最后结合静态站点托管服务Github Pages与博客生成工具Jekyll，搭建博客站点，有着部署成本低、易于维护的特点。

1K1 0

为修改了链接地址的博客进行重定向

---- 博客自发布的那一刻开始，就随时可能被各种奇怪的机构收录：搜索引擎（喜欢被收录，这样就有更多的人能够获益）授权的转载站点（虽然目前还没有）各种泛滥的去除了原作者信息的盗版（比如这里在Windows10...系统上为WPF窗口添加模糊特效）被其它内容引用（喜欢被引用，说明这份知识是有用的）分享和开放的互联网行为一般会在引用或收录的时候加上原文链接，于是我的链接一旦发布，便不建议再更改。...我使用 Jekyll 博客，于是，我在根目录建立了一个 redirect 文件夹，专门存放链接的重定向。...里面的内容只有两个：存放原址重定向到目标地址的脚本代码如下： --- permalink: /post/wpf-add-on-ui.html --- window.location.href

8791 0

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

作为一名有情怀的工程师，一般都会通过博客来记录自己的生活，成长，工作心得或者经验，大部分人使用博客都会经历如下几个阶段：（1）记录在大脑中（不推荐）（2）使用XXX云笔记（3）使用iteye，csdn...（二）Github Pages是什么 Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上，你可以选择使用 Github Pages 默认提供的域名...Github Pages 支持自动利用 Jekyll 生成站点，也同样支持纯 HTML文档。...jekyll-gist ` 上面对软件安装完毕后，你就可以在github上搜索一个基于jekyll模版对项目，当然你可以从网上搜索任何你喜欢的主题风格，找到之后使用git clone到自己本地： git...` 但对于中小站点来说，无疑是一个不错的方案，感兴趣的朋友可以尝试一下，我个人比较喜欢简洁的站点风格，大家可以通过我公众号底部的菜单栏的博客按钮感受一下。

1.1K7 0

为什么人家的开源项目文档如此炫酷？原来用的是这款神器！

同时也会生成右侧的大纲栏；如果你还想给专栏添加个目录页的话，可以在00.目录页文件夹中添加02.mall学习教程.md作为目录，目录页内容如下，permalink可以指定目录页的永久路径； ---...技术要点篇', link: '/pages/fab7d9/' }, { text: '部署篇', link: '/pages/db2d1e/' }, ], } ] 添加成功后导航栏显示效果如下...，点击导航栏即可跳转到该目录；其实你还可以在首页index.md中通过添加feature来实现快速访问，这里我们创建了三个feature； --- home: true # heroImage: /...: '/img/avatar.png', // 导航栏logo repo: 'macrozheng', // 导航栏右侧生成Github链接 searchMaxSuggestions: 10,...'macrozheng', // 必需 link: 'https://github.com/macrozheng', // 可选的 }, blogger: { // 博主信息，显示在首页侧边栏

1.2K2 0

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

在本教程中，我们将配置一个生产环境以使用Nginx来托管Jekyll站点，以及Git在您将更改推送到站点存储库时跟踪更改并重新生成站点。...第一步 - 设置Git用户帐户出于安全考虑，我们首先创建一个用户帐户，该帐户将托管Jekyll站点的Git存储库。该用户将执行Git钩子脚本，我们将创建该脚本以在收到更改时重新生成站点。...现在让我们为您的Jekyll站点创建一个Git存储库，然后配置Git hooks以在更新时重建它。...在您的开发计算机上，导航到包含该站点的目录： $ cd ~/www 我们需要在站点的根目录中初始化Git存储库，以便我们可以将内容推送到远程存储库： $ git init 输出包含有关存储库初始化成功的消息...结论在本教程中，您学习了如何在将更改推送到Git存储库之后部署网站，同时腾讯云社区提供关于在 Linux 上搭建Jekyll静态博客的教程，欢迎使用。

1.3K3 0

Typecho语法大全Typech常用函数Typecho调用方法

模板常用函数 1、站点网址 options->title() ?> 2、站点网址 options ->siteUrl(); ?...> 12、上一篇与下一篇调用代码 thePrev(); ?> theNext(); ?> 13、判断是否为首页，输出相关内容 25、获取最新评论列表 (只显示访客评论不显示作者或者说自己发的评论) 32、导航页面列表调用隐藏特定的页面这个演示隐藏了 album 和 search 两个页面 is('index')): ?...35、根据页面类型显示内容判断是文章页则显示内容 is('post')): ?> 想要显示的内容1 判断是页面则显示内容 <?

1.9K1 0

docsify快速入门

/docs 然后docsify会在该目录下新建一个docs目录，里面有3个初始文件： .nojekyll：告诉GitHub Pages服务该站点不使用Jekyll作为构建工具 index.html：入口文件...$docsify = { name: '', repo: '' } name会作为标题显示在站点的侧边栏，repo会作为Github Corner...显示在站点的右上角，点击可跳转到对应的地址。...https://docsify.js.org/_media/icon.svg) # Java笔记 > 个人向的Java学习笔记 * 贵在坚持 [开始阅读](/README) loadNavbar导航栏...该参数用于添加导航栏，如下： 1 2 3 4 5 6 7 window.

9541 0

Hexo+Github配置与主题

导航栏添加标签菜单新建标签页面，并在菜单中显示标签链接。标签页面将展示站点的所有标签，若你的所有文章都未包含标签，此页面将是空的。 (1) 在终端窗口下，定位到 Hexo 站点目录下。...侧边栏社交链接侧栏社交链接的修改包含两个部分，第一是链接，第二是链接图标。两者配置均在主题配置文件中。 (1) 链接放置在 social 字段下，一行一个链接。...若 site_uv 、site_pv 、 page_pv 的值均为 false 时，不蒜子仅作记录而不会在页面上显示。 (2) 站点UV配置。...当 site_uv: true 时，代表在页面底部显示站点的UV值。...当 site_pv: true 时，代表在页面底部显示站点的PV值。

1.1K4 0

用Github搭建个人博客

站点先看看阮一峰的《搭建一个免费的，无限流量的Blog—-github Pages和Jekyll入门》，看完对整个站点应该就有了一个大概的认识。...相关语言在开始做皮肤之前，我们先来搞清楚模板还能做什么，像公共的头部、底部、导航什么的，这些在上面并没有提到，可是做为一个模板引擎，怎么都得支持吧。...高亮展示对于代码的阅读体验，当然能高亮显示会更好些，jekyll也支持相应的代码高亮显示，像这样： {% highlight 代码类型 %} 代码放这里 {% endhighlight %} 支持的代码类型可以在...添加RSS 要方便定阅，可以添加RSS输出到我们的站点上，大体分为三步： 1.修改设置文件 name: 站点名称 description: 站点说明 url: 站点URL 2.在github上有一个jekyll-rss-feeds...评论系统网上有几个可以嵌入到静态站点的评论系统，像多说、友言、畅言等等，还有Jekyll模板里默认使用的DISQUS。

7401 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Understand folder and path configuration in Jekyll

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

H2O-ac theme for Jekyll

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

Typecho1.1仿简书主题大小屏适配

使用Hexo在Github上搭建自己的博客

Jekyll 优化合集

使用Jekyll显示Jupyter笔记本

WordPress 常用模板函数速查表

BYR-Navi：一个开源、美观且可以部署在GitHub Pages的网站导航程序

BYR-Navi：一个开源、美观且可以部署在GitHub Pages的网站导航程序

Prose：Github所见即所得站点编辑器

为修改了链接地址的博客进行重定向

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

为什么人家的开源项目文档如此炫酷？原来用的是这款神器！

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

Typecho语法大全Typech常用函数Typecho调用方法

docsify快速入门

Hexo+Github配置与主题

用Github搭建个人博客

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐