Posts

如今，速度和安全性对于网站来说至关重要。这就是开发人员、代理机构和网络内容制作者转向静态网站生成器的原因。如果您正在打算转向静态网站，无数的选择似乎令人望而生畏。本文将带你快速浏览当今流行的静态网站生成器以及它们最适合的用途。 静态站点生成器的优点 借助现代浏览器，使用 JavaScript、API 和标记构建的网站能够提供高度动态的内容，而不受标准、极其缓慢（且昂贵）的后端数据库以及每次访问者发出请求时构建网站的服务器的束缚。 向JS、CSS以及字体等资源文件都可以通过世界各地的 免费的CDN 提供服务，从而提高速度和正常运行时间，并且使用 Git 等版本控制系统管理静态站点意味着创建和更新站点的过程非常高效。 简单总结的优点有： 性能优越： 静态站点生成器生成纯静态文件，无需服务器动态生成页面，因此加载速度更快。 安全性高： 由于没有后端服务器和数据库，静态站点更难受到常见的 Web 攻击，如 SQL 注入和服务器端脚本攻击。 低成本： 静态站点无需服务器端处理，可以部署在诸如 GitHub Pages、Netlify 等免费托管服务上，降低了维护成本。 版本控制友好： 网站的内容和代码可以与版本控制系统（如 Git）一起使用，方便团队协作和版本管理。 容易维护： 由于内容和模板分离，维护和更新网站内容更为简单，无需涉及数据库操作。 可扩展性强： 通过使用插件系统或集成外部服务，静态站点生成器可以轻松扩展功能。 不得不说的缺点 只有优点的任何东西都是不存在的，因此我们还要所静态站点的缺点： 不适用于实时动态内容： 静态站点生成器不适合需要实时更新或包含大量动态内容的网站。 对于大型网站的构建时间较长： 对于大型网站，构建时间可能较长，导致更新响应时间变慢。 对非技术用户不友好： 前期部署需要一定的技术知识（阅读配置文档和命令操作），搭建好后之后的操作就不需要任何技术基础就可使用。 服务端功能受限： 无法执行服务器端脚本，因此对于需要服务器端处理的功能（如表单提交）有限制。 Top5静态站点生成器 既然有排名就一定需要说明数据来源，本文的Top5数据来自 staticgen.com ，这是顶级开源静态站点生成器的排行榜。排名依赖GitHub 上星数多少，你可以参考这个排名做出自己的选择。 1. Hugo Hugo 是一个基于 Google 的Go 编程语言编写的静态网站生成器，2013由 Steve Francia 原创，自 v0.14 (2015年) 由 Bjørn Erik Pedersen 主力开发，并由全球各地的开发者和用户提交贡献。Hugo 以 Apache License 2.0 许可的开放源代码项目。 Hugo针对速度进行了优化（Hugo 站点可以在几毫秒内构建）并且易于使用。由于没有依赖项，Hugo 易于安装和更新，只需要一个二进制文件hugo即可构建自己的网站。...

goat示例 Hugo 原生支持 GoAT。下面的GoAT示例： 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 Mermaid支持 Hugo 目前没有提供 Mermaid 图表的默认模板。但你可以轻松添加自己的模板。一种方法是创建 layouts/_default/_markup/render-codeblock-mermaid.html： <pre class="mermaid"> {{- .Inner | safeHTML }} </pre> {{ .Page.Store.Set "hasMermaid" true }}然后在foot.html中根据条件导入script： html 1 2 3 4 5 6 7 8 9 10 11 {{/* Mermaid */}} {{ if or (.Page.Store.Get "hasMermaid" ) ( .Page.HasShortcode "mermaid" ) }} <script type="module"> import mermaid from 'https://cdn....

markdown 数学公式 科学公式 TeX(KaTeX) $$E=mc^2$$ 行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。 $$(\sqrt{3x-1}+(1+x)^2)$$ $$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$ 多行公式： test1 $$ \displaystyle \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right) $$ test2 $$ f(x) = \int_{-\infty}^\infty \hat f(\xi),e^{2 \pi i \xi x} ,d\xi $$ test3 $$ \displaystyle \frac{1}{ \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{ \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} { 1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } } $$ $$ \begin{align} \tag{1.1} V_{sphere} = \frac{4}{3}\pi r^3 \end{align} $$

这是一篇介绍如何编写Hugo博客的文章，让编写文章更加简单。 PaperMod主题 本站基于PaperMod主题修改实现。本文介绍修改后的一些功能。 页面快捷键 全屏模式切换: alt+w键 页面主题切换: alt+z键 页面回到顶部: alt+g键 主页跳转控制: alt+q键 页面刷新控制: alt+r键 sidebar文章切换: alt+x键 sidebar目录切换: alt+c键 提示 所有的快捷键都放在了单独的shortcuts.html中配置，次文件会在 footer.html最后添加。希望定义属于自己的快捷键可以在shortcuts.html中进行修改。 shortcode使用 可以看到，上面的tip就是一个shortcode示例。 接下来，我们来看一些更有趣的shortcode示例. 了解全面的shortcodes介绍可以看官网shortcodes，本文不再多说。 TypeIt示例 pythontutor代码可视化 语法高亮 其实Hugo本就支持Markdown的代码高亮功能，但这里的语法高亮是在展示可以用shortcode实现的功能，你可以在这基础上扩展更丰富的可能，这才是 shortcode 的可能性。 使用 shortcode 为 highlight 的Go语言代码高亮显示： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 // GetTitleFunc 返回一个可用于将字符串转换为标题样式的函数。 // // 支持的样式有： // // - "Go" （使用 strings.Title 函数） // - "AP" （参见 https://www....