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

最新推荐文章于 2022-02-22 19:52:46 发布
最新推荐文章于 2022-02-22 19:52:46 发布
阅读量896 收藏 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 3036
问题描述 利用Hexo搭建完成博客之后初次运行成功，在我删除了\source\_posts\hello-world.md之后再次运行hexo s后出现Cannot GET/错误。 解决思路 在路径\source\_posts\中至少需要存放一篇文档，否则会出现Cannot GET/错误。 ...
Hexo搭建博客时出现"can not get ***"的情况的解决办法
mr_poppy的博客
04-26 3193
1.端口被占用 解决办法: 查看端口是否被占用 $ netstat -ap | grep 4000 或者 lsof -i:4000 再关闭该进程 kill PID号 或者你可以使用改变服务端口号 hexo s -p 5000 2.node_modules出错或者缺失 解决办法: npm install 3._config.ym...
hexo文章插入的图片加载失败(有效）
qq_43020209的博客
12-01 892
试过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 1089
hexo中next主题下创建标签问题 Cannot GET /tags/%20/
vue-cli 打包之后图片引用路径问题以及vue cli 使用npm run dev 报错Cannot GET /
ya_nan_zhang的博客
06-18 1505
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搭建开发过程中的问题集及解决办法
IOTbaqi的博客
12-14 547
目录1、使用Hexo启动后，浏览器返回一个 Cannot GET/ 1、使用Hexo启动后，浏览器返回一个 Cannot GET/ 问题原因： 在路径\source_posts\下面没有存放文章 解决方案： 在这个目录下创建一个md文件即可
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...
图片地址正确但是无法显示问题
xiaoma19941027的博客
02-24 878
首先确认地址是正确的。直接url访问能访问到。那么尝试以下方法： 标签区域加上
hexo博客出现“Cannot GET/xxxx”的错误
weixin_30663391的博客
01-19 2069
最近在github上搭了一个hexo博客系统，非常轻量级的，只需要几句nodejs命令就搭建完成了。我了解了一下，hexo博客是基于nodejs写的，采用ejs模板引擎编写页面。 因为默认的主题风格不是很适合我，所以我就去hexo博客那里找了一些主题模板来使用。在我使用模板的过程中，就遇到新的主题的分类与标签功能出现“Cannot GET/xxxx”问题。 于是我就...
Hexo 使用中遇到的问题总结
技术特工队
03-31 3万+
Hexo 使用中遇到的问题总结标签： hexo欢迎访问wxtlife.com 安装NoteJs，出现问题，安装到最后提示error 52** 过程：重新下载安装了几次都不行，不懂为什么，最后通过Hexo的文档提供下载地址进行下载，然后安装问题就没有出现了。可能原因： a. 下载的安装包有问题的原因 b. 我的C盘占用过多，盘符标红，然后卸载一些不常用软件解决，再安装再加上上
解决csdn博客中引用gitlub图片显示不了问题
架构师的成长之路的博客
09-25 422
获取IP地址 根据域名获取ip https://githubusercontent.com.ipaddress.com/avatars2.githubusercontent.com 得到上述网址以后打开IPAddress.com这个网站，在搜索框输入它的域名，就是https://到com那一部分，俗称二级域名： avatars2.githubusercontent.com 修改hosts 具体咋映射呢？修改hosts文件！！！本人使用的是windows系统，所以使用Sublime Text打开：C:\
hexo搭建博客后图片无法显示的完美解决
weixin_43702620的博客
07-11 6716
在博客搭建完成之后，要显示图片，把图片直接引用之后发现无法显示，查了好多文章试了都不起作用，其实他们的内容都是对的，但是少了一步，所以导致了图片加载不出来。 那么我们就来看一下如何操作： 1.要添加图片，先npm install 一个hexo-asset-image的依赖 npm install https://github.com/CodeFalling/hexo-asset-image --save 2.然后把_config.yml中的post_asset_folder设为true，这个配置的
hexo文章图片加载不出来 | hexo文章插入图片
我是菜鸡
05-28 6183
今天写文章插图发现加载不出来，瘦了一大堆方法都不好使。 一直显示下图转啊转的，并且提示： the requested content connot be loaded. please try again later. 网上教的那些方法思路没什么问题，但是那个包貌似有问题，已经用不了。我建议换成hexo-filter-image，并且这个应该是国人写的，我看使用说明都是中文。 安装 yarn add hexo-filter-image # or npm install hexo-filter-image
解决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博客上传图片
最新发布
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、付费专栏及课程。

余额充值