從零開始搭建個人博客或網站


從零開始搭建個人博客或網站

一、安裝git和node環境

1、下載版本管理工具git(官網下載地址https://git-scm.com/download/),安裝時直接點擊下一步,根據默認勾選進行安裝即可。

img

2、安裝完 Git 后還需要進行全局配置。Git中必須配置全局用戶名和郵箱后才能用。鼠標右擊,選擇Git Bash Here,輸入下面兩條命令(其中name填你的用戶名,email填你的郵箱):

$ git config --global user.name "name"
$ git config --global user.email "email@example.com"

3、下載nodejs(官網下載地址https://nodejs.org/en/),下載LTS版本即可(長期支持版),默認點擊下一步安裝即可。

img

4、打開cmd或powershell命令終端,分別輸入git --version和node --version檢查下是否安裝成功,如果顯示版本信息則說明安裝成功。最后再查看下 npm 包管理器的版本(npm是隨NodeJS一起安裝的包管理器),以后主要通過npm來安裝各種軟件包。

img

二、安裝Hexo博客框架

1、使用 npm 安裝 Hexo,輸入下面命令:

$ npm install -g hexo-cli

2、輸入hexo --version查看版本信息,若顯示如下圖,則說明hexo環境安裝成功。

img

三、開始搭建Hexo博客

1、 首先新建一個目錄myblog,然后進入到該目錄,以后的所有操作都是在該目錄下進行。命令如下

$ mkdir myblog
$ cd myblog

img

2、對博客進行初始化並生成靜態文件,命令如下:

$ hexo init
$ hexo generate(該命令可以簡寫為$ hexo g)

img

3、輸入命令hexo server啟動博客服務器,默認情況下,訪問網址為: http://localhost:4000/。

img

4、輸入網址后,可以看到一個簡單的網站雛形,到此Hexo個人博客或網站搭建完畢。另外,官網給出了很多炫麗花哨的博客主題模板,大家可以根據個人喜好換個主題,瞬間就高大上起來了。

img

官網提供了各種各樣的主題模板,什么類型的都有,顏值質量都很高。

img

這是我的博客美化后的效果,歡迎大家訪問我的小站https://liupaopao.top/

img

img

img

img


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM