hexo 上传 github 后图片不显示问题

  • 在文件夹下找到_config.yml 文件 将post_asset_folder:修改为 true

  • 将上面的参数修改后 直接hexo new 文件名 会自动创建出一个跟文件同名的文件夹 ,将图片等资料都放到文件夹中

  • 下载依赖~npm install hexo-asset-image https://github.com/CodeFalling/hexo-asset-image

    注意下载 依赖一定要后面的网址 这接hexo-asset-image 会下载最新版 还会导致图片不显示

    注意()内部直接加文件名/图片名即可, 例如:![1574935033235](hexo采坑日记/1574935033235.png)

    加相对路径例如![1574935033235](./hexo采坑日记/1574935033235.png) 也会导致图片不显示

    注意:路径需要encodeURI 才行 像这样hexo%E9%87%87%E5%9D%91%E6%97%A5%E8%AE%B0/image-20200725174552781.png

  • 使用 typroa 修改图片路径 下面这种方法 typroa 会自动保存到命名文件夹下,并自动encode

    hexo采坑日记_上传

注意事项

编辑好 md 文档先在hexo server 运行一下在提交 github

Markdown 使用时() { } 都需要转义 否者会报错

每次提交 github 自动构建前,要重启一下 hexo server 然后看看没有报错 ,再进行提交

next主题注意事项

canvas_ribbon 和 tree 需要配合在CDN中添加 git默认不上传lib下的文件

关于报错

hexo采坑日记_github_02

没有任何提示 哪个文件,挨个改动回退试试,原来是因为_config.yml这里直接写中文是不行的,中文需要引号包裹

social:
  # 微博: http://weibo.com/your-user-name  这里不能使用中文  确使用方式如下  地址后是图标
  "微博": http://weibo.com/your-user-name || fab fa-weibo
  "知乎": http://www.zhihu.com/people/your-user-name || fab fa-zhihu