成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

【HEXO】從零搭建HEXO博客 修改默認(rèn)主題/參數(shù)/favicon 替換個人主頁

My_Oh_My / 3035人閱讀

摘要：下面我以主題舉例，覆蓋默認(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，回車，打開命令行界面。
輸入：

node -v 
npm -v

如果結(jié)果如下圖所示，那么說明你已經(jīng)安裝成功，如果不正確，那么就需要你回頭檢查自己的安裝過程。

配置Git環(huán)境

下載Git安裝文件：
git官網(wǎng)下載
一路默認(rèn)選項(xiàng)，安裝完后打開命令提示符，輸入：

git --version

如圖，則表示已經(jīng)安裝成功。

安裝Hexo

在你想要搭建博客的目錄下創(chuàng)建一個文件夾，比如我這里在E盤創(chuàng)建一個文件夾，叫test，進(jìn)入test文件夾，右鍵，選擇Git Bash Here

輸入：

npm install -g hexo-cli


可能你會看到一個WARN，但是不用擔(dān)心，這不會影響你的正常使用

接著輸入：

npm install hexo --save

安裝好后我們來檢查一下Hexo是否安裝完畢，在命令行輸入：

hexo -v


如果你看到了如圖文字，那么說明已經(jīng)安裝成功了。

接著初始化Hexo
輸入：

hexo init
npm install

然后輸入：

hexo s //也可以輸入hexo server

啟動服務(wù)

在瀏覽器輸入：http://localhost:4000/


你就會看到默認(rèn)主題博客界面

那如果我們不喜歡這個主題怎么辦呢?
沒關(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
注意：如果你的命令窗口無法使用ctrl+V粘貼，可能是因?yàn)槊畲翱诘目旖萱I被改變了，你可以嘗試shift+insert來進(jìn)行粘貼。

100%即安裝成功。
接著打開根目錄下的_confit.yml文件（如果沒有打開yml文件的軟件，你可以使用記事本打開）
查找theme字段（如果找不到你可以按住ctrl+f進(jìn)行查找），修改屬性為archer

注意：theme：后的空格是必須的，否則運(yùn)行服務(wù)時會報錯
修改網(wǎng)頁內(nèi)容

如果你想修改網(wǎng)頁的內(nèi)容，那么就直接找到源文件進(jìn)行修改，我在這里舉個例子，如果你想修改主頁的內(nèi)容，找到目錄。
主頁是放在public文件夾下的index.html文件
打開

比方說，我想改主標(biāo)題fi3ework’s Studio.
直接在文件中找到對應(yīng)的文字

我們可以看到這個div中有標(biāo)明文章標(biāo)題與副標(biāo)題，直接修改，刷新頁面即可。
其他元素使用相同的方法都可以修改。
][11]
像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到 直接把href屬性的值改變即可。

修改網(wǎng)站標(biāo)志

同樣，我們在index.html找到這行代碼

我們可以發(fā)現(xiàn)，網(wǎng)頁的圖標(biāo)被命名為favicon.png
如果我們想要替換掉這個圖標(biāo)，我們可以創(chuàng)建一個文件夾，把自己的.ico文件放到這個文件夾里，比如我這里創(chuàng)建一個icon文件夾

修改路徑（通常圖標(biāo)的格式為ico，如果你的圖片為png格式或jpg格式，我們可以到這個在線轉(zhuǎn)換格式的網(wǎng)站把圖片轉(zhuǎn)換為ico格式 http://tool.lu/favicon/）

替換個人主頁

如果你想用自己寫的頁面作為主頁，那么把文件命名為index.html，覆蓋掉public目錄下的index文件即可。
把原本的index.html放到其他目錄上，在新主頁中設(shè)置一個超鏈接跳轉(zhuǎn)就可以嵌套了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/114030.html

相關(guān)文章

  • 【HEXO】從零搭建HEXO博客 修改默認(rèn)主題/參數(shù)/favicon 替換個人主頁

    摘要：下面我以主題舉例，覆蓋默認(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...

    Near_Li 評論0 收藏0

  • 2017年最新基于hexo搭建個人免費(fèi)博客——從零開始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實(shí)現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    Paul_King 評論0 收藏0

  • 2017年最新基于hexo搭建個人免費(fèi)博客——從零開始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實(shí)現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    zacklee 評論0 收藏0

  • 2017年最新基于hexo搭建個人免費(fèi)博客——從零開始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實(shí)現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    hlcfan 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<