Jekyll - highlight current page nav link using permalinksJekyll - Automatically highlight current tab in menu barSorted navigation menu with Jekyll and LiquidStrip url to 1 word in JekyllJekyll blog entries link to only one postJekyll detect sass file with yaml front matter as pageJekyll - Generate pages for items in a collection (similar to posts)Jekyll gh-pages disappearing site urlTrying to add additional page to Jekyll sitePosts not rendering on home page with JekyllPublish jekyll website to github pages
Is Cola "probably the best-known" Latin word in the world? If not, which might it be?
SQL Server Management Studio SSMS 18.0 General Availability release (GA) install fails
Is this homebrew life-stealing melee cantrip unbalanced?
Is induction neccessary for proving that every injective mapping of a finite set into itself is a mapping onto itself?
Can't remove one character of space in my environment
Why is Arya visibly scared in the library in S8E3?
Do I have to make someone coauthor if he/she solves a problem in StackExchange, asked by myself, which is later used in my paper?
If Earth is tilted, why is Polaris always above the same spot?
Upside-Down Pyramid Addition...REVERSED!
Identifying my late father's D&D stuff found in the attic
What is a "listed natural gas appliance"?
What is the most remote airport from the center of the city it supposedly serves?
Identifying a transmission to myself
Why is `abs()` implemented differently?
What was the state of the German rail system in 1944?
Is there a legal ground for stripping the UK of its UN Veto if Scotland and/or N.Ireland split from the UK?
60s (or earlier) SF short story with FTL Travel using electron psychology aka addiclenendar technology
How to give very negative feedback gracefully?
Why do money exchangers give different rates to different bills?
Roll Dice to get a random number between 1 and 150
Selecting a secure PIN for building access
Why do we use caret (^) as the symbol for ctrl/control?
How can I get a job without pushing my family's income into a higher tax bracket?
Number of seconds in 6 weeks
Jekyll - highlight current page nav link using permalinks
Jekyll - Automatically highlight current tab in menu barSorted navigation menu with Jekyll and LiquidStrip url to 1 word in JekyllJekyll blog entries link to only one postJekyll detect sass file with yaml front matter as pageJekyll - Generate pages for items in a collection (similar to posts)Jekyll gh-pages disappearing site urlTrying to add additional page to Jekyll sitePosts not rendering on home page with JekyllPublish jekyll website to github pages
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I just started using jekyll and can't seem to figure out how to highlight the navigation link for the current page, using permalinks. It works when not using permalinks but can't figure how to make permalinks work.
_data/navigation.yml
- name: Home
link: /
- name: About
link: /about
- name: Blog
link: /blog
_includes/header.html
<nav>
% for item in site.data.navigation %
<a href=" item.link " % if page.url == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
navigation jekyll
add a comment |
I just started using jekyll and can't seem to figure out how to highlight the navigation link for the current page, using permalinks. It works when not using permalinks but can't figure how to make permalinks work.
_data/navigation.yml
- name: Home
link: /
- name: About
link: /about
- name: Blog
link: /blog
_includes/header.html
<nav>
% for item in site.data.navigation %
<a href=" item.link " % if page.url == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
navigation jekyll
add a comment |
I just started using jekyll and can't seem to figure out how to highlight the navigation link for the current page, using permalinks. It works when not using permalinks but can't figure how to make permalinks work.
_data/navigation.yml
- name: Home
link: /
- name: About
link: /about
- name: Blog
link: /blog
_includes/header.html
<nav>
% for item in site.data.navigation %
<a href=" item.link " % if page.url == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
navigation jekyll
I just started using jekyll and can't seem to figure out how to highlight the navigation link for the current page, using permalinks. It works when not using permalinks but can't figure how to make permalinks work.
_data/navigation.yml
- name: Home
link: /
- name: About
link: /about
- name: Blog
link: /blog
_includes/header.html
<nav>
% for item in site.data.navigation %
<a href=" item.link " % if page.url == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
navigation jekyll
navigation jekyll
asked Mar 22 at 21:43
neridajneridaj
80541544
80541544
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
<nav>
downcase
% for item in site.data.navigation %
<a href=" item.link " % if current[0] == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55308187%2fjekyll-highlight-current-page-nav-link-using-permalinks%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
<nav>
downcase
% for item in site.data.navigation %
<a href=" item.link " % if current[0] == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
add a comment |
<nav>
downcase
% for item in site.data.navigation %
<a href=" item.link " % if current[0] == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
add a comment |
<nav>
downcase
% for item in site.data.navigation %
<a href=" item.link " % if current[0] == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
<nav>
downcase
% for item in site.data.navigation %
<a href=" item.link " % if current[0] == item.link %class="current"% endif %> upcase </a>
% endfor %
</nav>
answered Mar 22 at 22:19
neridajneridaj
80541544
80541544
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55308187%2fjekyll-highlight-current-page-nav-link-using-permalinks%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown