博客园如何高效编写文章

博客园如何高效编写文章

1.前言:

参考文章: https://www.cnblogs.com/stulzq/p/9043632.html
https://www.cnblogs.com/shengliC/p/14410298.html

参考的视频教程:https://www.bilibili.com/video/BV1Rv4y1Y7KH?p=5&vd_source=03ae8b1dad9137d3642d7fff71cea6f6

在博客园撰写文章时,插入图片一直是一个令人头疼的问题。通常情况下,我们在本地编写好 Markdown 文档后,将其复制到博客园时,由于文档中的图片使用的是本地路径,导致在博客园中无法正常显示这些图片。为了高效编写文章并解决这一图片插入问题,通过浏览了其他文章的内容教程得出下面的解决方案。

2.工具准备(3个)

1.博客园文章快捷发布工具:用于将图片内容上传到博客园并生成新的 Markdown 文档。

https://github.com/stulzq/dotnet-cnblogs-tool

img

2.语雀:用于高效编写 Markdown 文档,访问地址:

https://www.yuque.com/dashboard

img

3.typoraio:一款优秀的 Markdown 编辑器

https://typoraio.cn/

img

3.教程步骤

3.1.准备.NET5环境

//到微软官方页面下载.NET5的SDK
https://dotnet.microsoft.com/zh-cn/download/dotnet/thank-you/sdk-5.0.408-windows-x64-installer

img

安装.NET5 SDK

img

3.2.在命令提示符中运行以下命令来安装博客园文章快捷发布工具:dotnet-cnblogs-tool

//安装dotnet-cnblogs-tool
dotnet tool install --global dotnet-cnblog

img

3.3安装完成后,使用 dotnet-cnblog 命令进行登录。首次运行需要配置博客 ID、账号、Token 等信息。

//登录MetaWeblog
dotnet-cnblog

img

img

img

img

3.4.添加工具到右键发送菜单

//打开发送菜单文件夹:
%AppData%\Microsoft\Windows\SendTo

img

3.5.在该文件夹下新建一个 .bat 文件,文件内容如下:

img

dotnet-cnblog.exe proc -f %1
pause

3.6.将语雀中编写好的文章内容复制粘贴到 Typora中(如果平时不是使用语雀来编辑文档,而是使用Typora编辑文档的话可以省略这一步骤)

img

3.7.将语雀编写好的文章内容复制到Typora中

img

此时图片路径是语雀服务器里的路径,我们需要设置一下,将图片路径自动保存到本地

3.8.打开Typora的偏好设置,设置如下:

img

3.9.此时我们再次对文件内容进行保存,Typora就会自动将网络路径里的图片保存到本地路径里面

img

img

img

3.10.将图片上传到博客园

img

img

3.11.将图片发布到博客园之后,我们会获取一个新的 Markdown 文档,其中图片路径已更改为博客园上的路径。

img

3.12.打开生成的 Markdown 文档,将其内容复制粘贴到博客园编辑器中,点击预览可以查看效果。

img

img

img

3.13.最后发布文章!

posted @ 2024-04-15 03:32  好大的鱼  阅读(36)  评论(0)    收藏  举报