大家好,我是圈子哥!
有幾天沒有跟大家分享了,五一我也出去浪了,這個五一真的是到處人山人海啊,與其說出去玩,不如說出去排隊,任何一個想去瞧一眼的景點都是爆滿,所以,我索性就不玩了,坐下來給大家分享一些東西。
今天想給大家分享我一直在用的寫博客組合神器,之前有文章寫過,我寫博客的時間其實已經很久了,我也有個人的博客,最開始寫博客其實我是在 CSDN,後來,也陸續在其他的平臺有做過一些分享,但是,想必大家也跟我一樣,都想擁有自己的個人博客,想把自己寫的博客發布到自己的博客上,這個想法其實是挺好的,但是,一般搭建自己的博客都是需要有一定的費用支出的,比如,買域名、伺服器等等,這些都是需要費用,如果是在校學生的話,也是一筆不小的開銷,想到這些可能很多人就猶豫了,到底還要不要搞呢,有沒有免費的博客,不要買伺服器的那種,然後部署起來也方便呢?
告訴你答案:有!沒有看這篇博客之前,可能你沒有解決方案,但是,經過這些年我的研究,我整理了一套自己的寫博客的方法,今天就分享給大家。
我的博客的組合方案是怎麼樣的呢?
答案是:VSCode+hexo+oss。
0x01 搭建 hexo 個人博客在說搭建 hexo 博客之前,先介紹一下為什麼選擇使用 hexo 博客。在使用 hexo 博客之前,我也用過 WordPress,但是,我發現他雖然功能豐富,社區也相對成熟,但是有個缺點就對伺服器的要求較高,我之前買的伺服器性能算不錯的,但是,搭建了 wp 之後,訪問速度還是不夠好,也不夠穩定。另外,在我使用的過程中,維護也是一個很大的問題,所以,對於個人的博客來說,hexo 是一個靜態的博客,生成靜態文件之後,直接部署即可,解決了 wp 的一些缺點,當然,不同的需求是不一樣的,如果你的博客的博文數量特別大,做了一個很大的網站,那我不推薦使用 hexo,因為當博客的數量很大之後,生成的速度會變慢,一個小時的那種,這種情況就看個人選擇了,如果你能接受,那也沒有問題,畢竟免費,當然,這種情況還是選擇 wp 比較好,多花錢,性能肯定是沒有問題的!
接下來,再來跟大家簡單的整理一下 hexo 博客的安裝過程,這個安裝過程包括安裝、更新、升級 hexo。
安裝 Git 和 Nodejs這個兩個其實沒有什麼好說的,就是傻瓜式安裝了,給一下這兩個官網的地址。
Git:http://git-scm.com/downloadsNodejs:https://nodejs.org/download/搭建 hexo 環境安裝了上面的 Nodejs 之後,就可以使用 npm 進行安裝了,下面是具體的安裝步驟。
npm install hexo-cli -gnpm install hexo-deployer-git --savenpm install hexo-generator-feed --savenpm install hexo-generator-index --savenpm install hexo-generator-archive --savenpm install hexo-generator-tag --savenpm install hexo-generator-category --savenpm install hexo-generator-sitemap --savenpm install hexo-generator-baidu-sitemap --save以上就是搭建 hexo 博客的全過程了,以後你可能還會遇到一個問題,考慮到 hexo 版本可能會更新,因此,也需要對個人博客進行更新,更新的操作如下。
//以下命令分別執行即可
npm install -g npm-check //安裝npm-check
npm-check //查看系統插件是否需要升級
npm install -g npm-upgrade //安裝npm-upgrade
npm-upgrade //更新package.json
//在執行npm-upgrade命令後會要求輸入yes或者no,直接輸入Yes或Y即可
npm update -g //更新全局插件
npm update --save //更新系統插件
hexo 博客配置hexo 博客的配置其實不需要從零開始,一般,我們都是採用從一個基本的主題開始,比如,我們選用 hexo-theme-next[https://github.com/iissnan/hexo-theme-next]作為我們的主題框架,我們從上面的 github 上 clone 下來,然後再進行配置即可。
以上就是兩個最重要的配置文件,一個是整個站點的配置文件,一個是針對博客主題的配置文件,更詳細的配置方法網上有很多的教程,這裡就不多介紹了。
配置好了之後,就可以看到整個博客的全貌了,例如我的博客:好好學 java[blog.ouyangsihai.cn]。
0x02 VSCode 寫博客我們都知道,現在寫博客基本上都是使用 markdown 的格式,而 hexo 博客也是採用這種格式,這就會出現一個問題,hexo 博客由於沒有後臺管理系統,沒有統一管理博客,這是比較麻煩的,在最開始的時候,我也嘗試過很多種方式,比如,採用 hexo-admin 等,但是,這種方式都不穩定,管理起來還是很麻煩,後來,我使用 VSCode 發現了有 hexo 的插件,對 hexo 的博客可以分類管理,使用起來也比較方便,寫博客也得心應手。
在 VSCode 中,我使用的插件是 vscode-hexo-utils,這款插件,安裝之後,就會對整個 hexo 博客進行類別、標籤和草稿整理。
通常,在 DRAFT 進行草稿編寫,博客編寫好之後,就可以加入到 POST 中,然後進行發布。
在寫博客的過程中,可能還是會遇到一個問題,就是圖片怎麼處理,怎麼上傳?
針對這個問題,這款插件也提供了解決方案,只需要在設置中將 upload 選中,就可以上傳圖片。
而我的解決方案是採用七牛雲對圖片進行對象存儲,這樣的話,好處就是可以自己管理自己的圖片,也是分離的。
到目前為止,搭建 hexo 博客、管理 hexo 博客和編寫博客都解決了,就只剩下最後一個問題了,如何部署 hexo 博客。
0x03 部署 hexo 博客部署博客是搭建個人博客最重要的一個環節,是否花錢也在這個步驟,起初,我使用 github 作為倉庫進行部署,這種方式雖然免費,但是問題在於不穩定,訪問的速度很慢,我使用了一段時間之後,放棄了!
其次,放棄了 github 之後,我選用了很多人使用的 Coding 作為部署的倉庫,使用了一段時間感覺還好,穩定性還可以,最後又發現,還是不穩定,打開速度還是沒有辦法保證。
再次,我再度嘗試,選擇用了 gitee 的靜態博客服務,有免費的服務,但是很雞肋,放棄了,後面發現有付費服務,一年好像 98,也不是很貴,但是,也不好用,一段時間出現了樣式不顯示的問題,徹底讓我死心了。
最後,就在我快要放棄 hexo 的時候,我發現了 oss 對象存儲,於是選用了阿里的對象存儲功能,雖然需要付費,但是費用還是很少的。
具體的步驟很簡單,如果大家需要的話,可以看一下這篇文章:https://blog.csdn.net/java_zdc/article/details/109089484,這篇文章,我重點講一下,部署的工具和插件,來兼容的我的配套。
在使用阿里雲的 oss 服務時,他提供了文件上傳的工具。
下載對應的工具,接下來只需要我們在本地進行博客生成即可,也就是:hexo clean -> hexo g -> hexo d。
然後,選中public中生成的靜態文件上傳即可。
另外,hexo 也有大佬提供了 oss 的插件,在hexo d的時候自動上傳文件。可以使用hexo-deployer-aliyun或hexo-deployer-cos-cdn進行部署,超級方便簡捷,具體的使用步驟在這兩個插件中都有介紹,這裡不再重複。
0x04 小結至此,完成了搭建個人博客的全部過程,建站->配置->編寫博客方案->部署,以上就是我這些年實踐下來的經驗,可能不是最佳方案,但是至少是我目前一直在使用的方案,如果你覺得有用,可以嘗試一下,當然,個人博客只是一種形式,最重要的還是內容的產出!