真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

【hexo博客搭建】本地搭建hexo博客(上)

前言

本篇文章會(huì)從本地(Windows 10)搭建-主題更換-部署阿里云詳細(xì)步驟,如果在搭建過(guò)程中,遇到問(wèn)題,可以通過(guò)博客頁(yè)腳下的QQ聯(lián)系我,或者在下面評(píng)論留言

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括蒼南網(wǎng)站建設(shè)、蒼南網(wǎng)站制作、蒼南網(wǎng)頁(yè)制作以及蒼南網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái),我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,蒼南網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到蒼南省份的部分城市,未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!

一.本地搭建

1.安裝前置

1.1安裝git

在git官網(wǎng)下載最新版本的git即可,因?yàn)楸镜厥荳indows所以下載Windows版本即可,如下圖所示,如果你是x64版本的電腦就下載紅色箭頭所指的版本,如果你是x32的就下載x32版本的。

下載完畢安裝包之后全部next下一步即可


1.2安裝node.js

安裝hexo博客需要nodejs的支持,需要去nodejs官網(wǎng)下載,下載LTS長(zhǎng)期支持版本即可,如下圖
我這里的版本是16.13.2LTS

下載完畢之后,直接按照自己需求設(shè)置即可,或者直接全部下一步,安裝完畢之后,檢測(cè)安裝成功輸入如下命令,就可以查看node版本,然后里面還帶有npm包管理器也是如下命令查看版本

Windows的建議是,使用cmd用管理員的方式啟動(dòng)
使用windows鍵 + q輸入cmd,鼠標(biāo)右鍵以管理員的方式啟動(dòng)

node查看版本

node -v

npm查看版本

npm -v

如下圖所示,顯示nod版本為v16. 13 .2,npm版本為8. 1. 2


1.3npm換淘寶源

換淘寶源的原因是npm在國(guó)外下載速度很卡,淘寶源是國(guó)內(nèi)的就不卡,使用npm下載cnpm來(lái)實(shí)現(xiàn)換源。

npm下載cnpm命令如下

npm install -g cnpm --registry=https://registry.npm.taobao.org

輸入這個(gè)命令之后,如下圖,第一個(gè)紅色箭頭是安裝命令,安裝可能會(huì)稍微有點(diǎn)久,第二個(gè)紅色箭頭是檢查是否安裝成功,如果和我顯示的一樣,沒(méi)有ERR的報(bào)錯(cuò)那么就是安裝成功了。


1.4使用cnpm安裝hexo博客框架

到這里已經(jīng)完全安裝完畢前置,就可以正式開(kāi)始安裝hexo博客框架,輸入如下命令來(lái)安裝hexo博客框架。

安裝博客框架命令

cnpm install -g hexo-cli

輸入完如上命令之后如下圖,第一個(gè)紅色箭頭是上面的安裝博客框架命令,第二個(gè)紅色箭頭是檢查是否安裝成功,如果你和我一樣,那么就是安裝成功了。


2.生成hexo博客

2.1準(zhǔn)備文件夾

到這里就能真正的安裝hexo博客了,首先需要準(zhǔn)備一個(gè)文件夾比如我這里準(zhǔn)備的是blog文件夾來(lái)放我的hexo博客,輸入命令如下。

準(zhǔn)備blog文件夾

cd ..
cd ..
md blog
cd blog

如下圖所示按照從上往下的順序,第一個(gè)箭頭是回到上級(jí)目錄,第二個(gè)箭頭也是回到上級(jí)目錄,第三個(gè)箭頭是創(chuàng)建blog文件夾第四個(gè)箭頭是進(jìn)入blog文件夾(是不是寫(xiě)的太詳細(xì),廢話太多了?)

上圖是因?yàn)槲沂褂玫氖翘摂M機(jī)操作,只有一個(gè)C盤(pán),所以只能在C盤(pán)下操作,這里我選擇的是在C盤(pán)根目錄下面創(chuàng)建blog文件,如果你是真實(shí)機(jī),電腦里面應(yīng)該有D盤(pán)F盤(pán)等等...什么盤(pán),如果你要在其他盤(pán)創(chuàng)建可以輸入如下命令

