fukasawa减少动画、并支持调整；

图片画质参数支持调节；
博客支持外链文章

lib/notion/getNotionData.js

@@ -7,7 +7,7 @@ import { getAllCategories } from './getAllCategories'
 import getAllPageIds from './getAllPageIds'
 import { getAllTags } from './getAllTags'
 import getPageProperties from './getPageProperties'
-import { mapImgUrl, compressImage } from './mapImage'
+import { compressImage, mapImgUrl } from './mapImage'
 import { getConfigMapFromConfigPage } from './getNotionConfig'
 
 /**

lib/notion/mapImage.js

@@ -1,4 +1,5 @@
 import BLOG from '@/blog.config'
+import { siteConfig } from '../config'
 
 /**
  * 图片映射
@@ -58,7 +59,7 @@ const mapImgUrl = (img, block, type = 'block', from = 'post') => {
 
   // 统一压缩图片
   if (from === 'pageCoverThumbnail' || block.type === 'image' || block.type === 'page') {
-    const width = block?.format?.block_width || 200
+    const width = block?.format?.block_width
     ret = compressImage(ret, width)
   }
 
@@ -81,19 +82,29 @@ function isEmoji(str) {
  * 2. UnPlash 图片可以通过api q=50 控制压缩质量 width=400 控制图片尺寸
  * @param {*} image
  */
-const compressImage = (image, width = 800, quality = 50, fmt = 'webp') => {
-  if (!image) {
-    return null
+const compressImage = (image, width, quality = 50, fmt = 'webp') => {
+  if (!image || image.indexOf('http') !== 0) {
+    return image
   }
+
+  if (!width || width === 0) {
+    width = siteConfig('IMAGE_COMPRESS_WIDTH')
+  }
+
+  // 将URL解析为一个对象
+  const urlObj = new URL(image)
+  // 获取URL参数
+  const params = new URLSearchParams(urlObj.search)
+
+  // Notion图床
   if (image.indexOf(BLOG.NOTION_HOST) === 0 && image.indexOf('amazonaws.com') > 0) {
-    return `${image}&width=${width}&cache=v2`
-  }
-  // 压缩unsplash图片
-  if (image.indexOf('https://images.unsplash.com/') === 0) {
-    // 将URL解析为一个对象
-    const urlObj = new URL(image)
-    // 获取URL参数
-    const params = new URLSearchParams(urlObj.search)
+    params.set('width', width)
+    params.set('cache', 'v2')
+    // 生成新的URL
+    urlObj.search = params.toString()
+    return urlObj.toString()
+  } else if (image.indexOf('https://images.unsplash.com/') === 0) {
+    // 压缩unsplash图片
     // 将q参数的值替换
     params.set('q', quality)
     // 尺寸
@@ -104,11 +115,9 @@ const compressImage = (image, width = 800, quality = 50, fmt = 'webp') => {
     // 生成新的URL
     urlObj.search = params.toString()
     return urlObj.toString()
-  }
-
-  // 此处还可以添加您的自定义图传的封面图压缩参数。
+  } else if (image.indexOf('https://your_picture_bed') === 0) {
+    // 此处还可以添加您的自定义图传的封面图压缩参数。
   // .e.g
-  if (image.indexOf('https://your_picture_bed') === 0) {
     return 'do_somethin_here'
   }
 

lib/utils.js

@@ -30,6 +30,33 @@ export const memorize = (Component) => {
   }
   return memo(MemoizedComponent)
 }
+
+// 转换外链
+export function sliceUrlFromHttp(str) {
+  // 检查字符串是否包含http
+  if (str.includes('http')) {
+    // 如果包含，找到http的位置
+    const index = str.indexOf('http');
+    // 返回http之后的部分
+    return str.slice(index, str.length);
+  } else {
+    // 如果不包含，返回原字符串
+    return str;
+  }
+}
+
+// 检查是否外链
+export function checkContainHttp(str) {
+  // 检查字符串是否包含http
+  if (str.includes('http')) {
+    // 如果包含，找到http的位置
+    return str.indexOf('http') > -1
+  } else {
+    // 不包含
+    return false;
+  }
+}
+
 /**
  * 加载外部资源
  * @param url 地址 例如 https://xx.com/xx.js