如果你想在博客中上传图片并展示出来，那么这篇文章就需要认真仔细的阅读了!

一、图片上传步骤

1. 准备图片文件：图片格式通常为JPEG、PNG或GIF等，大小应适当中，以免影响博客加载速度。

2. 登录博客后台：进入你的博客后台管理系统，选择相应的文章又或者页面进行编辑。

3. 上传图片：在编辑页面之中，找到“上传图片”或者类似的选项。点击以后，系统会弹出一个文件选择框，让你从本地计算机中选择图片文件。选择好文件后，点击“上传”的按钮。

4. 图片设置：上传成功之后，你可以对图片进行一些基本的设置，比如调整大小、添加标题或描述等。这些设置有助于优化图片的显示效果和用户体验。

5. 插入图片：完成设置之后，你再把图片插入到文章和页面的合适位置。这通常可以通过点击“插入”的按钮来实现。

二、源代码实现方式

在博客编辑过程当中，你可能需要手动编写HTML代码来插入图片。以下是基本的HTML图片插入代码示例：

```html

```

其中：

`src` 属性指定图片的URL地址，也就是图片文件在服务器上的位置。如果你是在博客后台直接上传的图片，那么它的系统会自动为你生成这个URL。

`alt` 属性用于提供图片无法加载时的替代文本描述，有助于提升网站的可访问性。

`title` 属性用于设置鼠标悬停在图片上时显示的标题文本，增强用户体验。

例如，假设你上传了一张名为“example.jpg”的图片，并且系统自动生成的URL为“https://example.com/images/example.jpg”，那么你可以这样编写代码来插入这张图片：

```html

```

在实际操作之中，你可能还需要根据博客系统的具体要求和功能进行调整和优化。一些博客系统可能提供了更高级的图片编辑和管理功能，比如图片库、图片缩放、水印添加等，你可以根据需要进行学习和使用。

总结：博客上传图片并编写源代码是一个相对简单的过程，但需要注意一些细节和技巧。通过本文的介绍，相信大家已经对博客如何上传图片源代码非常了解了!