Markdown 插入图片

Posted 2023-03-28

参考技术A

图片的语法和 链接 很像。
alt text 是替换文本；alt 属性规定在图像无法显示时的替代文本。虽然 alt text 可以不填，但推荐还是填上。
Title 是可选项。

(右键copy图片地址)

访问专题： 【集锦】Markdown 语法快速上手 ，10 分钟带你学会 Markdown。也可以访问 我的笔记 ，查看更多内容。

光懂语法还不能写出排版优秀的文章，我们还需要学习 Markdown 编写规范 ，让我们的文章看起来很专业。已经有好人写了文章：

少数派 的文章排版比较规范，大家可以多逛逛。

学会了排版，要写出一篇优秀的文章，我们还要在内容管理上下功夫，最基本的素养就是不要传递错误的信息，其次是关注所传递内容的价值大小。这时候，我们不仅要有相关专业知识（有理有据），还要想文章的框架结构，要考虑读者的感受等。平时看热门文章和畅销图书时，多留意它们的排版和文章结构，都可以学习借用。这里只是抛砖引玉，详细技巧可以知乎一下。

关于Markdown插入图片路径错误的问题

关于Markdown插入图片路径错误的问题

开发问题 解决方法 

妈耶,连续一天写2篇博客,也是醉了,这篇博客主要是介绍关于Markdown插入图片路径错误的问题

在上篇中,我介绍了一下Markdown的基本语法,并且提到了图片插入的方式.不过有一个问题,就是当在vscode插入图片能够完美预览,但是当在本地服务器和Github上运行,图片就无法显示.

就像这样,图片无法显示

这时候查看网页源代码发现是这样的

查看文件目录

如果这之后将网址输入为

http://localhost:4000/2018/09/07/Markdown%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95/02.jpg

发现能够完美显示,那表示图片没问题,是路径的问题.在官方的参考资料中,使用了

{% asset_img example.jpg This is an example image %}

来引用图片. 不过个人觉得这样不是很好,首先它不是标准的markdown语法,其次无法实时预览.百度了很久,终于在一篇大佬的博客上找到了解决方法.

First Step

在 [你的hexo安装地址]
ode_moduleshexo-asset-image 找到 index.js打开进行编辑

var beginPos = getPosition(link, ‘/‘, 3) + 1;   
改成
var beginPos = getPosition(link, ‘/‘, 1) + 1;

这时候执行

hexo clean
hexo g 
hexo s

就能能够完美的显示图片了

早点睡觉了,不修仙