javascript - 根据 url 具有自定义内容的静态页面

Question

当我使用 PHP 时，我曾经使用 URL 地址的一部分向页面模板添加单词。

我开始使用 https://gohugo.io 查看静态页面并尝试在 JavaScript 中获取此函数，以便不需要生成多个页面(尽管这是静态页面的要点)，因为所有 url 将使用相同的页面模板，但具有与 url 不同的文本。

示例(来 self 的 PHP 网站)

url = www.domain.tld/city/washington/Where i get the word after /city/ and put the word "washington" in my page content.

url = www.domain.tld/city/somecityname/Where i get the word after /somecityname/ and put the word "washington" in my page content.

我查看了https://gohugo.io/extras/datafiles/和 https://gohugo.io/extras/datadrivencontent/但这不会按照我想要的方式解决它。 (虽然我有一个包含城市名称的 csv 文件)

页面将托管在 GitHub Pages 上，因此我只能使用 Javascript/jQuery 来实现此功能。

Answer 1

尝试使用此代码获取城市名称

var qrStr1 = window.location.href;
var new1 = qrStr1.replace(':',''); 
var data1 = new1.split("/");
alert(data1[4]);// try with different index so you can find your value