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