旧版本NotionNext图片失效最小改动解决思路

旧版本NotionNext图片失效最小改动解决思路

契机

好久没写博客了,最近在notion写博客的时候发现用notionNext同步到个人网站时,图片无法预览。猜测是notion加了防盗链措施,去notionNext官方github上寻找解决方案,需要升级到4.8.3就可以解决。但我本地的notionNext相对4.8.3太过陈旧,贸然和过来需要解决许多冲突,并且最不能接受的是gitbook主题风格大改。所以本文提供最小升级方案,并且有解决思路明细,希望对你有帮助。

问题

在这里插入图片描述

当前配置

我的本地版本为4.1.5,commit:a7442831

我是fork到自己的仓库,并且我有更改部分代码,包含环境+主题优化

在这里插入图片描述

直接思路

跑到https://github.com/tangly1024/NotionNext仓库去搜索相关issue,发现确实有相关问题

在这里插入图片描述

解决方案就是直接升级到4.8.3

由于我之前是fork的仓库,这里需要对齐官方仓库,git里面添加一下远程仓库就行

在这里插入图片描述

在这里插入图片描述

解决冲突主要是很多配置文件,很头疼,好不容易解决完,运行效果不佳

rm -rf ./.next
rm -rf ./out
yarn
yarn run dev

在这里插入图片描述

感觉gitbook主题改变太大,个人不太喜欢,单独还原gitbook主题文件夹,又牵扯其他目录js文件,改起来特别麻烦

最小改动思路

直接找到对应问题代码,发现就是改变了一个js文件

在这里插入图片描述

直接把这个文件拷贝出来,覆盖自己分支上的就行,没有多余文件改动,亲测可用

总结

  • 依然水文
  • 记录一下遇到问题的解决思路

写到最后

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/79198.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

深度学习笔记40_中文文本分类-Pytorch实现

🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者:K同学啊 | 接辅导、项目定制 一、我的环境 1.语言环境:Python 3.8 2.编译器:Pycharm 3.深度学习环境: torch1.12.1cu113torchvision…

010302-oss_反向代理_负载均衡-web扩展2-基础入门-网络安全

文章目录 1 OSS1.1 什么是 OSS 存储?1.2 OSS 核心功能1.3 OSS 的优势1.4 典型使用场景1.5 如何接入 OSS?1.6 注意事项1.7 cloudreve实战演示1.7.1 配置cloudreve连接阿里云oss1.7.2 常见错误1.7.3 安全测试影响 2 反向代理2.1 正向代理和反向代理2.2 演示…

【 Node.js】 Node.js安装

下载 下载 | Node.js 中文网https://nodejs.cn/download/ 安装 双击安装包 点击Next 勾选使用许可协议,点击Next 选择安装位置 点击Next 点击Next 点击Install 点击Finish 完成安装 添加环境变量 编辑【系统变量】下的变量【Path】添加Node.js的安装路径--如果…

Python基本语法(自定义函数)

自定义函数 Python语言没有子程序,只有自定义函数,目的是方便我们重复使用相同的一 段程序。将常用的代码块定义为一个函数,以后想实现相同的操作时,只要调用函数名就可以了,而不需要重复输入所有的语句。 函数的定义…

OpenGL-ES 学习(11) ---- EGL

目录 EGL 介绍EGL 类型和初始化EGL初始化方法获取 eglDisplay初始化 EGL选择 Config构造 Surface构造 Context开始绘制 EGL Demo EGL 介绍 OpenGL-ES 是一个操作GPU的图像API标准,它通过驱动向 GPU 发送相关图形指令,控制图形渲染管线状态机的运行状态&…

极简5G专网解决方案

极简5G专网解决方案 利用便携式即插即用私有 5G 网络提升您的智能创新。为您的企业提供无缝、安全且可扩展的 5G 解决方案。 提供极简5G专网解决方案 Mantiswave Network Private Limited 提供全面的 5G 专用网络解决方案,以满足您企业的独特需求。我们创新的“…

html:table表格

表格代码示例&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body><!-- 标准表格。 --><table border"5"cellspacing&qu…

tkinter 电子时钟 实现时间日期 可实现透明

以下是一个使用Tkinter模块创建一个简单的电子时钟并显示时间和日期的示例代码&#xff1a; import tkinter as tk import time# 创建主窗口 root tk.Tk() root.overrideredirect(True) # 隐藏标题栏 root.attributes(-alpha, 0.7) # 设置透明度# 显示时间的标签 time_labe…

【报错问题】 macOS 的安全策略(Gatekeeper)阻止了未签名的原生模块(bcrypt_lib.node)加载

