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