Hexo博客样式问题填坑向第1弹（本地图片无法显示/Cannot GET xxx/背景图/文章目录索引）

最新推荐文章于 2024-05-08 18:52:03 发布
最新推荐文章于 2024-05-08 18:52:03 发布
阅读量902 收藏 6
点赞数 3
分类专栏： blog 填坑 文章标签： hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Qyy2079628327/article/details/114859707
版权
本文主要针对Hexo博客中遇到的样式问题进行解答，包括本地图片无法显示、Menu菜单点击报错、背景图遮盖菜单、文章目录索引不一致等。通过检查路径、配置文件以及使用Markdown语法正确引用图片，可以解决这些问题。同时，对于Menu菜单问题，需在指定目录创建文件夹并添加文件。对于背景图问题，需调整CSS层级。文章目录问题则涉及主题配置文件的设置。
摘要由CSDN通过智能技术生成

Notice：本贴基于Hexo+Next主题的个人博客，根据设置的theme主题不同，部分样式文件可能存在一定差异，但原理基本一致🎈

目录

问题填坑

🔴Q1. 图片上传问题：本地预览与部署到网站时图片无法显示

  • Solve：

    1. 路径检查：问题的根源多半在于路径错误（比如路径中出现/io/或者/.com/），如果使用的上传图片插件为hexo-asset-image，使用记事本打开\blog(根目录)\node_modules\hexo-asset-imag
