标签: static-site
Jekyll on Github Pages:在另一个降价文件中包含markdown
我kramdown在Github Pages上使用Jekyll.我有一个降价我想要使用两次,并且不想维护它的两个版本.如何将其包含在其他降价文件中？
例如,我想键入类似的东西
{: include otherFile.md }
并otherFile.md在此命令所在的位置直接呈现内容.请注意,父文件也是markdown文件,而不是HTML模板.
额外的考虑:能够使用默认的GitHub页面工作流来完成这项工作会很棒,而不必使用GH页面禁用的插件,并且必须手动推送站点的编译版本.
推荐指数
解决办法
查看次数
将 S3 静态站点与应用程序负载均衡器结合使用
我有一个 ALB，它当前将流量路由到多个 url。如果我们需要执行维护，我希望能够将流量路由到静态 S3 站点。然后我们将显示一个静态的“维护”页面而不是我们的登录页面。
我创建了一个 CloudFront 分配，允许使用 SSL 证书加载 S3 站点，但我不确定如何连接该分配以将所有流量发送到 S3 维护站点。
这是我正在使用的 Terraform ALB 侦听器。我可以指定我的CloudFront的分布arn在target_group并将它路由所有流量的静态网站？
或者我可以简单地将我的 S3arn与允许 ALB 访问以获取存储桶对象的 S3 策略链接起来吗？
resource "aws_alb_listener" "ssl_alb_httpslistener" {
load_balancer_arn = "${aws_alb.alb_lis.arn}"
port = "443"
protocol = "HTTPS"
ssl_policy = "Sec-TLS"
certificate_arn = "${var.ssl_cert_arn}"
default_action {
target_group_arn = "${data.terraform_remote_state.php.target_arn}"
type = "forward"
}
}
我希望我可以将通过 ALB 的流量从target_group. 好奇这是否是解决此问题的最佳方法。
load-balancing amazon-s3 static-site terraform terraform-provider-aws
推荐指数
解决办法
查看次数
如何仅在 NextJS 站点构建期间使用 getInitialProps？
使用 NextJS 构建静态站点时，我希望该getInitialProps方法仅在构建步骤期间触发，而不是在客户端触发。
在构建步骤中，NextJS在使用每个组件呈现的 HTML 生成页面的静态 HTML 之前运行getInitialProps 方法。在客户端，NextJS 也会在页面组件呈现之前运行此方法，以便为组件返回必要的 props。因此，大型请求可能会延迟客户端的第一次绘制，因为这是一个阻塞请求。
// example usage of API call in getInitialProps
import fetch from 'isomorphic-unfetch'
function Page({ stars }) {
return <div>Next stars: {stars}</div>
}
Page.getInitialProps = async ({ req }) => {
const res = await fetch('https://api.github.com/repos/zeit/next.js')
const json = await res.json()
return { stars: json.stargazers_count }
}
export default Page
我不愿意将我的慢速 API 请求移动到componentDidMount以避免阻塞请求，因为我想使用构建步骤期间返回的数据来填充静态 HTML，并且此特定请求不需要动态或更新构建。
有没有办法只在构建时getInitialProps运行而不是在客户端加载页面时运行？next export
这是好的做法吗？
推荐指数
解决办法
查看次数
重写 Azure 存储中托管的静态网站的 URL
我已将 Angular 7 应用程序部署到 Azure 存储静态网站。
Angular 应用调用部署到 Azure 应用服务的 .NET Core API。
是否可以配置 URL 重写（反向代理）以将 Angular 应用程序请求路由到 .NET Core API，而无需启用 CORS？类似使用 Angular 代理配置进行本地开发的方式？
我已经读到可以在 Azure CDN 中使用 URL 重写规则，但我不太确定如何去做。 https://docs.microsoft.com/en-us/azure/cdn/cdn-rules-engine-reference-features#url-rewrite
据我了解，可以在 URL 重写规则中仅指定相对路径。
任何帮助表示赞赏。
推荐指数
解决办法
查看次数
如何将动态网站变成可以从CD演示的静态网站？
我需要找到一种方法来抓取我们公司的一个Web应用程序,并从中创建一个静态站点,可以刻录到CD并由旅行销售人员用来演示网站.后端数据存储分布在许多系统中,因此只需在销售人员的笔记本电脑上的VM上运行该站点就行不通.在一些客户端(没有互联网,手机......原始,我知道)他们将无法访问互联网.
有没有人对爬行器有任何好的建议,可以处理链接清理,闪存,一点ajax,CSS等等？我知道赔率很小,但在我开始编写自己的工具之前,我想我会把问题抛到这里.
推荐指数
解决办法
查看次数
Hugo 未在本地呈现公用文件夹
当我使用命令时hugo，它会index.html在Public文件夹中生成。当我打开时index.html，网站加载如下：
但是当我在hugo serve本地使用该命令时，它会生成链接http://localhost:1313/，并且站点加载正确。它像这样加载：
我认为问题是由于文件或任何类似内容的渲染不正确。
我的做法：
- 我在文件顶部添加了代码
relativeURLs = true，但仍然无法正确呈现。uglyURLs = trueconfig.toml - 我已经
baseurl = "/"在config.toml文件中设置，但这也不起作用。
推荐指数
解决办法
查看次数
如何选择类别页面作为Pelican网站的主页？
我希望我网站的访问者能够进入类别页面，而不是默认页面index.html。我希望他们首先看到“新闻”类别中的文章。
也许有一种方法可以告诉Pelican输出category/news到index.html？我知道在使用该save_as字段的普通手写页面上可以做到这一点，但是如何使用Pelican生成的自动页面来做到这一点呢？
推荐指数
解决办法
查看次数
Nuxt.js 静态站点和 404 页面
我目前已经创建了一个pages/404.vue文件，然后在我的服务器设置中，我将任何不存在的 url 重定向到 /404.html（生成的页面）。
除了我必须声明文件扩展名（如果我重定向到 /404，它会给我重定向错误），它似乎工作正常，而且我想它还会给我一个简单的方法来创建其他服务器错误文件，如果需要的话。
但是，按照文档，我首先尝试fallback: true在里面添加generate:{ }. 这会404.html在我的根目录中创建一个页面，但使用默认的 Nuxt 布局（无限加载轮页面）。
我认为创建layouts/error.vue（根据文档）可以解决问题，但似乎并非如此。
什么是正确的做法，如果要遵循文档，为什么我的个性化 error.vue 不起作用？谢谢。
推荐指数
解决办法
查看次数
`aws s3 cp` 与 `aws s3 sync` 行为和成本
我有一个静态站点，我将其部署到该站点，s3然后将CloudFront其分发给用户。构建站点后，我想将新构建推送到s3. 我找到了两种方法来做到这一点。
aws s3 cp --recursive ./public/ s3://bucket-name --cache-control 'public, max-age=300, s-maxage=31536000'aws s3 sync --delete ./public/ s3://bucket-name --cache-control 'public, max-age=300, s-maxage=31536000'
我计划每周部署一次或两次。
我想知道这些哪个更便宜（钱）？更明确地说，我想知道从长远来看，这些中哪一个会降低我的成本？
我尝试阅读文档，但无法找出差异。请帮我解决一下这个。
推荐指数
解决办法
查看次数
如何在Pelican博客上链接您自己的文章？
我试图链接html文件名,但它的工作原理是因为它们在同一个文件夹中.
[Title](./this-is-the-file.html)
但由于ARTICLE_URL模式,另一篇文章可能会出现在另一个文件夹中.例子:
[Title 1](/2014/02/article1.html)
[Title 2](/2014/01/25/article2.html)
是否可以将您自己的文章与slug的引用链接起来？还有比生成的HTML文件名更好的解决方案？
推荐指数
解决办法
查看次数
标签 统计
static-site ×10
amazon-s3 ×2
pelican ×2
angular ×1
azure-cdn ×1
css ×1
github-pages ×1
html ×1
hugo ×1
javascript ×1
jekyll ×1
kramdown ×1
markdown ×1
next.js ×1
node.js ×1
nuxt.js ×1
python ×1
terraform ×1
web ×1
web-crawler ×1