資訊專(zhuān)欄INFORMATION COLUMN
摘要：下面我以主題舉例，覆蓋默認(rèn)主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到直接把屬性的值改變即可。
準(zhǔn)備：搭建環(huán)境大致分為以下兩步：
安裝Node.js
安裝git
配置Node.js環(huán)境下載Node.js安裝
Windows Installer 32-bit
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi
2.Windows Installer 64-bit
https://nodejs.org/dist/v4.2....
保持默認(rèn)設(shè)置，安裝結(jié)束后，按win+R，在運(yùn)行窗口中輸入cmd，回車(chē)，打開(kāi)命令行界面。
輸入：
node -v
npm -v
如果結(jié)果如下圖所示，那么說(shuō)明你已經(jīng)安裝成功，如果不正確，那么就需要你回頭檢查自己的安裝過(guò)程。
下載Git安裝文件：
git官網(wǎng)下載
一路默認(rèn)選項(xiàng)，安裝完后打開(kāi)命令提示符，輸入：
git --version
如圖，則表示已經(jīng)安裝成功。
在你想要搭建博客的目錄下創(chuàng)建一個(gè)文件夾，比如我這里在E盤(pán)創(chuàng)建一個(gè)文件夾，叫test，進(jìn)入test文件夾，右鍵，選擇Git Bash Here
輸入：
npm install -g hexo-cli
可能你會(huì)看到一個(gè)WARN，但是不用擔(dān)心，這不會(huì)影響你的正常使用
接著輸入：
npm install hexo --save
安裝好后我們來(lái)檢查一下Hexo是否安裝完畢，在命令行輸入：
hexo -v
如果你看到了如圖文字，那么說(shuō)明已經(jīng)安裝成功了。
接著初始化Hexo
輸入：
hexo initnpm install
然后輸入：
hexo s //也可以輸入hexo server
啟動(dòng)服務(wù)
在瀏覽器輸入：http://localhost:4000/
你就會(huì)看到默認(rèn)主題博客界面
那如果我們不喜歡這個(gè)主題怎么辦呢?
沒(méi)關(guān)系，Hexo給我們提供了各式各樣的主題，我們可以在https://hexo.io/themes/中尋找...，更改方法都是一樣的。
下面我以archer主題舉例，覆蓋默認(rèn)主題。
先按 ctrl+c 停止服務(wù)
在命令行輸入
npm install hexo-generator-json-content --save git clone https://github.com/fi3ework/hexo-theme-archer.git themes/archer
注意：如果你的命令窗口無(wú)法使用ctrl+V粘貼，可能是因?yàn)槊畲翱诘目旖萱I被改變了，你可以嘗試shift+insert來(lái)進(jìn)行粘貼。
100%即安裝成功。
接著打開(kāi)根目錄下的_confit.yml文件（如果沒(méi)有打開(kāi)yml文件的軟件，你可以使用記事本打開(kāi)）
查找theme字段（如果找不到你可以按住ctrl+f進(jìn)行查找），修改屬性為archer
注意：theme：后的空格是必須的，否則運(yùn)行服務(wù)時(shí)會(huì)報(bào)錯(cuò)
如果你想修改網(wǎng)頁(yè)的內(nèi)容，那么就直接找到源文件進(jìn)行修改，我在這里舉個(gè)例子，如果你想修改主頁(yè)的內(nèi)容，找到目錄。
主頁(yè)是放在public文件夾下的index.html文件
打開(kāi)
比方說(shuō)，我想改主標(biāo)題fi3ework’s Studio.
直接在文件中找到對(duì)應(yīng)的文字
我們可以看到這個(gè)div中有標(biāo)明文章標(biāo)題與副標(biāo)題，直接修改，刷新頁(yè)面即可。
其他元素使用相同的方法都可以修改。
][11]
像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到 直接把href屬性的值改變即可。
同樣，我們?cè)趇ndex.html找到這行代碼
我們可以發(fā)現(xiàn)，網(wǎng)頁(yè)的圖標(biāo)被命名為favicon.png
如果我們想要替換掉這個(gè)圖標(biāo)，我們可以創(chuàng)建一個(gè)文件夾，把自己的.ico文件放到這個(gè)文件夾里，比如我這里創(chuàng)建一個(gè)icon文件夾
修改路徑（通常圖標(biāo)的格式為ico，如果你的圖片為png格式或jpg格式，我們可以到這個(gè)在線轉(zhuǎn)換格式的網(wǎng)站把圖片轉(zhuǎn)換為ico格式 http://tool.lu/favicon/）
如果你想用自己寫(xiě)的頁(yè)面作為主頁(yè)，那么把文件命名為index.html，覆蓋掉public目錄下的index文件即可。
把原本的index.html放到其他目錄上，在新主頁(yè)中設(shè)置一個(gè)超鏈接跳轉(zhuǎn)就可以嵌套了。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53079.html
摘要：下面我以主題舉例，覆蓋默認(rèn)主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到直接把屬性的值改變即可。 準(zhǔn)備：搭建環(huán)境 大致分為以下兩步： 安裝Node.js 安裝git 配置Node.js環(huán)境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...
摘要：前言搭建此博客是因?yàn)橥ㄟ^(guò)上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁(yè)博客托管給倉(cāng)庫(kù)或許您已經(jīng)通搭建個(gè)人博客網(wǎng)站了解到如何通過(guò)實(shí)現(xiàn)個(gè)人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對(duì)網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
摘要：前言搭建此博客是因?yàn)橥ㄟ^(guò)上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁(yè)博客托管給倉(cāng)庫(kù)或許您已經(jīng)通搭建個(gè)人博客網(wǎng)站了解到如何通過(guò)實(shí)現(xiàn)個(gè)人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對(duì)網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
摘要：前言搭建此博客是因?yàn)橥ㄟ^(guò)上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁(yè)博客托管給倉(cāng)庫(kù)或許您已經(jīng)通搭建個(gè)人博客網(wǎng)站了解到如何通過(guò)實(shí)現(xiàn)個(gè)人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對(duì)網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
閱讀 3478·2021-09-08 10:46
閱讀 1189·2019-08-30 13:17
閱讀 2369·2019-08-30 13:05
閱讀 1211·2019-08-29 15:29
閱讀 2889·2019-08-29 11:31
閱讀 542·2019-08-26 12:13
閱讀 1537·2019-08-26 11:42
閱讀 1845·2019-08-23 18:37
