如果你非常想擁有一個完全屬於自己的個人站點,本篇文章將幫助你一步一步搭建屬於自己的個人網站。搭建個人站點的方式有多種多樣,本篇主要介紹基於Node.js環境的使用Hexo在自己的電腦上搭建一個屬於自己的網站。
安裝前提
安裝 Hexo 相當簡單。然而在安裝前,您必須檢查電腦中是否已安裝下列應用程式:
Node.jsGit如果你的電腦上已經安裝上面的應用程式,則可以跳過這一步。
下載Node.js:
下載Git:
最後下載後的安裝程序如下:
安裝和普通的應用程式沒區別,直接默認,一路點擊下一步,下一步就OK了,兩個都安裝完成後win+R 輸入CMD打開CMD命令行窗口,分別輸入node -v和git命令查看是否安裝成功。
node -v 顯示版本號,則表示nodejs環境安裝成功(版本號可能不一樣,沒事),如果出現 不是內部或外部命令,也不是可運行的程序或批處理文件。則在安裝的時候添加到環境變量出現了問題,可以手動添加到環境變量即可。
git命令也是顯示版本號則表示git安裝成功, 如果也是顯示出不是內部或外部命令,也不是可運行的程序或批處理文件,也是一樣手動將其添加到環境變量即可。
如果安裝成功,可以直接跳到安裝Hexo那一步
這一步解決出現不是內部或外部命令,也不是可運行的程序或批處理文件的方法,出現這個問題,只需要將其命令所在的路徑添加到環境變量即可,比如以添加git為例:
首先找到git的安裝目錄
因為我們要使用的是git命令,查看可知git 命令在其安裝目錄的bin目錄和cmd目錄下都有,可根據需要選擇(比如還需要bash則可以選擇Bin目錄,還需要git-gui則選擇cmd目錄,如果兩個都要,則可以先複製bin目錄添加完後添加cmd目錄),比如複製bin目錄的路徑(我的為:C:\Program Files\Git\bin),然後找到高級系統設置(1:控制面板->系統和安全->系統 2:右擊桌面計算機->點擊屬性 這兩種方法都能找到高級系統設置)
安裝 Hexo
當環境都安裝配置成功後,則可以使用Npm安裝Hexo了,如果npm安裝很慢的話,可以先npm install -g cnpm 安裝淘寶的npm鏡像cnpm,然後使用cnpm安裝hexo也可以。
1. 在CMD命令窗口輸入:npm install -g hexo-cli或者cnpm install -g hexo-cli安裝hexo-cli
2. 將CMD命令切換到自己的項目需要保存的目錄下, 使用hexo init 項目名稱初始化項目,然後等待下載結束:
成功後會生成如下文件:
3. 進入到項目目錄裡 cd xtblog, 使用npm install 或者cnpm install安裝相應的包
4. 使用hexo g生成靜態文件。
5 使用hexo s 啟動我們的網站
如果顯示上面的頁面則已經在自己的電腦上跑起了自己的個人網站了。hexo具體的使用方法以及部署到伺服器上讓能連上網的其他人訪問到該網站的教程將在之後的文章中介紹。