Cesium 初始化很简单，配置 viewer 初始化参数（不配置则为默认参数），然后实例化 Viewer 方法，传入需要挂载的容器 id（或者容器元素）以及初始化参数即可。 下面为代码示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="./style.css" /> </head> <body> <div id="cesiumContainer"></div> <script type="module" src="./main.ts"></script> </body> </html> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 // main.ts import '@/css/common.css' import initCesium from '@/libs/base/initCesium' init() /** * 函数初始化 */ function init() { getViewer() } /** *……在实际开发中，我们可能需要在多个项目中使用不同版本的 nodejs。这种情况下，维护多个版本的 node 是一件非常麻烦的事情，目前已经有多个 nodejs 版本管理工具，常见的如 nvm、n 等。 上述工具已经经过了时间的考验，目前还是十分可靠方便的。但我发现 pnpm 也能够比较好的管理 nodejs 版本，且目前 pnpm 由于节约磁盘空间并提升安装速度等优势，已成为前端发展趋……默认情况下，WSL 使用基于 NAT 的体系结构。 WSL 2.0.5 版本后建议尝试新的镜像网络模式以获得最新的功能和改进。 如果您正在使用该版本可以参照官方文档配置，在 C:\Users<UserName>.wslconfig 文件中 (如果不存在就手动创建一个) 加入以下内容开启镜像网络模式: 1 2 [wsl2] networkingMode=mirrored 如此配置之后，无需查看后文内容。如果你本来就配置好了网络代理，但是在 WSL 升级后无法访问，可查看后文的提示。……虽然目前没有产出什么比较深奥的原创技术文章，但是我一直期待这个博客能在我成为技术大牛之后成为我对外输出的乐土，所以为未来的技术文章准备一个过期提醒是必要的。毕竟在这个技术更迭日新月异而互联网又流行无底线的复制粘贴的时代，及时告诉文章的读者，技术存在的过期风险，避免读者浪费宝贵的时间也是一件大功德。 手动为所有文章设置过期……最近看到一篇博文1，通过自定义短代码的方式在博文内插入固定样式的文本模板，我觉得还挺有用的，遂记录一下。同时 Hugo 在其官网上介绍了短代码的相关信息和自定义短代码的方法。 文本对齐 1 2 3 4 5 <!-- 文件位置：~/layouts/shortcodes/align.html --> <p style="text-align:{{ index .Params 0 }}"> {{ index .Params 1 | markdownify }} </p> 具体简码和样式如下： 1 {{< align left ……