Microsoft MVP for Azurehttps://edi.wang/2026-04-20T11:11:04Z© 2009 - 2026 edi.wangMoonglade v15.13.2en-UShttps://edi.wang/post/2025/5/18/adding-azure-bicep-language-support-for-highlightjsI am using highlight.js to render code snippets on this blog system. However, the official pack of highlight.js does not have Bicep as one of the languages. To add support for the Bicep language in highlight.js, you need to implement a Bicep language definition module. Below are the detailed steps and code examples.Web DevelopmentMicrosoft Azure6DAF2659-5CF5-4339-923A-1A791C85F8072025-05-18T12:36:49Z2025-05-18T12:36:49Zhttps://edi.wang/post/2024/5/11/add-header-to-resources-in-azure-storage-accountBy default, resources served from an Azure Storage Account do not include the X-Content-Type-Options header in their responses. This omission can pose a security risk. In this blog post, let's check out how can we solve this problem within a few steps without any code modifications. …Web DevelopmentMicrosoft Azure951D3888-92B4-4162-92B4-791958F4FF002024-05-11T01:14:12Z2024-05-11T01:14:12Zhttps://edi.wang/post/2023/10/20/call-api-with-windows-authentication-from-blazor-web-assemblyI was rewriting an old Angular application to Blazor Web Assembly a couple of days ago. The App is an internal tool, which uses a backend API that has Windows Authentication. However, when calling API from HttpClient that UseDefaultCredentials, Blazor will throw PlatformNotSupportedException. The majority of internet search so far tell you it's not possible. Really? Let's see how to make it work! …Web Development.NET9C4D64CA-5B5B-432E-8AE5-4C06125658BE2023-10-20T07:17:07Z2023-10-20T07:17:07Zhttps://edi.wang/post/2023/8/16/npm-econnreset-azure-devopsA few months ago, my Angular project on Azure DevOps started to have build failure very often. Error message is "npm ERR! network read ECONNRESET", which indicates npm can't connect to internet. This problem does not happen every time, usually re-run failed jobs several times can produce a good build. But still, this is very annoying. So, I took some time to investigate and solve it. …DevOpsWeb Development0B86092D-313B-4AC6-A64E-635FE38196E42023-08-16T13:34:49Z2023-08-16T13:34:49Zhttps://edi.wang/post/2023/1/8/how-to-activate-kendo-ui-license-in-azure-static-web-apps-without-exposing-secret-valueI have an open-source project that uses Kendo UI for Angular. In order for users to have BYOL model, I could not include the license file in my public repository. There is no example of how to activate Kendo license during SWA build process. Let's see how to activate Kendo UI license during the build process of Azure Static Web Apps without including the license itself in repository. …Web DevelopmentMicrosoft Azure950D3C34-1EC0-427F-BE54-D8A7FECA7E5E2023-01-08T09:59:23Z2023-01-08T09:59:23Zhttps://edi.wang/post/2022/11/17/deploy-to-azure-static-web-app-from-local-machine-without-github-actionWhen creating Azure Static Web App in Azure portal. The deployment options did not provide clear instructions for how to deploy without creating a project and CI/CD pipeline on GitHub or Azure DevOps. Many times, we just want to deploy a simple one-time project from a local computer. Let's see how to do this.Web DevelopmentMicrosoft AzureCD0908CC-C27A-4CE2-9D2B-E033327EC9EE2022-11-17T08:29:50Z2022-11-17T08:29:50Zhttps://edi.wang/post/2022/11/16/make-npm-install-with-legacy-peer-deps-in-azure-static-web-apps-buildsAfter upgrading a JS library, GitHub Action for build and deploy Azure Static Web Apps blows up sky high. According to the error message. npm install command need to run with --legacy-peer-deps. However, there is no step of npm install in Azure Static Web Apps's yml file. How can we tell npm to use legacy peer deps? …Web DevelopmentMicrosoft Azure5567398A-5C22-4F96-9732-823ADF0B08672022-11-16T06:20:29Z2022-11-16T06:20:29Zhttps://edi.wang/post/2022/7/7/how-to-add-parameters-for-npm-install-in-azure-devopsRecently my Azure DevOps build pipeline failed because Azure is using npm 8.x, which will have issue for angular projects when running `npm install`.  This is a known issue which can be solved by using `--legacy-peer-deps` or `--force` for the `npm install` command. However, Azure DevOps's npm task does not take parameters by default. Let's see how we can use these parameters in Azure DevOps. …Web DevelopmentMicrosoft Azure5026A3D2-15A8-4CCA-A19D-A5CDF1A1AD832022-07-07T05:25:31Z2022-07-07T05:25:31Zhttps://edi.wang/post/2022/1/27/how-to-specify-nodejs-version-when-building-azure-static-web-appAzure Static Web App creates a GitHub Action that uses Oryx to build your web app. I have a React App that uses node.js to build. However, the default version of node Oryx is using is currently 14.x. I would like to use version 16.x for building my App. …Web DevelopmentMicrosoft AzureD250F557-18C1-4595-8F2B-B8172FC8AF282022-01-27T04:15:05Z2022-01-27T04:15:05Zhttps://edi.wang/post/2021/3/1/blazor-wasm-rmb-capitalize.NET 5 正式发布已经有一段时间了，其中 Blazor 技术是该版本的亮点之一。作为微软技术的被坑者，年少的我曾经以为 SilverLight 能血虐 Flash，Zune 能团灭 iPod，WP 能吊打 iPhone，UWP 能统一全平台…… 可是后…… 最终步入大龄程序员的我发现，只有陪伴了我将近 20 年的 ASP.NET 还没有完蛋。于是我这两天花了点时间，尝试将我的一个 UWP 小工具用 Blazor 重写，分享给大家。 无法抢救的 UWP “人民币大写转换器” 是我年少无知时开发的小工具之一，它的主要功能有： - 将数字金额转化为大写中文 - 复制结果 - 使用中文语音朗读结果 - 显示参照表 可惜 UWP 不论是充满 Bug 的 SDK，Runtime，还是微软的龟速更新与混乱的规划，都已经无可救药了，是时候给应用找个新家了。 Blazor Blazor 是 .NETWeb Development.NETBEA172A6-6C09-4D56-9D91-1FE8188B11DE2021-03-01T06:19:39Z2021-03-01T06:19:39Zhttps://edi.wang/post/2012/9/12/jquery-fix-line-wrap-in-syntaxhighlighter-v3长代码换行是SyntaxHighlighter3.0版本之前的功能，但3.0之后就木了，本人认为主要猿因是gutter（代码行号指示器）的换行难做。因为3.x版是将代码行号和代码部分分开生成HTML的，猿来的老版本是在一起的。这样做是便于直接复制代码，而不会复制到行号上去。 很多人都在想办法让它实现换行，但都卡在代码行号的问题上。我关注这个问题已经差不多一年了，今天终于有了个比较漂亮的解决办法。 首先，强制给代码部分换行的CSS还是要写的： body .syntaxhighlighter .line { white-space: pre-wrap !important; } 这段CSS换行的前提是，pre标签的外边一定要有一个固定宽度的容器对象。比如一个600px宽度的div就可以。 然后，我们需要一段JQuery，用来计算被换行的代码显示在页面上的高度，然后赋值给它的Web Development74F35952-B8F9-473C-91DD-B4691DCFC4D32012-09-12T06:12:30Z2012-09-12T06:12:30Zhttps://edi.wang/post/2012/5/23/jquery-auto-complete-using-ajax-webservice-in-aspnet最近在搞博客搜索框的自动完成功能，用的是JQuery UI里的autocomplete插件。插件的数据源是用AJAX调用一个WebService，网站后台有个标签库，WebService返回的是符合条件的标签。最终效果如下： 我们先来看WebService的代码，方法很简单： [WebMethod] public List GetAllTagsForAutoComplete(string tagName) { return optTag.GetModelList().Where(p => p.Name.ToLower().StartsWith(tagName.ToLower())).ToList(); }  这个方法的作用是根据输入的内容，检索所有以tagName开头的标签。我没有返回全部标签，是因为autocomplete插件的默认行为不符合我的需求。在默认情况下，如果我输入 …Web Development.NET664391CC-0E72-4E08-94A7-3A4068DBD7882012-05-23T01:41:32Z2012-05-23T01:41:32Z