啊啊啊~~~ ,經(jīng)過差不多兩天的持續(xù)摸索優(yōu)化，個(gè)人博客算是初步完成了，現(xiàn)在自己看的效果還是非常不錯(cuò)的。這篇文章就是講我怎么搭建一個(gè)這樣的博客的。早在17年的時(shí)候就用hexo 結(jié)合github搭建過個(gè)人博客，但是那時(shí)候還太年輕，也沒有維護(hù)，后面就廢掉了。18年的時(shí)候又一時(shí)興起搭建了一個(gè)。比17年的時(shí)候好看些，但是沒有什么訪問量，可能沒有做seo 優(yōu)化，也沒有維護(hù)多長(zhǎng)時(shí)間就放著了，前幾天上去看，界面顯示都還正常，就是內(nèi)容太幼稚了。所以時(shí)隔一年，我胡漢三又回來了。痛下決心，把整體的博客都搭建好了，包含界面渲染，RSS,評(píng)論系統(tǒng)，站內(nèi)搜索，seo 優(yōu)化等等?，F(xiàn)在讓我們開始吧。博客傳送門：coding:http://quellanan.coding.me/
github:https://quellanan.github.io/
最終效果我們先來看看效果吧，這樣對(duì)你們可能更有吸引力，更有動(dòng)力搭建一個(gè)屬于自己的bolg 啦。
主頁面是這樣的，包含首頁、標(biāo)簽、分類、歸檔、關(guān)于、互動(dòng)、搜索、還有右側(cè)的主頁。最喜歡標(biāo)簽這一頁，可以看出整個(gè)網(wǎng)站對(duì)哪一類的文章寫的比較多。
還可以通過標(biāo)簽找到對(duì)應(yīng)的文章。還有就就是頁腳的網(wǎng)站統(tǒng)計(jì)，頁面訪問人數(shù)和訪問量的統(tǒng)計(jì)。已經(jīng)整個(gè)站點(diǎn)博文的字?jǐn)?shù)。這些相信都是自建博主們最關(guān)心的。我也是最關(guān)心這部分哈哈，畢竟訪問量和人數(shù)上去了就有持續(xù)更新的動(dòng)力啦。
打賞功能，已經(jīng)版權(quán)申明，還有側(cè)邊的文章目錄也是超贊的。
評(píng)論功能，這個(gè)評(píng)論也是很給力的吧，增加了博主和讀者之間的交流。和評(píng)論類似還有一個(gè)，就是網(wǎng)站右下角那個(gè)類似微信圖標(biāo)的那個(gè)，那個(gè)也是可以直接和博主溝通的喲，不賴吧。這些只是網(wǎng)站的一部分功能，其他的就不說了，開始動(dòng)手吧
環(huán)境準(zhǔn)備安裝git：https://git-scm.com/book/zh/v2/起步-安裝-Git安裝git 之后又配置用戶名和郵箱，和github 一致#全局配置用戶名git config --global user.name "nameVal"#全局配置郵箱git config --global user.email "eamil@qq.com"安裝node.js：https://nodejs.org/en/這兩個(gè)不管你linux 還是windows 都非常好安裝，網(wǎng)上關(guān)鍵字搜索一下，有官方教程。注冊(cè)github登錄賬號(hào)：https://github.com/創(chuàng)建好和用戶名一樣的項(xiàng)目注冊(cè)coding登錄賬號(hào)：https://coding.net/login也是一樣的，創(chuàng)建一個(gè)和名稱相同的項(xiàng)目。這里說一下為什么要用coding，其實(shí)不用也可以，coding 和github 的作用一樣的，都是作為pages 以及使用他們的域名。不同的是github 是國(guó)外的，而coding 是國(guó)內(nèi)的。github搭建的博客不容易被百度檢索到，而coding 可以。大家可以根據(jù)個(gè)人喜好選擇吧。這里我是兩個(gè)都用了，反正就多一條配置。配置秘鑰$ cd ~$ ssh-keygen -t rsa -C "your_email@youremail.com"將生成的秘鑰配置到github 和coding 上就好了
安裝hexo安裝好git 和node 之后，安裝hexo 就很方便
npm install hexo-cli -g隨后我們創(chuàng)建一個(gè)blog 文件夾，用來存放我們的blog.
cd bloghexo initnpm install這樣基本的框架就已經(jīng)搭建好了，可以啟動(dòng)看下效果
hexo clean //清緩存hexo g //編譯hexo s //本地運(yùn)行hexo d // 上傳到github 或者coding 主題選擇在搭建好框架之后，現(xiàn)在當(dāng)然是找一個(gè)自己喜歡的主題啦，我個(gè)人比較喜歡next ,然后就在網(wǎng)上找了一個(gè)next 主題，功能配置基本都有了，我就是參照這個(gè)大佬的配置過來的。
配置：https://github.com/ipyker/hexo-next-theme
將這位大佬的主題下載下來后，放到我們自己的主題中去就好了。常見的修改按照這位大佬提示的修改就可以。
保存源碼好了，主題和框架都有了，那接下來其實(shí)寫博客發(fā)布就好了，其實(shí)前面的我前兩年走到這里了，所以前面沒有很細(xì)的講。但是有一些基礎(chǔ)的人應(yīng)該都可以做到，如果不行，可以通過我提到的關(guān)鍵字搜索也可以在網(wǎng)上找到詳細(xì)的教程。為什么這次又要重新搭建，因?yàn)橹皼]有保存源碼，導(dǎo)致github 上只存了pages 的代碼。沒有保存源碼，所以如果源碼丟了就得重新搭建了。所以這次學(xué)聰明了知道保存源碼，不管是換電腦還是什么的，做號(hào)備份就不怕了。我這里講源碼保存在github 上，我們?cè)趃ithub項(xiàng)目項(xiàng)目上創(chuàng)建一個(gè)分支 save，用來保存源碼。master 分支用來pages頁面展示。
將創(chuàng)建的save 分支設(shè)置為默認(rèn)分支。
然后在本地clone 項(xiàng)目。進(jìn)入項(xiàng)目
git add .git commit -m "your description"git push origin save我們 _config.yml 配置是提交到 master 分支
deploy: type: git repository: github: git@github.com:QuellanAn/QuellanAn.github.io.git coding: git@git.dev.tencent.com:quellanan/QuellanAn.git branch: master現(xiàn)在開始，之后的操作就簡(jiǎn)單了。想要編譯發(fā)布就
hexo clean hexo g hexo d保存到github就
git pull git add .git statusgit commint -m "description"git push origin save我博文的源碼地址：https://github.com/QuellanAn/QuellanAn.github.io
這些都是我已經(jīng)配置好了，你們可以直接clone下來，進(jìn)入 blog 文件夾然后進(jìn)行運(yùn)行修改就可以了。所以我前面都講的比較簡(jiǎn)單。
SEO現(xiàn)在我們博客已經(jīng)建好了，我們要新增博客的話在source / _posts 目錄下增加就好了。
但是我們現(xiàn)在面臨的一個(gè)問題是，我們的博客沒有訪問量怎么辦，不能通過谷歌搜索和百度搜索搜索到，而是需要直接通過輸入準(zhǔn)確的網(wǎng)址進(jìn)行訪問，這樣肯定是不利于我們?cè)黾硬┛蜑g覽量的。所以我們需要將我們的網(wǎng)址添加到百度和谷歌搜索中。
谷歌：https://search.google.com/search-console
將下載的html 放到public 文件夾下。
然后
hexo ghexo d發(fā)布到我們的網(wǎng)站上。然后進(jìn)行驗(yàn)證就可以驗(yàn)證通過。
這個(gè)驗(yàn)證之后，我們?cè)偬峤徽军c(diǎn)地圖。站點(diǎn)地圖我都配置好了，如果你們用我的模版的話，直接在網(wǎng)站站點(diǎn)地圖提交就好了
這樣過段時(shí)間谷歌就能搜索到你的博客啦。
百度提交站點(diǎn)：https://ziyuan.baidu.com/site/index
添加網(wǎng)站，驗(yàn)證方法和google 是一樣的，都用html 文件驗(yàn)證就好了驗(yàn)證完成之后，點(diǎn)擊Robots,檢測(cè)并更新。
我的模版里面已經(jīng)配置好了?？梢灾苯訖z測(cè)到。
雖然我做了這些，但是好像百度還沒有搜錄，還得再等兩天再看看。
番外好了，到此為止，個(gè)人博客搭建就到這這里了，大家如果也想要搭建一個(gè)自己的博客，可以把文中說的準(zhǔn)備工作做好，然后自己下載我的源碼來用，把信息修改成自己的就好了。有什么不懂了可以及時(shí)加我微信溝通。因?yàn)槲夷０胬?，我的博文原稿都在里面，所以各位用的時(shí)候記得刪掉，或者記得標(biāo)記為轉(zhuǎn)載謝謝?
可能講的內(nèi)容不夠詳細(xì)，沒有細(xì)節(jié)沒有講到，對(duì)小白不太友好，但是考慮到其實(shí)網(wǎng)上有很多詳細(xì)的教程，我這里就把我認(rèn)為重要的講了出來，希望對(duì)大家有幫助。
后續(xù)加油?
歡迎大家關(guān)注個(gè)人公眾號(hào) "程序員愛酸奶"
分享各種學(xué)習(xí)資料，包含java，linux，大數(shù)據(jù)等。資料包含視頻文檔以及源碼，同時(shí)分享本人及投遞的優(yōu)質(zhì)技術(shù)博文。
如果大家喜歡記得關(guān)注和分享喲?
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明：本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò)，如有侵權(quán)聯(lián)系站長(zhǎng)刪除。
轉(zhuǎn)載請(qǐng)注明出處http://www.quickersubmitter.com/xintu/10696.html
