大家好，我是沙漠盡頭的狼。今天，我要向大家居間一個非常實用的工具，碼坊。
碼坊是站長新開發的一個開源項目，提供網頁在線工具，同時提供跨平台桌面和手機 app 版本。我們的目標是為你帶來更高效、更便捷的在線工具使用體驗。今天，我非常榮幸地推出“文章標題 url 別名生成器”，這個工具可以幫助你輕鬆創建文章標題的 url 別名，提升 seo 效果和用戶體驗。
這是什麼工具？
你是否曾經遇到過這樣的問題：你寫了一篇很好的文章，但卻因為標題過長或者包含特殊字符而導致 url 看起來不美觀，甚至影響 seo 效果？現在，有了“文章標題 url 別名生成器”，這些問題都將得到解決。
這個工具提供了三大功能：
- 中英互譯：將中文標題翻譯成英文，或將英文標題翻譯成中文。
- 英文轉 url 別名：將英文標題轉換為簡潔的 url 別名，方便在網站上使用。
- 中文轉 url 別名：將中文標題轉換為簡潔的 url 別名，方便在網站上使用。
特别适合文章取好中文标题后，需要在网站发布取文章访问链接生成使用。比如将本文标题《码坊“文章标题URL别名生成器”上线》在工具中转换为code-world-workshop-article-title-url-alias-generator-launched，转换效果如下：
使用该工具在Dotnet9网站发布后，在网站上的访问地址是https://dotnet9.com/2024/01/code-world-workshop-article-title-url-alias-generator-launched。
中英互譯、別名轉換實現
这个工具的实现原理很简单。我们使用了GTranslate包的YandexTranslator类来进行中英互译，因为它使用了神经网络机器翻译技术，可以提供更高质量的翻译结果。对于 URL 别名的转换，我们使用了Slugify.Core包，用法简单，转换效果也很好。
來看看實現代碼吧，我們先定義轉換接口：
namespace CodeWF.Core;
/// <summary>
/// 文章标题翻译
/// </summary>
public interface ITranslationService
{
/// <summary>
/// 中英文翻译
/// </summary>
/// <param name="chineseText"></param>
/// <returns></returns>
public Task<string> ChineseToEnglishAsync(string? chineseText);
/// <summary>
/// 英中文翻译
/// </summary>
/// <param name="englishText"></param>
/// <returns></returns>
public Task<string> EnglishToChineseAsync(string? englishText);
/// <summary>
/// 英文与URL别名转换
/// </summary>
/// <param name="englishText"></param>
/// <returns></returns>
public string EnglishToUrlSlug(string? englishText);
}
實現轉換接口：
namespace CodeWF.Core;
/// <summary>
/// 中英互译使用Yandex Translation，Yandex使用了神经网络机器翻译技术（NMT），
/// 以提供更高质量的翻译结果。Yandex Translation 支持多种语言对，包括一些
/// 较少见的语言，并且特别擅长处理欧洲语言之间的翻译。
/// </summary>
public class TranslationService : ITranslationService
{
private readonly YandexTranslator _translator = new();
private readonly SlugHelper _slugHelper = new();
/// <summary>
/// 中英文翻译
/// </summary>
/// <param name="chineseText"></param>
/// <returns></returns>
public async Task<string> ChineseToEnglishAsync(string? chineseText)
{
return string.IsNullOrWhiteSpace(chineseText)
? string.Empty
: (await _translator.TranslateAsync(chineseText, "en")).Translation;
}
/// <summary>
/// 英中文翻译
/// </summary>
/// <param name="englishText"></param>
/// <returns></returns>
public async Task<string> EnglishToChineseAsync(string? englishText)
{
return string.IsNullOrWhiteSpace(englishText)
? string.Empty
: (await _translator.TranslateAsync(englishText, "zh-CN")).Translation;
}
/// <summary>
/// 英文与URL别名转换
/// </summary>
/// <param name="englishText"></param>
/// <returns></returns>
public string EnglishToUrlSlug(string? englishText)
{
return string.IsNullOrWhiteSpace(englishText) ? string.Empty : _slugHelper.GenerateSlug(englishText);
}
}
來個單元測試驗證：
namespace CodeWF.Core.Test;
[TestClass]
public class TranslationServiceUnitTest
{
private readonly ITranslationService _translationService = new TranslationService();
[TestMethod]
public async Task Test_ChineseToEnglishAsync_SUCCESS()
{
const string chineseText = "码坊";
var englishText = await _translationService.ChineseToEnglishAsync(chineseText);
Assert.AreEqual(englishText, "Code World Workshop");
}
[TestMethod]
public async Task Test_EnglishToChineseAsync_SUCCESS()
{
const string englishText = "Code World Workshop";
var chineseText = await _translationService.EnglishToChineseAsync(englishText);
Assert.AreEqual(chineseText, "代码世界工作坊");
}
[TestMethod]
public void Test_EnglishToSlug_SUCCESS()
{
const string englishText = "Code World Workshop";
var urlSlug = _translationService.EnglishToUrlSlug(englishText);
Assert.AreEqual(urlSlug, "code-world-workshop");
}
[TestMethod]
public async Task Test_ChineseToSlugAsync_SUCCESS()
{
const string chineseText = "码坊";
var englishText = await _translationService.ChineseToEnglishAsync(chineseText);
var urlSlug = _translationService.EnglishToUrlSlug(englishText);
Assert.AreEqual(urlSlug, "code-world-workshop");
}
}
最後的話
文中截图是跨平台桌面版本，采用Avalonia UI和控件库Neumorphism.Avalonia开发，待功能开发到一定程度，站长会介绍工具框架的搭建，下面是工具效果图：
如果你对这个工具感兴趣，可以访问码坊官网https://codewf.com，查看更多实用工具。码坊的源码也在GitHub开源，欢迎大家关注和贡献。
感謝大家的支持，是你們的支持和鼓勵讓我不斷前進。如果你有任何問題或建議，歡迎隨時聯繫我們。讓我們一起打造更美好的碼坊!