硬代码降价图像

时间:2018-06-12 12:41:25

标签: image base64 markdown

我只是制作一个通用降价页面,与项目中的每个人分享设计指南。我想知道如何将我使用的图像硬编码到.md文件中。每次我想给某人.md文件时,我不想共享一个充满图像的文件夹。

将markdown项目硬编码/构建到一个文件中的最佳方法是什么?

一个想法是将所有图像转换为base64,但当然这不是一个非常漂亮的解决方案。另一个想法是在某处托管图像,但随后他们需要访问互联网,图像可能是公开的,所以这也不是解决方案。

我目前的代码:

![placehoder text](images/the-image.jpg)

我在.md旁边有一个图像文件夹,在该文件夹中有“the-image.jpg”

2 个答案:

答案 0 :(得分:2)

您应该使用markdown编写文档,然后使用pandoc

等工具将其转换为PDF

但是你的base64解决方案可行。见this

![Hello World](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAUCAAAAAAVAxSkAAABrUlEQVQ4y+3TPUvDQBgH8OdDOGa+oUMgk2MpdHIIgpSUiqC0OKirgxYX8QVFRQRpBRF8KShqLbgIYkUEteCgFVuqUEVxEIkvJFhae3m8S2KbSkcFBw9yHP88+eXucgH8kQZ/jSm4VDaIy9RKCpKac9NKgU4uEJNwhHhK3qvPBVO8rxRWmFXPF+NSM1KVMbwriAMwhDgVcrxeMZm85GR0PhvGJAAmyozJsbsxgNEir4iEjIK0SYqGd8sOR3rJAGN2BCEkOxhxMhpd8Mk0CXtZacxi1hr20mI/rzgnxayoidevcGuHXTC/q6QuYSMt1jC+gBIiMg12v2vb5NlklChiWnhmFZpwvxDGzuUzV8kOg+N8UUvNBp64vy9q3UN7gDXhwWLY2nMC3zRDibfsY7wjEkY79CdMZhrxSqqzxf4ZRPXwzWJirMicDa5KwiPeARygHXKNMQHEy3rMopDR20XNZGbJzUtrwDC/KshlLDWyqdmhxZzCsdYmf2fWZPoxCEDyfIvdtNQH0PRkH6Q51g8rFO3Qzxh2LbItcDCOpmuOsV7ntNaERe3v/lP/zO8yn4N+yNPrekmPAAAAAElFTkSuQmCC)

答案 1 :(得分:0)

这是我的第一篇关于堆栈溢出的文章,请客气:)

我曾经为我做过一小段Python ...直接将整个输出文件复制并粘贴到markdown文档中...对我有用...

函数将嵌入式图像字符串创建为base64

def image_to_base64(图像文件,输出文件):

# need base 64
import base64
# open the image
image = open(image_file, 'rb') 
# read it
image_read = image.read() 
# encode it as base 64
image_64_encode = base64.encodestring(image_read) 
# convert the image base 64 to a string
image_string = str(image_64_encode)
# replace the newline characters
image_string = image_string.replace("\\n", "")
# replace the initial binary
image_string = image_string.replace("b'", "")
# replace the final question mark
image_string = image_string.replace("'", "")
# add the image tags
image_string = '<p><img src="data:image/png;base64,' + image_string + '"></p>'
# write it out
image_result = open(output_file, 'w')
image_result.write(image_string)