update_pic_cdn_to_220504

source/_posts/2022-10-11-mubuexport.md

@@ -18,7 +18,7 @@ Hello 各位好，我是小豪。
 
 对比了导出前后的文件，发现导出的部分 Markdown 文件存在**文本丢失**的问题，这个问题会出现在某一行文本带有**粗体**样式的时候，导出的 Markdown 只保留了粗体样式中的文本。          
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/11/16654635347301.jpg)
+![](https://img.penghh.fun/2022/10/11/16654635347301.jpg)
 
 不过我发现，**文本丢失的问题，目前只出现在创建时间比较早的文档上**，我猜测是在幕布推出 Markdown 功能之前创建的文档，导出时所在的行如果带有粗体样式，就会发生内容丢失，而如果是之后创建的文档，就不会出现这个问题。          
 
@@ -29,7 +29,7 @@ Hello 各位好，我是小豪。
 
 导出的 Markdown 文件会生成一个压缩包，里面带有原文件中附带的图片，因此使用 MWeb 打开的 Markdown 文件(下图右侧)，图片也能正常显示，但有个小小的不足——幕布中插入的 gif 动画会变成一张静态的 jpg 图片。             
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/11/16654657992107.jpg)
+![](https://img.penghh.fun/2022/10/11/16654657992107.jpg)
 
 总体而言，我对这个导出工具还是比较满意的，虽然多少存在一些问题，但能把我放在幕布中的大部分内容导出，我就很满意了。    
 
@@ -41,23 +41,23 @@ Hello 各位好，我是小豪。
 
 有意思的是，我还留意到了这个插件名称下方的域名 `xmind.app`，用过国内另外一款思维导图软件 XMind 的朋友，想必对这个域名并不陌生。   
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/11/16654667162953.jpg)
+![](https://img.penghh.fun/2022/10/11/16654667162953.jpg)
 
 浏览器插件「幕布导出器 - Mubu Dumper」安装地址：   
 https://chrome.google.com/webstore/detail/%E5%B9%95%E5%B8%83%E5%AF%BC%E5%87%BA%E5%99%A8-mubu-dumper/nhpebeoohnmbgeigmojaebjfliekikkb/related 
 
 
 安装插件后，在浏览器打开网页版的幕布，点击浏览器右上角的插件图标，在弹出的面板，可以选择导出 所有文件、单个文件夹或是单个文件。       
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/11/16654678724168.jpg)
+![](https://img.penghh.fun/2022/10/11/16654678724168.jpg)
 
 勾选☑️ 文件之后，点击下方的「导出」按钮，在弹出的二级菜单，可以选择导出的文件格式：  
 
 默认导出 xmind 格式的文件，不过下方也提供了更通用的 Markdown 格式。      
 
 这里之所以提供了 Markdown 格式，不确定是不是只提供 xmind 格式的话，会让人看起来是在「明目张胆」地撬幕布的墙角，所以出于体面一些的考虑，这里也提供了更通用的 Markdown 格式。     
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/11/16654683129332.jpg)
+![](https://img.penghh.fun/2022/10/11/16654683129332.jpg)
 
 不过，撬别人墙角，在国内很多产品都可以看到，不独有 XMind 一家：   
 
@@ -69,7 +69,7 @@ https://chrome.google.com/webstore/detail/%E5%B9%95%E5%B8%83%E5%AF%BC%E5%87%BA%E
 
 绝大多数用户都不会在意这些事情，因为这些下三滥的操作多了，原本不正确的事情也会变成是理所当然。   
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/11/16654689727150.jpg)
+![](https://img.penghh.fun/2022/10/11/16654689727150.jpg)
 
 
 看到这里，你说：       
@@ -85,12 +85,19 @@ https://chrome.google.com/webstore/detail/%E5%B9%95%E5%B8%83%E5%AF%BC%E5%87%BA%E
 
 少谈情怀，多干正事。        
 
+## 扫码加入我在知识星球上创建的社群「效率工具指南」  
+
+如果你觉得本文帮到了你，想支持我做得更好，欢迎戳下方图片，加入我的知识星球。     
+
+关于社群「效率工具指南」的介绍，可以查看我在语雀文档上发布的文档：[知识星球「效率工具指南」简介](https://www.yuque.com/penghonghao/af0aai/glwrg2dl0dqlegi6?singleDoc#)    
+
+![48844555552858T2](https://img.penghh.fun/2023/03/25/48844555552858t2.JPG)   
 
 
 ## 欢迎关注     
 
 以上，就是本次想和你分享的内容，希望能够对你有一点帮助。     
 
-![公众号：效率工具指南](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       
+![公众号：效率工具指南](https://img.penghh.fun/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       
 
 

source/_posts/2022-10-16-Gif.md

@@ -9,7 +9,7 @@ Hello 各位好，我是小豪。
 
 用过免费最强大的Gif制作软件或网站，当属[EZGif](https://ezgif.com/)，老外开发的网站，免费无套路：  
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16658806728435.jpg)
+![](https://img.penghh.fun/2022/10/16/16658806728435.jpg)
 
 EZGif 顶部的导航栏列出了这款工具的各项功能——  
 
@@ -42,7 +42,7 @@ EZGif 顶部的导航栏列出了这款工具的各项功能——
 
 这么多项功能，你说良心不？而且是完全免费，比国内许多宣称免费、但实际上很多套路的工具，良心多了，快去尝试一下吧！        
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16658806833865.jpg)
+![](https://img.penghh.fun/2022/10/16/16658806833865.jpg)
 
 另外，如果你想找一款**本地的Gif压缩/制作工具**，推荐下面这些：  
 
@@ -61,23 +61,31 @@ Gif Brewery，苹果电脑上一款付费的 Gif 录制工具，可以用来录
 
 点击第一个按钮「**Open Video**」，这个按钮的表面意思是**打开视频**，但其实也可以打开 Gif。     
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16463206527819.jpg)
+![](https://img.penghh.fun/2022/10/16/16463206527819.jpg)
 
 打开需要调整尺寸的 Gif 图后，点击左上角的按钮「Resize」。   
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16463209971327.jpg)
+![](https://img.penghh.fun/2022/10/16/16463209971327.jpg)
 
 中间会弹出一个小窗口，向左👈拖拽顶部的 Scale 滑钮，就可以在保持 Gif **长宽比**不变的情况下，缩小 Gif 图片的尺寸。     
 
 我一般是把 Gif 的宽度缩小到 1000-1200px 之间的任意数字，供参考，你可以按需自行调整。    
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16463210378434.jpg)
+![](https://img.penghh.fun/2022/10/16/16463210378434.jpg)
+
+## 扫码加入我在知识星球上创建的社群「效率工具指南」  
+
+如果你觉得本文帮到了你，想支持我做得更好，欢迎戳下方图片，加入我的知识星球。     
+
+关于社群「效率工具指南」的介绍，可以查看我在语雀文档上发布的文档：[知识星球「效率工具指南」简介](https://www.yuque.com/penghonghao/af0aai/glwrg2dl0dqlegi6?singleDoc#)    
+
+![48844555552858T2](https://img.penghh.fun/2023/03/25/48844555552858t2.JPG)   
 
 ## 欢迎关注     
 
 以上，就是本次想和你分享的内容，希望能够对你有一点帮助。     
 
-![公众号：效率工具指南](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       
+![公众号：效率工具指南](https://img.penghh.fun/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       
 
 
 

source/_posts/2022-10-17-macdynamicwallpaper.md

@@ -26,10 +26,10 @@ Plash，一款可以把任意网页设置为桌面壁纸的软件，软件开源
 
 就像是下图我添加的液态星球网站，在桌面上移动鼠标指针，桌面的液态星球也会跟着移动。    
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16659319082190.jpg)
+![](https://img.penghh.fun/2022/10/16/16659319082190.jpg)
 
 具体效果可以查看我录制的一个视频，扫码即可查看：   
-![QRcode_A — a1 -1-](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/qrcodea--a1-1.jpg)
+![QRcode_A — a1 -1-](https://img.penghh.fun/2022/10/16/qrcodea--a1-1.jpg)
 
 
 Plash 这款软件，与我之前介绍过的一款 Windows 上的免费动态壁纸软件 Lively Wallpaper 很像。  
@@ -45,10 +45,10 @@ https://sindresorhus.com/plash
 
 顺便一提，开发 Plash 这款应用的作者，是一个**全职的开源应用程序开发者**，我数了一下，他的官网列出了 29 个 App，我没有一一去确认是否所有应用都是免费的，但看每一款 App 的图标，就觉得这是一个非常用心的开发者。   
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16659336913775.jpg)
+![](https://img.penghh.fun/2022/10/16/16659336913775.jpg)
 
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16659335386442.jpg)
+![](https://img.penghh.fun/2022/10/16/16659335386442.jpg)
 
 
 ## Dynamic Wallpaper
@@ -59,22 +59,30 @@ Dynamic Wallpaper，一款付费的动态壁纸软件，价格为 18 元，可
 
 在筛选视频时，可选择视频分辨率(内置的视频最高分辨率应该是 4K)、是否带有声音。  
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16659338924434.jpg)
+![](https://img.penghh.fun/2022/10/16/16659338924434.jpg)
 
 如果在内置的壁纸库中没有找到自己喜欢的壁纸，还可以点击顶部状态栏的图标，选择「**导入本地视频**」，将本地视频设置为桌面壁纸。     
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16659344499462.jpg)
+![](https://img.penghh.fun/2022/10/16/16659344499462.jpg)
 
 
 这款软件不仅可用于设置动态壁纸，还可以将视频应用到屏保。   
 
 不过这个功能我暂时还没有体验，目前用的还是之前安装的动态屏保，感兴趣的朋友可以自行尝试。    
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/16/16659341787420.jpg)
+![](https://img.penghh.fun/2022/10/16/16659341787420.jpg)
+
+## 扫码加入我在知识星球上创建的社群「效率工具指南」  
+
+如果你觉得本文帮到了你，想支持我做得更好，欢迎戳下方图片，加入我的知识星球。     
+
+关于社群「效率工具指南」的介绍，可以查看我在语雀文档上发布的文档：[知识星球「效率工具指南」简介](https://www.yuque.com/penghonghao/af0aai/glwrg2dl0dqlegi6?singleDoc#)    
+
+![48844555552858T2](https://img.penghh.fun/2023/03/25/48844555552858t2.JPG)   
 
 
 ## 欢迎关注     
 
 以上，就是本次想和你分享的内容，希望能够对你有一点帮助。     
 
-![公众号：效率工具指南](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       
+![公众号：效率工具指南](https://img.penghh.fun/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       

source/_posts/2022-10-19-vue_emelentplus.md

@@ -29,13 +29,13 @@ npm install element-plus
 
 在下方通过 `app.use` 安装插件。   
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/19/16658023949845.jpg)
+![](https://img.penghh.fun/2022/10/19/16658023949845.jpg)
 
 接着就能直接在 `App.vue` 中使用 element-plus 中封装好的各种组件，例如下图的 el-button 按钮组件。    
 
 由于这是**全局引用 element-plus**，相应地里面包含的**组件也是全局注册**的，因此我们不需要在 `App.vue` 的 script 中引用和注册组件。   
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/19/16658032948529.jpg)
+![](https://img.penghh.fun/2022/10/19/16658032948529.jpg)
 
 
 ### 按需引用   
@@ -44,7 +44,7 @@ npm install element-plus
 
 这里引入 `base.css` 文件是必须的，否则 button 组件的 CSS 文件 `el-button.css` 不会生效。     
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/19/16658089071674.jpg)
+![](https://img.penghh.fun/2022/10/19/16658089071674.jpg)
 
 但是这样我们在开发时每次使用都要手动引入对应的 CSS 样式，使用起来会比较麻烦，我们还可以使用另外一种方法：**按需自动引入**。   
 
@@ -80,16 +80,24 @@ module.exports = {
 
 完成上面的配置后，再回到 `App.vue` 文件，**不需要引入和注册组件**，我们就能直接在 vue 文件的 template 模板使用 el-button 组件。    
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/19/16658190884582.jpg)
+![](https://img.penghh.fun/2022/10/19/16658190884582.jpg)
 
 
 老师在视频课程中安装的插件(Babel 相关的插件)和这里安装的插件不一致，babel 插件配置起来更麻烦，还要在入口文件 `main.ts` 中引入和**注册全局组件**，才能实现在任意的 vue 文件中使用 el-button 组件。   
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/19/16658192180100.jpg)
+![](https://img.penghh.fun/2022/10/19/16658192180100.jpg)
 
 
+## 扫码加入我在知识星球上创建的社群「效率工具指南」  
+
+如果你觉得本文帮到了你，想支持我做得更好，欢迎戳下方图片，加入我的知识星球。     
+
+关于社群「效率工具指南」的介绍，可以查看我在语雀文档上发布的文档：[知识星球「效率工具指南」简介](https://www.yuque.com/penghonghao/af0aai/glwrg2dl0dqlegi6?singleDoc#)    
+
+![48844555552858T2](https://img.penghh.fun/2023/03/25/48844555552858t2.JPG)   
+
 ## 欢迎关注     
 
 以上，就是本次想和你分享的内容，希望能够对你有一点帮助。     
 
-![公众号：效率工具指南](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       
+![公众号：效率工具指南](https://img.penghh.fun/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       

source/_posts/2022-10-20-article_pin.md

@@ -10,7 +10,7 @@ Hello 各位好，我是小豪。
 
 目前这个模块最多只支持置顶 2 篇文章，数量多了也不好，会让设计出来的精选失去了意义——要先把别的文章设为精选，就必须先取消掉原有的精选（在「订阅号助手」App 中操作）。           
 
-![IMG_3665](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/20/img3665.JPEG)
+![IMG_3665](https://img.penghh.fun/2022/10/20/img3665.JPEG)
 
 因为公众号的这个精选功能，我就联想到：为啥我不给自己的个人博客也整一个呢？     
 
@@ -19,38 +19,46 @@ Hello 各位好，我是小豪。
 * 我终于拥有自己的独立博客了   
 * 油猴脚本获取公众号文章封面       
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/20/16661981781654.jpg)
+![](https://img.penghh.fun/2022/10/20/16661981781654.jpg)
 
 给 Hexo 博客添加「文章置顶」功能也非常简单，当然需要说明的是，不同的 Hexo 主题添加或配置这个功能的方法，存在着细微的差异。  
 
 以我在用的 Hexo Fluid 主题为例，官方提供的「配置指南」也提供了详细的说明：  
 
 安装版本号 >= 2.0.0 的 `hexo-generator-index` 插件，并在文章开头的 `Front-matter` 中额外增加一个 sticky 属性，就能将文章置顶啦。  
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/20/16661986069840.jpg)
+![](https://img.penghh.fun/2022/10/20/16661986069840.jpg)
 
 Hexo Fluid 主题配置指南：       
 https://hexo.fluid-dev.com/docs/guide/#%E6%96%87%E7%AB%A0%E6%8E%92%E5%BA%8F
 
 
 我跟着配置指南的提示，分别给两篇文章添加了 sticky 属性，两个值分别为 100 和 99，数字大的文章会排在数字小的文章上方，效果就如前面你所看到的那样。           
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/20/16661984858109.jpg)
+![](https://img.penghh.fun/2022/10/20/16661984858109.jpg)
 
 
-![](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2022/10/20/16661988818465.jpg)
+![](https://img.penghh.fun/2022/10/20/16661988818465.jpg)
 
 
 如果你使用的是别的 Hexo 主题，可能要安装另外的插件 `hexo-generator-index-pin-top`，并配置 top 属性来实现文章的置顶，具体可参考网上的一篇文章：   
 
 https://blog.51cto.com/u_15477117/4919708  
 
 
+## 扫码加入我在知识星球上创建的社群「效率工具指南」  
+
+如果你觉得本文帮到了你，想支持我做得更好，欢迎戳下方图片，加入我的知识星球。     
+
+关于社群「效率工具指南」的介绍，可以查看我在语雀文档上发布的文档：[知识星球「效率工具指南」简介](https://www.yuque.com/penghonghao/af0aai/glwrg2dl0dqlegi6?singleDoc#)    
+
+![48844555552858T2](https://img.penghh.fun/2023/03/25/48844555552858t2.JPG)   
+
 ## 欢迎关注     
 
 以上，就是本次想和你分享的内容，希望能够对你有一点帮助。     
 
-![公众号：效率工具指南](https://article-picbed-1302715071.cos.ap-guangzhou.myqcloud.com/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)       
+![公众号：效率工具指南](https://img.penghh.fun/2021/05/28/gong-zhong-hao-wei-bu-er-wei-ma-dailogo.png)