这个错误是由于 macOS 的安全策略&#xff08;Gatekeeper&#xff09;阻止了未签名的原生模块&#xff08;bcrypt_lib.node&#xff09;加载 导致的。以下是具体解决方案&#xff1a; 1. 临时允许加载未签名模块&#xff08;推荐先尝试&#xff09; 在终端运行以下命令&#x…

AI实现制作logo的网站添加可选颜色模板

1.效果图 LogoPalette.jsx import React, {useState} from react import HeadingDescription from ./HeadingDescription import Lookup from /app/_data/Lookup import Colors from /app/_data/Colors function LogoPalette({onHandleInputChange}) { const [selectOptio…

云原生后端架构的挑战与应对策略

📝个人主页🌹:慌ZHANG-CSDN博客 🌹🌹期待您的关注 🌹🌹 随着云计算、容器化以及微服务等技术的快速发展,云原生架构已经成为现代软件开发和运维的主流趋势。企业通过构建云原生后端系统,能够实现灵活的资源管理、快速的应用迭代和高效的系统扩展。然而,尽管云原…

【C++】模板为什么要extern?

模板为什么要extern&#xff1f; 在 C 中&#xff0c;多个编译单元使用同一个模板时&#xff0c;是否可以不使用 extern 取决于模板的实例化方式&#xff08;隐式或显式&#xff09;&#xff0c;以及你对编译时间和二进制体积的容忍度。 1. 隐式实例化&#xff1a;可以不用 ex…

中小企业MES系统数据库设计

版本&#xff1a;V1.0 日期&#xff1a;2025年5月2日 一、数据库架构概览 1.1 数据库选型 数据类型数据库类型技术选型用途时序数据&#xff08;传感器读数&#xff09;时序数据库TimescaleDB存储设备实时监控数据结构化业务数据关系型数据库PostgreSQL工单、质量、设备等核心…

VUE篇之树形特殊篇

根节点是level:1, level3及其子节点有关联&#xff0c;但是和level2和他下面的子节点没有关联 思路&#xff1a;采用守护风琴效果&#xff0c;遍历出level1和level2级节点&#xff0c;后面level3的节点&#xff0c;采用树形结构进行关联 <template><div :class"…

洛圣电玩系列部署实录:一次自己从头跑通的搭建过程

写这篇文章不是为了“教大家怎么一步步安装”&#xff0c;而是想把我自己完整跑通洛圣电玩整个平台的经历复盘下来。因为哪怕你找到了所谓的全套源码资源&#xff0c;如果没人告诉你这些资源之间是怎么连起来的&#xff0c;你依旧是一脸懵逼。 我拿到的是什么版本&#xff1f; …

腾讯云web服务器配置步骤是什么?web服务器有什么用途?

腾讯云web服务器配置步骤是什么?web服务器有什么用途&#xff1f; Web服务器配置步骤&#xff08;以常见环境为例&#xff09; 1. 安装Web服务器软件 Linux系统&#xff08;如Ubuntu&#xff09; Apache: sudo apt update sudo apt install apache2 Nginx: sudo apt install…

第37课 绘制原理图——放置离页连接符

什么是离页连接符&#xff1f; 前边我们介绍了网络标签&#xff08;Net Lable&#xff09;&#xff0c;可以让两根导线“隔空相连”&#xff0c;使原理图更加清爽简洁。 但是网络标签的使用也具有一定的局限性&#xff0c;对于两张不同Sheet上的导线&#xff0c;网络标签就不…

Win下的Kafka安装配置

一、准备工作&#xff08;可以不做&#xff0c;毕竟最新版kafka也不需要zk&#xff09; 1、Windows下安装Zookeeper &#xff08;1&#xff09;官网下载Zookeeper 官网下载地址 &#xff08;2&#xff09;解压Zookeeper安装包到指定目录C:\DevelopApp\zookeeper\apache-zoo…

前端Vue3 + 后端Spring Boot,前端取消请求后端处理逻辑分析

在 Vue3 Spring Boot 的技术栈下&#xff0c;前端取消请求后&#xff0c;后端是否继续执行业务逻辑的答案仍然是 取决于请求处理的阶段 和 Spring Boot 的实现方式。以下是结合具体技术的详细分析&#xff1a; 1. 请求未到达 Spring Boot 场景&#xff1a;前端通过 AbortContr…

【蓝桥杯省赛真题58】Scratch画台扇 蓝桥杯scratch图形化编程 中小学生蓝桥杯省赛真题讲解

目录 scratch画台扇 一、题目要求 编程实现 二、案例分析 1、角色分析 2、背景分析 3、前期准备 三、解题思路 四、程序编写 五、考点分析 六、推荐资料 1、scratch资料 2、python资料 3、C++资料 scratch画台扇 第十五届青少年蓝桥杯scratch编程省赛真题解析 …