Use github image bed on PicGo to solve the problem of not displaying csdn images uploaded to Typora (nanny-level tutorial)

Use github image bed on PicGo to solve the problem of not displaying csdn images uploaded to Typora (nanny-level tutorial)

1. When Typora uploads csdn images, they are not displayed (external link image transfer fails)

• Reason: The image form pasted on typora by taking a computer screenshot can only be seen on your own computer and cannot be displayed on csdn. Because this image format uses the absolute path of the image , which can be found on your computer and uploaded to csdn , your path cannot be found incsdn the server.
• Solution: Use the image bed on PicGo ( image bed can also be used) to insert the Go to the conversion path of 's picture, that is, upload the picture to and return this picture to your link, so that the image can be accessed through the link at . githubgiteetyporagithubgithubcsdn

---

2、PicGo

2.1. PicGo download

Download link

Note: It is best to choose the official version to download, beta version maybugMore.

• Choose the appropriate computer version to download

---

2.2. Use of PicGo

2.2.1. Complete basic configuration of PicGo

• Once the download is complete, double-clickPicGo

  • WindowsOpen the details window inthe bottom status bar.

    

    

  • macOpen the details window inthe top status bar.

    

    

• The next step is to configure, here are and The configurations are the same, here we take as an example. PicGowindowsmacmac

  • Search in the plug-in settingsgithub-plus (githubIf the image bed is not easy to use, you can use this image bedgithub-plus , configured the same as the github picture bed), find and install it. There will be a pop-up window indicating that it is not installedNode.js. Here we can just download and install it as required and will not demonstrate it.

    

  • Then configuregithub the image bed.

2.2.2. Configure github image bed

• Find the image bed settings and clickgithubImage bed.

  

• Then configuregithub the image bed:

  • Create a new warehouse on yourgithub website (if you don’t have an accountgithub, register one yourself) , used to store pictures. PicGo

    

    

  • Here we have determined the warehouse name and branch name, and the next step is to set it upToken.

    • Click on the avatar in the upper right corner and findSettings.

      

    • After clickSettings, scroll down to findDeveloper settings.

      

    • pointsDeveloper settingsafterwards, 找到Personal access tokens.

      

    • After clickPersonal access tokens, find Tokens（classic） and click it. You can see Generate new token in the upper right corner.

      

    • After clickGenerate new token, findGenerate new token（classic） and click.

      

    • Then there are some settings for thisToken Key attribute.

      

      

      

    • GetToken Key and keep it yourself.

      

    • At this point, we have obtained the warehouse, branches, and tokens. The next step is to set the storage path, of which ** No need to write a custom domain name! (**I thought you shouldn’t have one).

      • The storage path here is a relative path, which is relative to your warehouse path. You can leave it blank and save it directly to your warehouse.

      • Then click OK to set it as the default image bed.

        

2.2.3. PicGo test github image bed

• Create a picture on the desktop and put it in the clipboard. Click on the clipboard picture in the upload area in PicGo. You can see that the progress bar is blue after completion, the upload failed, you can check your ownred, if the progress bar displays once, or maybethe warehouse name path is wrong.

  

• Click the album again. If you can see the pictures, it means the upload is successful.

  

• If the image is not displayed, the upload failed. Or the upload is successful but cannot be accessed due to network reasons.

  

• You can check whether the upload is successful on your owngithub, find the warehouse, and see whether the recently submitted images are under this warehouse.

  

  

• Copy the image link and put it onTest, you can get the result as shown in the picture:typora

  

  • This link can be copied directly to the browser and opened, which is the picture you uploaded!

• TesttyporaImportcsdnIs there any problem:

  • ZaityporaSato:

    

  • ZaicsdnSato:

    

  OKOK, this issuePicGousesgithubimage bed to solve the problem of failure to transfer external link imagescsdn here.