HEXO如何正确插入图片

最新推荐文章于 2024-06-17 10:43:13 发布
最新推荐文章于 2024-06-17 10:43:13 发布
阅读量460 收藏 3
点赞数
分类专栏： 随笔 文章标签： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43891234/article/details/105199158
版权

HEXO如何正确插入图片

如何插入图片

  • blog下的_config.yml文件的 post_asset_folder设置为true

  • hexo n test后会自动创建一个同名的文件夹 test

  • test.md文件图片引用修改为{%asset_img 1.jpg asd%}，注意空格

  • 其中asset_img为固定写法,1.jpg为图片名,asd为图片描述

如何设置图片大小

  • 图片会显示原生大小，建议先设置好图片大小再引用

图片在md软件预览时不会显示，需要启动hexo后在浏览器才能显示

  • hexo s启动后就能显示图片

官方文档

hexo官方文档

是杏花微雨
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hexo文章插入图片方法小结
u014155600的博客
02-09 1271
hexo插入图片方法总结
blogPicture:hexo博客相册图片
03-15
在Hexo中，你可以用Markdown编写博客文章，包括插入图片，这对于创建相册至关重要。 3. **Hexo插件**：Hexo生态系统中有大量插件，可以扩展其功能。可能这个"blogPicture"就是这样一个插件，用于方便地管理和展示...
Hexo文章中插入图片的方法
Fitz的博客
01-19 1万+
前言 我之前都是先在CSDN上写好要发布的文章，然后再导出为Markdown文件。然后我就直接将文件复制到_post文件夹下，就行depoly,发布到我的博客网站上，我自己在电脑上浏览是正常的，图片也都能正确的显示出来，但是今天有个评论说不显示图片。我换了手机浏览博客，果然不显示。 解决方法 设置站点配置_config.yml:将post_asset_folder: false改为post_as...
Hexo博客写作之本地图片处理实战
最新发布
ChineHe的博客
06-17 750
Hexo博客写作时，是编写Markdown文档，而Markdown中的图片如何保存处理，是一个老生常谈的话题。 Hexo博客Markdown文档中的图片处理，主要是要解决以下几个问题： 1. 写作时实时预览问题。在编写Markdown文档时，需要在编辑工具中能够实时预览图片。 3. 上传时图片同步问题。一般来说我们博客的源码/静态文件会使用Git进行管理。 5. 发布后图片显示问题。Hexo博客发布后，需要在网站上正常显示图片
Hexo博客插入图片浏览器显示问题
双双博客
10-03 358
Hexo博客插入图片浏览器显示问题 解决办法 将Hexo目录下的配置文件_config.yml里的psot_asset_folder:设置为true。 在Hexo目录下执行: npm install hexo-asset-image --save 执行hexo n "博客名"生成博客，此时在_post目录会生成与博客同名的文件夹。 重点来了，将博客需要使用的图片移动到文件夹中，然后在博客中使用Markdown的格式引用，好多文章hexo引用本地图片的方法几乎都是：![(图片描述)(生
typora + hexo博客中插入图片
吟游诗人——吟唱生命的不朽
09-03 5674
可以看看我在hexo博客中的效果：typora + hexo博客中插入图片 在使用了hexo搭建了博客后，最大的问题便是如何使用一款markdown工具来编辑博客了，我采取的就是Typora，这工具免费简单易用没广告，而且把图片保存到本地还是很方便的，因此大家只要稍微了解点markdown语法就可以上手使用了。 关于图片和图片路径的设置，有以下教程。 事先声明，所有博客文件均保存在 hexo/_p...
解决hexo + Typora 图片上传问题
hbhgf的博客
04-02 2114
hexo + Typora 图片上传问题 本文解决hexo + Typora图片上传不显示的问题 本文部分参考如下两篇博客博客 解决方案 详细解释 解决步骤： 按如下步骤修改设定Typora中图片放置的位置 这样当自己新建一个文章后，如果添加图片，会自动生成一个与文章同名的文件夹，并将图片存入该文件夹中，此后该文章中所有添加的图片均存入该文件夹中。 修改博客根目录下的_config.yml文件中的post_asset_folder字段设置为true 当设置 post_asset_folde
hexo图片添加的好用方法
elexiangchirou的博客
11-29 1433
title: hexo图片问题。
hexo生成博文插入图片
热门推荐
zhangyu4863的博客
07-11 3万+
把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true（如果没有就不用管了） 在cmd中你的hexo目录下执行这样一句话npm install hexo-asset-image –save，这是下载安装一个可以上传本地图片的插件 安装完成后，再运行hexo n “title”来生成md博文时，/source/_posts文件夹内除了title.md文...
解决Hexo无法显示图片的几种方案
weixin_42030522的博客
02-22 1万+
解决Hexo无法显示图片的几种方案 欢迎大家访问我的博客：https://bankyin.github.io/ 在搭建hexo博客的时候会遇见图片上传是否麻烦，使用markdown编写博客时我们习惯将图片保存到本地，使用‘![]{}’的格式+相对路径去插入图片，但是在使用hexo d的时候相对路径会被转换导致最后发布上去的博客图片无法查看。下面提供几种解决方案： 使用hexo图片格式 查看hexo官网，可以看到官网推荐将post_asset_folder属性置为true，在新建博客hexo n “xxx”的
Hexo 与 Markdown 兼容的图片引用插入方法
技术小站
03-06 1725
原文地址：Hexo 与 Markdown 兼容的图片引用插入方法 | 李晨亮的博客 先来引用一段 Hexo 中文文档中的一段话。 通过常规的 markdown 语法和相对路径来引用图片和其它资源可能会导致它们在存档页或者主页上显示不正确。在Hexo 2时代，社区创建了很多插件来解决这个问题。但是，随着Hexo 3 的发布，许多新的标签插件被加入到了核心代码中。这使得你可以更简单地在文章中引用你的...
hexo-toc:posts在发布帖子之前插入降价目录
05-04
在呈现帖子之前插入markdown TOC（目录）。 与本机帮助程序不同，此插件仅在原始markdown文件中找到占位符（ <!-- toc --> ）时才会注入TOC。 并且TOC将在占位符之后注入。 您需要做的就是在需要的位置和...
hexo-jupyter-notebook：一种hexo工具，可让您在hexo博客中插入jupyter笔记本
02-04
使用Hexo中的* .ipynb之类的jupyter笔记本。 安装 $ npm install hexo-jupyter-notebook --save 用法 检查是否已安装pandoc（pandoc --version）； 如果需要，请安装： sudo apt-get install pandoc 或Mac brew ...
hexo-admin2.3.0补丁.zip
12-04
hexo-admin补丁修复了hexo-admin插入图片失败的bug，同时还添加了以下功能：1.对整个插件进行了汉化、2.添加了按文章分目录存储图片的功能，方便进行图片的管理和删除、3.修复了编辑界面预览链接错误bug、4.修复了...
图片：Hexo博客的Github图床
03-02
图片Hexo博客的Github图床
如何用继电器实现逻辑门（与或非门）- 编码隐匿在计算机软硬件背后的语言读后感
DAY DAY UP！
03-29 3570
如何用继电器实现逻辑门（与或非门）- 编码隐匿在计算机软硬件背后的语言读后感 首先了解一下继电器，说起继电器就不得聊一下电报机。（想直接了解如何实现逻辑门的直接往下翻，不过还是推荐看一下为什么会产生逻辑门，加深印象） 摩尔斯（发明摩尔斯密码的人）在1836年通知专利局，他发明了电报机。如下图所示 左边按下去就会导通电路，右边的线圈就会产生磁场（电磁感应现象），右边上面横着的磁体就会向下拉动，左边按键松开，电路不导通，右边的磁体复位并发出击打的声音（滴答，我们看的抗日神剧中电报机发出的声音）。 通
(可以运行)python串口调试工具pyserial读取传感器数据并写入Mysql数据库
DAY DAY UP！
04-06 3242
pyserial模块接受传感器数据控制台输出 首先安装pyserial模块，用pip install pyserial 我当时用的传感器有2根线，把他们接在串口调试工具上（一个类似USB的东西，一端连接传感器上面的线，一端连接电脑） 简单的控制台输出（推荐下面有异常处理的代码，此代码只是简介） # 导包的名字和模块名字不同，不用纠结，问题不大 import serial # 让控制台打印延时，...
如何配置yolov5并训练自己的模型
DAY DAY UP！
10-20 3037
提前准备 Pycharm python3.8 yolov5源码 官网链接 创建项目 下载yolov5源码，推荐使用最新版，如下图，直接下载master分支即可 解压下载的zip文件，使用pycharm打开项目，接着添加解释器 这里使用新环境，没有用anaconda，因为使用pycharm自带的python环境可以让虚拟环境跟随项目，在其他电脑运行时候就不用重新配置环境了。 使用pycharm的终端安装requirements.txt中需要的环境，直接在终端 pip instal
hexo使用oss插入图片教程
10-17
好的，下面是使用 Hexo 插入图片到阿里云 OSS 的教程： 1. 安装 hexo-deployer-aliyunoss 插件 在 Hexo 博客根目录下执行以下命令： ``` npm install hexo-deployer-aliyunoss --save ``` 2. 配置插件 在 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值