其他盤(pán)創(chuàng)建文件夾命令

> 盤(pán)符:                 #比如 D:
> md `你要?jiǎng)?chuàng)建的文件夾`  #比如 md blog
> cd `你創(chuàng)建的文件夾`    #比如 cd blog

2.2生成hexo博客文件

在上面操作的blog文件目錄下操作,cmd最好是管理員的方式運(yùn)行,輸入如下命令即可在blog文件夾下面生成hexo博客文件。

生成hexo博客文件

hexo init

因?yàn)楦鞣N原因,沒(méi)有在C盤(pán)操作了,比如權(quán)限問(wèn)題,下面我都是在虛擬機(jī)的E盤(pán)操作

然后我遇到了一個(gè)問(wèn)題在這里記錄一下,如果你在這個(gè)步驟和我遇到了一樣的問(wèn)題也可以參考我的解決辦法。如下圖報(bào)錯(cuò)。

解決辦法是找到nodejs的安裝目錄,右鍵屬性,點(diǎn)擊安全,設(shè)置users用戶完全控制權(quán)限

輸入完成生成命令之后,可以在生成的目錄下面看見(jiàn)這些文件,如下圖,后門(mén)做博客全部都是基于如下圖的文件來(lái)修修改改


2.3啟動(dòng)hexo博客

現(xiàn)在什么都做完了,就差啟動(dòng)了,輸入如下命令即可啟動(dòng),前提是必須是在你生成hexo博客的文件夾下面輸入如下命令

啟動(dòng)hexo博客

hexo s

輸入完成這個(gè)命令之后你應(yīng)該能看見(jiàn)如下圖所示的樣子

然后就可以根據(jù)地址到瀏覽器去訪問(wèn),http://localhost:4000/
如下圖,成功畫(huà)面。

我就在這里簡(jiǎn)單說(shuō)下hexo的命令用法

啟動(dòng)服務(wù)

hexo s

刪除緩存

hexo clean

重構(gòu)文件

hexo g

部署到遠(yuǎn)程站點(diǎn)

hexo d

在這個(gè)頁(yè)面上面,也詳細(xì)說(shuō)明了,怎么創(chuàng)建文章,啟動(dòng)服務(wù),到此,一個(gè)基礎(chǔ)的hexo博客就已經(jīng)搭建完畢。


二.更換主題

官方給的主題不太好看怎么辦,換主題唄!這里我以Matery主題來(lái)做演示,當(dāng)然你現(xiàn)在看見(jiàn)的這個(gè)博客就是用Matery主題來(lái)修改的。

1.下載主題

Matery官方文檔當(dāng)然你也可以去官方文檔查看,里面有如何修改,配置,當(dāng)然大多數(shù)還是需要自己去修改。

在你的hexo目錄下面有一個(gè)themes文件夾,cd進(jìn)去,然后下載matery主題,命令如下

安裝matery主題

git clone https://github.com/blinkfox/hexo-theme-matery.git

如下圖,如果你和我一樣那么就是下載成功了,從上往下,我們先看第二個(gè)箭頭,第二個(gè)箭頭是安裝matery主題命令,然后下載完畢之后,把themes文件夾里面的主題名字改為matery原名是hexo-theme-matery,這樣的好處是方便操作


1.1安裝主題

下載完畢之后還需要做配置文件的修改才能生效,首先我們打開(kāi)hexo博客目錄下的_config.yml文件,如下圖,從左往右,打開(kāi)第一個(gè)紅色箭頭所指的_config.yml文件然后,右邊的紅色箭頭是打開(kāi)文件過(guò)后的樣子,找到底部theme選項(xiàng),然后把原本的值修改成matery

如下圖查看效果,發(fā)現(xiàn)就變好康了很多????,這里查看的時(shí)候,先ctrl+c停止運(yùn)行,然后輸入hexo clean清理緩存,在然后輸入hexo g重構(gòu),最后輸入hexo s運(yùn)行服務(wù)即可

下一篇文章將是把本地博客部署到阿里云服務(wù)器上面


本文題目:【hexo博客搭建】本地搭建hexo博客(上)
轉(zhuǎn)載來(lái)源:http://weahome.cn/article/dsojecj.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部