部落格分類
首先，我認為部落格分為兩種動态部落格和靜态部落格。✔
動态部落格
動态部落格相對而言圖檔的儲存和更改比較靈活。本身具有自己的背景管理，以及随時可以更改的資料庫和雲端，可以使網頁在UI的操作下，進行删改變換，當然由于伺服器存在于地理位置，帶寬，不同的部落格管理網站大小的差別，導緻背景網頁的加載速度有時不是很理想。最簡單通俗的就是wordpress和typecho的差別，wordpress是公認的占據資源大，加載速度慢的部落格源碼，但很多都因為它的功能多樣，并且在全球站長的一起努力下，創造出各式各樣的網站主題，也就成為了世界最多人使用的部落格網站，但相比較而且，typecho占用記憶體小，功能簡潔輕便，主題和插件也比較全面，越來越多的人傾向于類似的小型源碼。💖
靜态部落格
反觀靜态部落格，靜态部落格最簡單的就是一種自己寫的H5+CSS的網頁。
沒有動态變換的JS，讓網頁的加載會比動态部落格速度快一下，配上源碼壓縮，Cache緩存，以及CDN加速會讓自己的網站在GoogleSpeed測試取得一個相對不錯的成績。沒有了直覺易懂的背景管理，對于網站的主題和布局，以及文章的增改，隻能通過對于文章的markdown檔案和一些yml等檔案進行源碼改動，這種偏于計算機專業化的方式，令很多的人阻擋在了靜态部落格門欄。😫
靜态部落格發展至今，Jekyll,hugo,hexo等大量的網站模闆和主題，可供我們使用，搭配上Typora，Atom，Github desktop等軟體的加持，終究讓隻能在源碼層面和控制台層面操作的東西，有了部分UI畫面的加持（編者很讨厭隻有黑框框的控制台），也讓我們在編寫文章和上傳更改上，變得更加得心應手起來。
圖檔直接上傳到雲端
具備良好的控制界面和UI背景管理可以在UI界面上，很輕松的上傳我們喜歡的圖檔到雲端。
如果隻是上傳到我們的雲伺服器頁面，那就要考量是否我們的伺服器帶寬可以承受的住這種圖檔加載的壓力。例如一個簡單的2M圖檔，在1M帶寬的阿裡雲伺服器進行加載會消耗兩到三秒，但再加載CSS,JS,H5等資源，網頁的最終加載速度是一個很不理想的情況。相對的，如果再把圖檔換成視訊，那加載大型的視訊，将會是極其漫長的等待。
文章中圖檔儲存的幾種方式
1.将圖檔直接儲存在雲伺服器裡
圖檔儲存在雲伺服器裡就要提到剛才所說的那種雲伺服器帶寬限制的問題。
相比較帶寬較小的1M和5M的小水管伺服器，還不如使用輕量伺服器的國外伺服器，帶寬30M，加載圖檔和視訊更加的得心應手。當然如果圖檔實在過大，30M的帶寬也會有捉襟見肘的時候。
2.将圖檔壓縮
現在wps等多種專業的工具可以提供給我們，在保留圖檔細節的前提下，讓圖檔的大小盡可能的減小，使我們可以更快的加載圖檔，當然在GitHub上也有叫做imgrobots的工具，實時将我們的圖檔壓縮。
3.圖床
圖檔的壓縮還是不可以改變帶寬的陋病，我們的伺服器終究會出現帶寬動蕩，加載偶現變慢的問題。為了解決這一問題，我們開始将想法轉向圖床這一個概念。
首先，什麼是圖床。
{% blockquote 百度 , 圖床 %}
圖床一般是指儲存圖檔的伺服器，有國内和國外之分。 國外的圖床由于有空間距離等因素決定通路速度很慢影響圖檔顯示速度。 國内也分為單線空間、多線空間和cdn加速三種。
{% endblockquote %}
那麼可以供我們使用的圖床，可以分為下面的這幾種。
1.市面上存在的第三方圖床
這種第三方圖床，在知乎和百度的搜尋中，都有很多人來介紹和讨論過了，它的好處就是不再局限于自己伺服器的帶寬大小，使用的是别人專屬用來儲存和加載圖檔用的伺服器，CDN和https相對完備，甚至還有各種格式和檔案大小的裁剪。
但這種圖床的缺點，也是并不可以忽視的，第三方的圖床，我們需要值得注意：
1.不能将自己比較私人，和暴露個人資訊的照片放在上面，避免可能出現的照片被洩露曝光，而且第三方的東西，本身就像是小白雲盤那樣，沒有人知道，是不是用來販賣和收集資源，用來釣魚使用的。
2.我們在選擇第三方圖床時也應該注意圖床的維持時間，避免可能存在的圖床網站的倒閉，到時候，站長删庫跑路，我們的所有照片都付水東流，更重要的還是自己的所有文章，沒有照片的文章，必然會少了大部分的流量。我比較推薦的幾款不錯的圖床路過和sm.ms這兩款圖床的呼聲一直還是比較高的，而且加載速度還是很客觀的，個人在使用sm.ms的圖床，使用起來效果還不錯，國内的loli鏡像ip被牆的也較少。
但是還是會在流量高峰期的時候，會出現圖檔加載較慢，甚至是加載不出的可能性。是以圖床的選取請謹慎使用。
2.阿裡雲OSS和騰訊雲COS
OSS具有與平台無關的RESTful API接口，您可以在任何應用、任何時間、任何地點存儲和通路任意類型的資料。
您可以使用阿裡雲提供的API、SDK接口或者OSS遷移工具輕松地将海量資料移入或移出阿裡雲OSS。資料存儲到阿裡雲OSS以後，您可以選擇标準存儲（Standard）作為移動應用、大型網站、圖檔分享或熱點音視訊的主要存儲方式，也可以選擇成本更低、存儲期限更長的低頻通路存儲（Infrequent Access）、歸檔存儲（Archive）、冷歸檔存儲（Cold Archive）作為不經常通路資料的存儲方式。
阿裡雲的OSS和騰訊雲的COS作為專業的儲存工具，具有兩大企業專業的帶寬和分布式儲存，在負載均衡方面，較為優異。親測圖檔秒開，即使是較大記憶體的視訊，也可以在短時間内打開，稱得上是讓人滿意。但是有一個值得注意的一點，所有的外部流出流量和CDN回源都是需要付費的（有錢可以跳過這個），我們知道相同地域的OSS内網通路流量都是免費的，我們可以将在相同地域的伺服器和OSS進行Nginx内網穿透，做到模仿通路内部流量的程度，這樣我們可以隻需要使用9元/年的儲存套餐，就可以比較不錯的使用OSS的儲存功能，但是，但是，但是！最終我調試完後發現，内網穿透後的資源最終還是通過伺服器的帶寬輸出出來，是以終究不可避免的，由于伺服器帶寬過小，使得圖檔還是加載不出來，但是這樣的方式，适配那種伺服器帶寬高，并且伺服器記憶體小，我們就可以不拓展硬碟，使用OSS來儲存。當然我們可以不使用内網穿透，隻是用外鍊的話，隻要把防盜鍊的方式做好，不被爬取到圖檔的外鍊，也就不會産生大量的其他流量，用界内一直逗笑說的話就是"OSS用了，會刷掉自己的一棟樓“，看似可笑，但是在網際網路飛速的至今，不得不提防。
3.利用Github,Vercel,Gitee,CloudFlare
大家都知道，在Git倉庫中儲存的圖檔都是有自己的外鍊的，比如GitHub
這種raw的域名圖檔，在國内已經被牆的無法使用了，那麼有些聰明的人就開始尋找别的，可以使用的方式，我們都知道靜态部落格的部署，隻用Github Pages是特别慢的，但我們可以利用Vercel，CloudFlare Pages(Beta，最近新出的，測試效果不是很理想)。Vercel把圖檔在Github的倉庫裡下載下傳下來後，放在了自己的一個雲端，将這些靜态的資源進行部署，實作了搭建靜态部落格，當我們更新GitHub倉庫的内容後，Vercel就會再次更新雲端的鏡像内容，實作自動部署。那麼我們在Github倉庫中儲存的圖檔,到了Vercel裡其實已經更改了圖檔加載的伺服器，那麼我們就可以将一個Github倉庫隻放圖檔，然後用Vercel将這個倉庫進行部署，得到的部署頁面後，按照下面的方式就可以找到圖檔的外鍊啦😂
這樣得到一個圖檔的外鍊
https://api.vercel.com/now/files/5ec04673f8796e140e7ba2ee8dfa068bf7f02fc1e87191dfa1075e15600c749a/qing-ren-jie-mu-xin-zang-qiangzhi-13372_L%5B1%5D.jpg Vercel在國内的打開速度表現還是很出色的，這樣的一張圖檔，可以做到秒開。
當然不隻Vercel這一種，還有Coding,CloudFlare Pages，Gitee Pages等多種可以這樣做的。
我們可以再結合Github的API功能，實作不需要打開Github而上傳圖檔，文章如下（不太建議使用）
使用github的api上傳檔案到項目4.利用CSDN等可以使用Markdown書寫文章的部落格網站
CSDN是一個碼農聚集的地方，有着對于碼農來說很友善的功能和特點。它的創作中心可以用來書寫部落格，而我最喜歡的就是可以直接将圖檔在粘貼闆上直接粘貼進CSDN的網頁界面裡，在CSDN的面闆上，會有一個外鍊，我們将外鍊複制出來，就可以粘貼在自己的任何一個Markdown文章界面啦。
 這樣的方式永久的儲存在CSDN的雲端上，如果我們不放心，可以将這篇文章在靜态部落格發表的同時，也在CSDN儲存一份，避免日後被CSDN删除圖檔。
這樣的方式，我們有很多，比如QQ空間，QQ收藏，新浪微網誌，哔哩哔哩等等。
視訊床和音頻床
既然對于圖床談論了這麼久，那麼圖檔有圖床，視訊會不會也有自己的視訊床呢。
其實顯而易見，哔哩哔哩，騰訊視訊等網站，都是可以作為我們的視訊床，每一個網站都是有自己的外部分享連結的。
比如
那麼音頻床呢，相同的，網易雲等音樂網站，很願意讓我們的部落格為他們打廣告，也是可以有外鍊的，
當然不支援付費音樂哈。
結語
這就是我長時間對于部落格的圖檔，視訊和音樂嵌入的摸索，如有不對的地方還請見諒。
圖檔的嵌入多種多樣，但終究是文章的内容吸引人更重要，圖檔是一種輔助的作用。注意不要丢失圖檔，不要讓想看你部落格的人，等待加載的時間太久哦~~😊