记一次修改dotnet-cnblogs图片路径的正则匹配规则
前言
因为最近一时心血来潮,学了markdown
,我觉得但凡是个人,对于不用word
或html
就可以有不错的排版,而且使用起来简单便捷,都会投向markdown
的怀抱中的。又因为正好写通信作业的报告,所以乘手就当练习markdown
的用法了,所以本地写完了,感觉排版还可以。又一时心血来潮,打开了许久未打开的cnblogs
,果然用户名忘了。费一番功夫,进去之后看到简洁的网站界面,一条条的技术文档,我觉得但凡是个人,都会有成为他们中一员的冲动吧,本来我的初心也是如此,我决定重操初心,用一篇篇可观的markdown
来填充我的blog,用一篇篇可观的markdown
来记录我的daily life。
既然要上传,那么图片元素是必不可少的,一开始不知道有工具,就先把写好的markdown复制进网站的编辑器里,然后图片问题只能一张张手动上传了,果然懒惰才是第一生产力,上传几张就受不了了,果断bing
了一下,嘿,还是有好心人士的,我选择了donet-cnblogs
,毕竟命令行工具才是精致强悍,满怀期待的用了,然后就是这样:
![](https://img2022.cnblogs.com/blog/1358160/202207/1358160-20220707210822787-1925018612.png)
我的md文件里图片样例是这样的:
![](https://img2022.cnblogs.com/blog/1358160/202207/1358160-20220707210823356-105451346.png)
这就是这篇文章存在的前提了。
我该怎么办
网上也只有基本的使用方法,于我而言没有用,于是我直接去了大佬的GitHub
的项目去看看有没有收获(似乎正常情况下,GitHub
白天可以正常访问,但晚上就访问不了了)。项目说明也只是基本的使用方法,我在犹豫要不要看源码,因为我这个菜鸡甚至连git
都不会用。
现在问题是,我不明白问题出在哪里,也就意味着不知从何解决。我注视着红色的提示文字,"提取图片成功,共0个",我在想,你到底是怎么提取的呢?所以我决然的去找源码去了,我就想知道你是怎么提取图片地址的。也得亏是大佬,文件名和函数名都是能直观知道功能的,所以不负所望,在文件dotnet-cnblogs-tool/src/dotnet-cnblogs/TagHandlers/ImageHandler.cs
中发现了一段代码
public class ImageHandler : ITagHandler
{
private const string MatchRule = @"!\[.*?\]\((.*?)\)";
//正则匹配图片本地地址
public List<string> Process(string content)
{
var result = new List<string>();
var matchResult = Regex.Matches(content, MatchRule, RegexOptions.IgnoreCase | RegexOptions.RightToLeft);
foreach (Match match in matchResult) result.Add(match.Groups[1].Value);
return result;
}
}
可以看到那边有个正则匹配的规则,原来只支持markdown的图片链接形式![example.png](/example.png)
,而我的图片链接形式是<img src="/example.png">
这种html的格式,我是因为可以方便调节大小和位置,所以选择这种方式,但没想到会不匹配。
解决
C#的编译问题
既然知道的问题所在,那么直接开搞,然后就又卡住了,我不会C#
,就算这段代码相对简单,就改个匹配规则就可以了,可是改过之后怎么生成exe
可执行文件呢?又是网上一顿搜,我原本想在Visual Studio
里面搞的,可是一看安装要10+G的空间,还有很大一部分在C盘,我直接放弃了。终于还是VS Code
yyds啊,直接安装一个C#
插件搞定。然后我把项目下载下来,用VS Code
打开整个项目,就是到项目文件夹下,然后右键,选择从VS Code
打开。然后意料之外,情理之中,文件全飘红,发现全是命名空间的引用问题,其实相当于C
语言中的include
的路径问题,得配置一下插件中的dotnet
的路径,也很奇怪,我网上搜这个问题的时候并没有提到路径什么的,但是就是突然想到我还没配置插件,然后大概浏览了一下,配置内容,发现dotnet path
路径是空的,还有一个Sdk Path
也是空的,也得亏用这个命令行工具时要安装这个我到现在不知道具体的dotnet
是个什么东西的时候,我看到了几个关键词:dotnet
,.NET Sdk
,然后这个过程又是没有间隔多少时间,才让我一看到这几个路径就想到了,所以同志们啊,当天事当天做,乘题而入,方可解啊。这两个路径配好之后就可以了F5
编译了,然后VS Code
会自动生成.vscode
,bin
,obj
目录,生成的exe
就在,bin
目录下的\Debug\net5.0
目录里。
代码编写问题
以上只是解决了编译问题,然后接下来就是代码问题了。原本以为改下正则匹配规则就行了,然后在一个在线正则测试网站RegExr来测试正则表达式,最后确定为(?<=img src=)\".*?\"
,然后就是报错表达式无效
,真真是淦了,网站测的好好的,到你这就不行了。然后又是搜,才知道C#
中使用正则要匹配"
,得使用""
。然后改过后的表达式为(?<=img src=)"".*?""
。然后就是编译,运行,可把我牛逼坏了,然后就是光速打脸:
![](https://img2022.cnblogs.com/blog/1358160/202207/1358160-20220707210823817-1686559330.png)
这个结果为什么和我测试的不一样啊,为什么出现了width="80%"
的字样,不应该啊,还有为什么其中的单单的文件路径也显示未发现文件
呢,我百思不得其解。于是我又对比了原本的规则,发现原本图片链接的格式为![example.png](./example.png)
这样的格式,他没有""
号。也就是说,我需要修改正则匹配规则,要直接提取路径,然后在线试了好久,实在能力有限了,吃奶劲都使完了也没试出来,tnnd,真难啊。然后就打算分两步取路径,就是前面的正则表达式取过后,然后再用正则表达式(?<="")(.*?)(?="")
再取一次。所以需要修改一下for
循环的代码。然后又遇到新问题了,我对代码里面的Regex.Matches
函数知之甚少,都不知道返回的是什么,哎,又得搜。又在一个在线测试C#
的网站菜鸟工具测试我的正则匹配规则,然后修改后的代码为:
public class ImageHandler : ITagHandler
{
// private const string MatchRule = @"!\[.*?\]\((.*?)\)";
private const string MatchRule = @"(?<=img src=)"".*?""";
private const string MatchRule2 = @"(?<="")(.*?)(?="")";
public List<string> Process(string content)
{
var result = new List<string>();
var matchResult = Regex.Matches(content, MatchRule, RegexOptions.IgnoreCase|RegexOptions.RightToLeft);
foreach (Match match in matchResult) {
// Console.WriteLine("Found '{0}' at position {1}",match.Value,match.Index);
foreach(Match m in Regex.Matches(match.Value,MatchRule2)){
result.Add(m.Value);
Console.WriteLine(m.Value);
}
}
return result;
}
}
然后就是又一顿编译运行,吐了,还是不行。
![](https://img2022.cnblogs.com/blog/1358160/202207/1358160-20220707210824221-1087457662.png)
所以到底那个鬼width="80%"
为什么出现,为什么我在线测试都是好的,包括在线C#
测试也是好的,咋了,瞧不起人呗,md,我还就不信邪了。然后又是不断的试,想着怎么改正则匹配规则,我一直以为是正则的问题,所以换了几个匹配规则,但是都不起效果,就在我想要放弃的时候,我突然想到,我在线测试的代码中用的函数是这样的
Regex.Matches(input, pattern)
而我的代码是这样的
Regex.Matches(content,MatchRule,RegexOptions.IgnoreCase|RegexOptions.RightToLeft);
参数多了几个正则的参数,我第一反应就是最后这个参数有问题,然后删掉之后,果然就可以了,md,淦。
最后成功的代码:
public class ImageHandler : ITagHandler
{
// private const string MatchRule = @"!\[.*?\]\((.*?)\)";
private const string MatchRule = @"(?<=img src=)"".*?""";
private const string MatchRule2 = @"(?<="")(.*?)(?="")";
public List<string> Process(string content)
{
var result = new List<string>();
var matchResult = Regex.Matches(content, MatchRule, RegexOptions.IgnoreCase);
foreach (Match match in matchResult) {
// Console.WriteLine("Found '{0}' at position {1}",match.Value,match.Index);
foreach(Match m in Regex.Matches(match.Value,MatchRule2)){
result.Add(m.Value);
Console.WriteLine(m.Value);
}
}
return result;
}
}
运行结果:
![](https://img2022.cnblogs.com/blog/1358160/202207/1358160-20220707210824615-937856932.png)
红色为执行结果
小结
- markdown非常棒
- 当天事当天做,不要拖
- 努力去尝试
- 多写文档,多做总结
本文来自博客园,作者:pie_thn,转载请注明原文链接:https://www.cnblogs.com/pie-o/p/16456154.html