最低0.47元/天 解锁文章
慢热纠结怪
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
blogPicture:hexo博客相册图片
03-15
在Hexo博客框架中，创建一个相册图片功能可以极大地丰富博客内容，让读者更好地欣赏和理解你的文章。"blogPicture:hexo博客相册图片"这个项目很可能是一个专门用于在Hexo博客中展示相册的插件或者教程。虽然没有具体...
hexo-theme-random：具有随机全屏背景图像的hexo主题
02-20
不喜欢在帖子列表中显示文章摘要 不喜欢在帖子列表中使用分页 这个主题似乎很适合您。 截屏 安装 在博客根路径中执行以下命令： git clone https://github.com/stiekel/hexo-theme-random.git themes/random 修改...
使用Hexo搭建博客后出现Cannot GET/
斯普蕊赢的博客
05-12 3084
问题描述 利用Hexo搭建完成博客之后初次运行成功，在我删除了\source\_posts\hello-world.md之后再次运行hexo s后出现Cannot GET/错误。 解决思路 在路径\source\_posts\中至少需要存放一篇文档，否则会出现Cannot GET/错误。 ...
Hexo搭建博客时出现"can not get ***"的情况的解决办法
mr_poppy的博客
04-26 3199
1.端口被占用 解决办法: 查看端口是否被占用 $ netstat -ap | grep 4000 或者 lsof -i:4000 再关闭该进程 kill PID号 或者你可以使用改变服务端口号 hexo s -p 5000 2.node_modules出错或者缺失 解决办法: npm install 3._config.ym...
hexo 博客插入本地图片时遇到的坑
最新发布
s_alted的博客
05-08 393
哈喽大家好，我是咸鱼。最近一直在折腾博客的事，说是 hexo 极易上手，我觉得只仅限于在安装部署的时候，随着对 hexo 的深入使用，发现遇到的问题还是挺多的。那今天来讲一下我在把本地图片插入到 hexo 博客文章中遇到的坑。
hexo文章插入的图片加载失败(有效）
qq_43020209的博客
12-01 894
试过hexo-asset-image 失败 以下方法成功显示图片。 npm install hexo-filter-image --save 在source_posts下创建和文章名一样的文件夹，放图片 文章中markdown插入语法： 将根目录_config.yml中post_asset_folder更改为true ...
hexo中next主题下创建标签问题 Cannot GET /tags
stay hungry,stay foolish!
01-12 1093
hexo中next主题下创建标签问题 Cannot GET /tags/%20/
vue-cli 打包之后图片引用路径问题以及vue cli 使用npm run dev 报错Cannot GET /
ya_nan_zhang的博客
06-18 1512
1、vue-cli打包后 的dist文件中图片路径错误 按理说，这个img的路径应该是https://xxxxxxxxxxxxxx/dist/static/img/xxx.xxxxxx.png,但是很明显路径就成了https://xxxxxxxxxxxxxx/static/css/static/img/xxx.xxxxxx.png，图片路径多了两层。 其实很简单。打开/build/utils.js...
基于Hexo博客框架搭建的多个静态博客源码.zip
06-02
基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态...
PicGo:PicGo上传图片到这里，图片供hexo博客外链
04-17
当我们在Hexo博客中插入图片时，如果直接使用本地路径，图片不会随着博客文章一起发布到服务器。因此，通过PicGo将图片上传到图床，获取到图片的网络地址，然后在Markdown中使用这个URL，就可以实现图片的远程显示，...
we11cheng#WCStudy#coding上搭建Hexo博客1
07-25
注意coding的配置是 coding:{项目git地址},{branch}最后执行生成静态文件由于coding的Pages服务是默认执行jekyll项目, 静
hexo-image-link:当MD中引用本地文件时，处理生成的html中的图片链接
05-10
hexo-image-link When enabled hexo post_asset_folder: true, convert the markdown image path to asset_img syntax, to make the image display both in typora and hexo. ![image file label](./markdown-file-name/local-image.png) -> {% asset_img label local-image.png %} 在Hexo启用post_asset_folder: true选项后，将Markdown语法的图片路径转换为asset_img的方式，使图片能够在使用typora编辑和hexo预览发布时都能正常显示。 hexo-asset-image's problem 网上很多资料提示使用
解决Hexo无法显示图片的几种方案
weixin_42030522的博客
02-22 1万+
解决Hexo无法显示图片的几种方案 欢迎大家访问我的博客：https://bankyin.github.io/ 在搭建hexo博客的时候会遇见图片上传是否麻烦，使用markdown编写博客时我们习惯将图片保存到本地，使用‘![]{}’的格式+相对路径去插入图片，但是在使用hexo d的时候相对路径会被转换导致最后发布上去的博客图片无法查看。下面提供几种解决方案： 使用hexo图片格式 查看hexo官网，可以看到官网推荐将post_asset_folder属性置为true，在新建博客hexo n “xxx”的
Cannot GET /问题解决
热门推荐
qq_16488609的博客
03-29 5万+
遇到问题如图： 错误描述 Refused to load the image 'http://localhost:8080/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not...
hexo图片显示不出且图片路径错误/.com//
sluck_0430的博客
03-03 683
先说如何让hexo图片成功显示出来，再说为什么会出现以下 /.com// 情况
Hexo无法显示图片的问题
lessCoder的博客
11-29 1152
图片存放位置设置如下：用typora， 这样直接向其内拖图片即自动生成同名文件夹，并将图片放在文件夹中。如图所示。
解决hexo博文图片不显示的方法
McNeeley的博客
06-18 536
解决hexo博文图片不显示的方法
HEXO博客解决图片无法显示问题
weixin_60094035的博客
01-27 771
Hexo博客解决图片插入失败无法显示问题。
hexo博客出现“Cannot GET/xxxx”的错误
weixin_30663391的博客
01-19 2072
最近在github上搭了一个hexo博客系统，非常轻量级的，只需要几句nodejs命令就搭建完成了。我了解了一下，hexo博客是基于nodejs写的，采用ejs模板引擎编写页面。 因为默认的主题风格不是很适合我，所以我就去hexo博客那里找了一些主题模板来使用。在我使用模板的过程中，就遇到新的主题的分类与标签功能出现“Cannot GET/xxxx”问题。 于是我就...
hexo博客上传图片
10-25
在Hexo博客中上传图片可以通过以下步骤完成： 1. 在Git Bash中使用命令“hexo new [文章名]”创建一篇新文章。 2. 打开新文章的md文件，设置图片根目录为source。 3. 将需要上传的图片放入source文件夹下的imgs...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

慢热纠结怪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值