• <noscript id="e0iig"><kbd id="e0iig"></kbd></noscript>
  • <td id="e0iig"></td>
  • <option id="e0iig"></option>
  • <noscript id="e0iig"><source id="e0iig"></source></noscript>
  • 圖床搭建以及圖床工具的使用

    標簽: 博客搭建  Hexo  圖床  Typora  PicGo

    為什么要用圖床和圖床工具?

    比較下面三種md中的圖片url地址(均免費),你會使用哪一種?

    • 選1?由于是本地路徑,文檔分享后給其他人打開后很可能顯示圖片加載失敗。
    • 選2?雖然分享后可以顯示圖片,但能保證加載速度?
    • 選3?我肯定選這種,即兼容2的瀏覽器訪問,又能保證訪問速度。

    這樣就可以回答上面的問題了!保證瀏覽器訪問要用圖床,保證加載速度要用圖床工具,又不花錢想想就開心。

    除此之外本篇博客還會講解新版本Typora與PicGo搭配使用時可能出現的問題及解決方法。

    GitHub圖床搭建與使用

    搭建圖床

    說的那么高深其實就是在GitHub中新建一個倉庫,然后將圖片存放在新建的倉庫中。

    回到主頁就能看到新建的倉庫了

    在markdown中使用圖床

    不管你是git拖拽只要把圖片導入到倉庫就可以使用圖床中的圖片了(我不會git只能性感拖拽了…)

    拖拽圖片到倉庫

    如果上傳出現問題,請仔細閱讀下圖。

    查看圖片鏈接

    md中引用圖片

    新建markdown文件,輸入下面的信息:

    ![](https://cdn.jsdelivr.net/gh/xingjiahui/image/img/20200409111309.png)
    

    就能顯示圖片啦!

    至此,圖床就搭建完成了。(好像很容易…)

    使用jsDelivr加速

    ? 建好了圖床可以在瀏覽器中訪問了,這樣就夠了嗎?想想你平時訪問GitHub的速度,還可能把特別大的圖片放在倉庫中,加載速度屬實急人啊!沒事,jsDelivr幫你解決了這個問題。

    使用方法

    看不懂?沒事,會套模板就行。

    ![](https://cdn.jsdelivr.net/gh/xingjiahui/image/img/20200409112703.png)
    

    能看出來什么規律?

    倉庫中的文件無論什么格式都可以這樣加速(上面是我常用的一種方法,想具體了解可以看官方文檔)

    Typora搭配PicGo使用

    Typora是一款markdown編輯器,獨特之處見下面gif(我是愛不釋手)。

    PicGo可以使用除git拖拽以外的第三種方法向圖床傳送文件,支持上傳多種圖床(微博圖床、七牛圖床…),還支持自動復制鏈接等功能。

    最新版本Typora和PicGo牽手成功,解決了在typora中不能直接將本地圖片上傳到圖床的問題,無奈的是bug巨多(又不是不能用…),靜等修復。

    工具下載

    點擊下載,密碼:6kjr,感謝 LeonG777

    {% note waring %}

    建議安裝路徑中不要出現中文或空格

    {% endnote %}

    怎么寫markdown就不多介紹了,一搜一大堆…

    配置Typora

    配置PicGo

    生成token

    設置PicGo

    圖中模板(視情況自行更改)

    https://cdn.jsdelivr.net/gh/GitHub用戶名/圖床倉庫名
    

    使用Typora上傳圖片

    拖拽上傳

    粘貼上傳

    應該很好理解,截完屏直接粘貼就好了。

    如果出現錯誤,繼續往下看。

    Typora常見錯誤

    無法創建upload

    #3331已知bug,使用管理員權限打開Typora.exe,可能會解決該問題,等待修復吧(圖源issues)。

    img

    {“success”,false}

    文件名稱與倉庫中的文件重復,打開時間戳重命名即可解決。

    如果依然出現該問題,退出PicGo后再多試幾次(每次都要先退出PicGo再試,總會成功)。

    Failed to fetch

    修改后,記得先退出PicGo,再進入Typora上傳圖片。

    粘貼截圖不顯示

    類似下面這種:image-20200409202814020

    方法1

    需要每次都添加,嫌麻煩直接去看方法2

    手動在upload前面加’/’,添加后就能看到圖片能顯示出來了。

    方法2

    自測只需要操作一次即可解決,這也是一個bug,等待修復。

    設置圖片根目錄為Typora安裝路徑下的upload文件夾。

    image-20200409204325791

    修改后就能像下圖一樣正常顯示、上傳圖片了。

    image-20200409203922596

    感謝

    LeonG777這篇文章提到通過查看PicGo的日志文件來判斷無法上傳圖片的原因,但我經常再日志文件中看到下面這種,暫時無解,如果您知道原因或發現文章不足之處,歡迎評論、留言告知。


    歡迎到我的個人博客評論、留言:XJHui’s Blog

    版權聲明:本文為weixin_43350051原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
    本文鏈接:https://blog.csdn.net/weixin_43350051/article/details/105428507

    智能推薦

    【混沌工程】基于ChaosBlade實現網絡故障模擬

    一、前言 很久之前曾基于linux內核自帶的TC和netem模擬一些公網中遇到的極端情況(延遲、丟包、重復、損壞和亂序等),驗證了我們傳輸程序的健壯性! 具體細節可見這篇老博客: https://blog.csdn.net/u013128262/article/details/84784663 最近在復現kafka生產端一個timeout異常場景時,發現之前方案時因為內核和OS版本問題有些差異而無...

    使用FileZilla連接時超時,無法連接到服務器

    用FileZilla連接服務器時,顯示錯誤: 解決方法: 檢查基本的內容 主機是否寫錯 端口是否自定義,默認21 檢查用戶名和密碼是否錯誤 如果連接的是公司內網 使用ping命令,測試一下是否能收到數據 收不到則需要開啟VPN,再ping,看是否能接收數據(請老鐵們用自己最合適的方法解決) 如果開啟VPN后能接收數據,則可以連接一下服務器,如果不行(怎么可能不行),則跳轉3并依次嘗試 開啟VPN后...

    反匯編:結構體拷貝傳參

    一、結構體拷貝傳參 二、引用和常引用傳參 三、大結構體做形參/數組拷貝...

    猜你喜歡

    羊城杯web(eazyphp)

    題目環境 file_put_contents() file_put_contents() 函數把一個字符串寫入文件中 構造payload 在 url 中傳參 蟻劍連接拿到flag...

    37種傳感器(十七)之有水銀開關模塊+Stduino Nano&UNO

    37種傳感器(十七)之有水銀開關模塊+Stduino Nano&UNO 本文轉載自:http://www.stduino.com/forum.php?mod=viewthread&tid=41&extra=page%3D1= 關鍵詞: 51、stm32、arduino、stduino單片機、stduino UNO&Nano、水銀開關模塊 說明: 水銀,即金屬&ldq...

    CentOS7設置Nginx開機自啟

    目錄 在/etc/init.d文件下創建nginx文件 修改nginx文件路徑 設置文件執行權限 將nginx服務加入到chkconfig中 設置開啟啟動 啟動nginx服務 查看是否設置成功 在/etc/init.d文件下創建nginx文件 vim /etc/init.d/nginx 添加以下腳本內容 修改nginx文件路徑 nginx=”/usr/local/nginx/sbin/...

    363. Max Sum of Rectangle No Larger Than K

    363. Max Sum of Rectangle No Larger Than K 最大矩形和不超過k 題目: 給定一個矩陣matrix和一個整數k,求元素加和不超過k的最大子矩形。 解題思路: 動態規劃。 我們使用暴力搜索。 定義sum[i][j]為矩形(0,0)-(i,j)的和;然后我們遍歷這個矩形中的所有的子矩形,計算它與k的大小,并更新結果。 代碼:...

    交換機的基本原理與配置

    文章目錄 前言 一、數據鏈路層功能 二、以太網 1.以太網格式 三、交換機的工作原理 1.交換機以太網接口的工作模式: 四、交換機的命令行配置 1.配置前的準備 2.SecureCRT軟件的配置 3.管理設別的方式 4.Vlan概述 1.常用的端口類型 2.相同Vlan通信與不同Vlan通信 5.STP生成樹 1.環路引起的問題 2.STP生成樹協議 3.BPDU網橋協議 1.單臂路由實驗 2.h...

    精品国产乱码久久久久久蜜桃不卡