微信搜一搜【java金融】回復(fù)【666】免費(fèi)獲取bat面試通關(guān)手冊(cè)
引言
上周有個(gè)小伙伴問我有沒有個(gè)人博客屋匕，想和我互換一個(gè)友鏈蹂析。我以前也想過要自己搭個(gè)博客舔示，但是一直遲遲沒有行動(dòng)，一般寫了文章就往其他平臺(tái)發(fā)一下就完事了电抚。想了想為啥自己沒有搭建一個(gè)屬于自己的博客惕稻？一來(lái)的話可能嫌麻煩，需要往自己的博客平臺(tái)發(fā)布蝙叛，平時(shí)一些第三方博客平臺(tái)的話都懶得發(fā)了俺祠，二來(lái)的話還要買服務(wù)器和域名一般的配置一年也得幾百大洋。所以一直沒有搭建一個(gè)屬于自己的博客。但是現(xiàn)在作為一個(gè)自媒體的時(shí)代蜘渣，許多程序員都擁有自己的博客或者個(gè)人網(wǎng)站淌铐，這類站點(diǎn)的建立可以幫助我們記錄生活點(diǎn)滴，進(jìn)行個(gè)人展示蔫缸，也能幫助自己擴(kuò)展社交圈子腿准，做到以博識(shí)友。在不斷寫作的過程中拾碌，能逼自己進(jìn)行腦力挖礦吐葱，讓自己對(duì)未知世界了解得更多，開拓思維校翔。所以想了想還是動(dòng)手弄一個(gè)弟跑。
博客網(wǎng)站的選型
現(xiàn)在寫博客基本上都是采用markdown的格式，基本大多數(shù)主流博客網(wǎng)站都支持這種格式防症，可以做到寫一篇到處復(fù)制∶霞現(xiàn)在一般來(lái)說常用的博客可以分為兩大類分別是動(dòng)態(tài)和靜態(tài)博客網(wǎng)站。
靜態(tài)博客
靜態(tài)博客一般都是通過markdown文件，然后通過其他的一些程序生成html文件然后將html文件發(fā)布到服務(wù)上，我們一般可以通過hexo薄坏、Jekyll等框架來(lái)生成靜態(tài)的博客。
我們可以把生成的html發(fā)布到第三方服務(wù)器上喝噪，比如github、gitee指么、coding等酝惧。這些服務(wù)器都是可以白嫖的。然后還可以自定義自己的域名伯诬。
動(dòng)態(tài)博客
動(dòng)態(tài)網(wǎng)站指文章內(nèi)容等數(shù)據(jù)存儲(chǔ)到數(shù)據(jù)庫(kù)中晚唇。這種可玩性比較高，適合喜歡折騰盗似，喜歡 DIY 的小伙伴哩陕。WordPress 算是搭建動(dòng)態(tài)網(wǎng)站比較成熟的方案，它是一個(gè)經(jīng)典的博客平臺(tái)赫舒。而且生態(tài)圈比較完善悍及，有大量的插件以及博客主題給我們選擇，自由度很高接癌。但是說實(shí)話動(dòng)態(tài)博客的話說實(shí)話有點(diǎn)麻煩,需要自己買域名和服務(wù)器心赶、數(shù)據(jù)庫(kù)等，看了看最差的配置基本上都要將近百來(lái)塊錢一年缺猛。我結(jié)合自身的一個(gè)情況還是選擇了一個(gè)靜態(tài)博客缨叫，在經(jīng)過大量的谷歌搜索之后最終還是選擇了采用hexo（Hexo 是一個(gè)快速椭符、簡(jiǎn)潔且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章耻姥，在幾秒內(nèi)销钝，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)）來(lái)搭建自己的博客網(wǎng)站。話不多少我們還是進(jìn)入今天的主題手把手的來(lái)搭建一個(gè)屬于自己的博客網(wǎng)站琐簇。
搭建步驟
- 安裝git蒸健，這個(gè)我就不詳細(xì)介紹了，默認(rèn)程序員應(yīng)該都是會(huì)的鸽嫂，如果有沒有用過的可以看看我以前寫的這個(gè)文章《10分鐘帶你入門git和github》。
- 安裝NodeJs征讲，因?yàn)?code>Hexo是基于
nodeJs環(huán)境的据某，所以這個(gè)nodejs是必須安裝的，下載地址(說明：LTS為長(zhǎng)期支持版诗箍，Current為當(dāng)前最新版)作為一個(gè)程序員大家一般肯定都會(huì)下載最新的去安裝癣籽。我也不例外，但是我的電腦是win7的系統(tǒng)滤祖，最近版本居然安裝不了筷狼，這個(gè)就有點(diǎn)過分了，居然看不起win7匠童，不支持安裝
弱弱的問下現(xiàn)在用win7系統(tǒng)的人多嗎埂材？只能重新下載一個(gè)長(zhǎng)期版本。這個(gè)版本沒有什么問題汤求，直接點(diǎn)下一步下一步直到安裝結(jié)束俏险。
查看下版本:node -v
[圖片上傳失敗...(image-751daa-1636815306506)]
3.安裝hexo
安裝hexo 需要使用npn命令。 npm默認(rèn)的源的下載速度可能很慢扬绪，建議使用淘寶鏡像替換竖独。執(zhí)行下面的命令，將npm的源設(shè)置成淘寶鏡像站挤牛。就跟我們maven下載jar一樣莹痢，一般都會(huì)把中央倉(cāng)庫(kù)改成阿里的。
npm config set registry "https://registry.npm.taobao.org"
安裝hexo
npm install hexo-cli -g
初始化hexo
hexo init
初始化我們可以看到在我們的目錄下會(huì)生成以下文件
node_modules：是依賴包
public：存放的是生成的頁(yè)面
scaffolds：命令生成文章等的模板
source：用命令創(chuàng)建的各種文章
themes：主題
_config.yml：整個(gè)博客的配置
db.json：source解析所得到的
package.json：項(xiàng)目所需模塊項(xiàng)目的配置信息墓赴。
接下來(lái) 安裝博客所需要的依賴文件
npm install
接下來(lái)在執(zhí)行下
hexo g & hexo s
至此整個(gè)博客就發(fā)布完成了竞膳，我們?cè)跒g覽器輸入http://localhost:4000/
就可以看到我們的一個(gè)博客界面了：
我們可以發(fā)現(xiàn)整個(gè)博客頁(yè)面還是比較簡(jiǎn)潔的內(nèi)容也不是很豐富.我們可以根據(jù)自己的喜好，然后去網(wǎng)上找自己喜歡的博客主題诫硕，我經(jīng)過大量的篩選顶猜。最終選擇了這個(gè)可以自適應(yīng)的主題
hexo-theme-matery，并且支持留言和評(píng)論以及搜索痘括。怎么應(yīng)用這個(gè)主題呢长窄？很簡(jiǎn)單直接從git上把這個(gè)主題clone下來(lái)放到我們的themes目錄下[圖片上傳失敗...(image-181f51-1636815306506)]
然后在回到hexo的根目錄修改下_config.yml文件
這樣我們的主題就替換成功了滔吠。
可以看下我替換后的效果，歡迎大佬們留言來(lái)互換友鏈哦挠日。
訪問地址：
https://javajr.cn/也可以直接點(diǎn)擊閱讀原文疮绷。PC端效果
H5效果
4.發(fā)布到
github和gitee經(jīng)過上面的步驟我們基于本地的一個(gè)博客就已經(jīng)完成了,但是這還遠(yuǎn)遠(yuǎn)不夠，我們需要外網(wǎng)也能夠訪問,一般我們需要自己購(gòu)買服務(wù)器嚣潜，但是
github和碼云gitee給我們提供了免費(fèi)的服務(wù)器冬骚，可以讓我們把靜態(tài)網(wǎng)站托管到上面。下面我們以
gitee為例創(chuàng)建一個(gè)倉(cāng)庫(kù)
接下來(lái)在把這個(gè)倉(cāng)庫(kù)的地址
copy到hexo根目錄的配置文件中
[圖片上傳失敗...(image-3e7e68-1636815306506)]
本地目錄要發(fā)布到
gitee 需要執(zhí)行
npm install hexo-deployer-git --save
然后我們?cè)趫?zhí)行下
hexo clean & hexo g & hexo d
然后我們就可以看到gitee上就有我們的靜態(tài)博客了
然后我們點(diǎn)擊下更新部署
gitee 就會(huì)幫我們生成一個(gè)外網(wǎng)可訪問的網(wǎng)站
是不是超級(jí)簡(jiǎn)單
github也類似我就不一一演示了懂算。至此我們就已經(jīng)完成了一個(gè)外網(wǎng)可訪問的博客了只冻。
集成評(píng)論
我采用的是Gitalk 評(píng)論模塊
集成這個(gè)模塊的時(shí)候經(jīng)常會(huì)有Error: Network Error 這個(gè)錯(cuò)誤
這個(gè)錯(cuò)誤原因主要有兩個(gè)一個(gè)是國(guó)內(nèi)github網(wǎng)速問題超時(shí)導(dǎo)致，還有一個(gè)的話就是我們?cè)谂渲梦募臅r(shí)候gitalk#repo這個(gè)屬性不是http開頭的倉(cāng)庫(kù)地址计技，只要寫個(gè)倉(cāng)庫(kù)名字就可以了喜德。
[圖片上傳失敗...(image-52ed5b-1636815306506)]
上面秘鑰都是假的注意換成自己申請(qǐng)OAuth Application時(shí)候的。
自定義域名綁定（javajr.cn）
這個(gè)需要自己購(gòu)買一個(gè)域名然后實(shí)名認(rèn)證下垮媒，接下來(lái)就是解析下就可以了舍悯，我這里以阿里云為例：
[圖片上傳失敗...(image-58e6af-1636815306506)]
gitee現(xiàn)在貌似不支持自定義域名了，原來(lái)會(huì)員好像是支持的睡雇。但是github是支持的萌衬。我們到我們部署在github的博客倉(cāng)庫(kù)點(diǎn)擊setting按鈕(需要使勁往下拖，這個(gè)設(shè)置在頁(yè)面的比較下面)就可以更新我們自己的域名它抱。
[圖片上傳失敗...(image-d87433-1636815306506)]
這樣我們就可以通過自己的域名(javajr.cn)訪問了
總結(jié)
基本上花個(gè)半小時(shí)左右我們就可以完成了一個(gè)可以外網(wǎng)訪問的博客了哦秕豫。還有一些seo的優(yōu)化、或者讓百度收錄观蓄，我提交了好久谷歌和百度貌似也沒有被收錄馁蒂。網(wǎng)上說百度收錄的時(shí)間比較久。如果被收錄了以后有機(jī)會(huì)在來(lái)補(bǔ)充下蜘腌。
[圖片上傳失敗...(image-fe1da6-1636815306506)]
