寫給小白的Hexo博客搭建過程

偶然在電腦裏翻出來一個文檔,是之前搭博客時隨手記下的搭建過程
現在發表出來與大家分享
純小白的搭建過程(因爲當時我也啥都不會)
PS: 歡迎大家前往我的博客湊湊熱鬧

一、Nodejs安裝

  1. 下載nodejs安裝包
    去nodejs官網下載Linux版本的安裝包
    安裝nodejs
  2. 解壓安裝包
sudo tar -xvJf node-v12.14.1-linux-x64.tar.xz
  1. 將安裝包移動到/usr/local/src目錄下
sudo mv ~/Downloads/node-v12.14.1-linux-x64 /usr/local/src/
  1. 創建指令軟連接
~$ cd /usr/local/bin/
/usr/local/bin$ sudo ln -s /usr/local/src/node-v12.14.1-linux-x64/bin/node 
/usr/local/bin$ sudo ln -s /usr/local/src/node-v12.14.1-linux-x64/bin/npm 
/usr/local/bin$ sudo ln -s /usr/local/src/node-v12.14.1-linux-x64/bin/npx

現在可以使用以下命令

node -v
npm -v

查看版本信息
版本信息
至此,Nodejs就已經安裝完畢了。

二、初始化github項目(略)

三、域名解析(略)

說明:之所以省略了初始化github項目域名解析的內容,是因爲這些不是必要的。初始化github項目是爲了把Hexo託管到GitHub上,域名解析是爲了讓博客有自定義的域名。

四、Hexo初始化

4.1 安裝Hexo

~$ sudo npm install -g hexo-cli

創建hexo的軟連接

~$ sudo ln -s /usr/local/src/node-v12.14.1-linux-x64/bin/hexo /usr/local/bin/

4.2 創建初始化工程

~$ cd hexo/
~/hexo$ sudo hexo init

因爲網絡原因,這個過程比較漫長
安裝完成後,初始化工程目錄如下所示:
初始化工程
生成相關文件:

~/hexo$ sudo hexo g

啓動Hexo網絡服務:

~/hexo$ sudo hexo s

啓動成功後,即可在瀏覽器中的http://localhost:4000進行頁面瀏覽
初始化界面
好啦!出現該界面說明Hexo安裝成功啦!

五、修改Hexo主題

Hexo有很多有趣的主題,大家可以自己搜索一下。我這裏使用hexo-theme-yilia-plus主題,下面嘗試更改主題。
進入到themes文件夾,克隆yilia-plus主題

~$ cd ~/hexo/themes/
~/hexo/themes$ sudo git clone https://github.com/JoeyBling/hexo-theme-yilia-plus.git
~/hexo/themes$ sudo mv hexo-theme-yilia-plus/ yilia-plus

接下來修改配置文件_config.yml

~/hexo/themes$ cd ..
~/hexo$ sudo vi _config.yml

themes: landscape改爲themes: yilia-plus即可
主題更換
退出後,執行hexo g 來重新生成

~/hexo$ sudo hexo g

執行~/hexo$ sudo hexo s可以啓動hexo服務
到瀏覽器查看效果:
查看效果
這樣說明主題已經更換成功了。接下來將內容推送到Github。
我們將~/hexo/public目錄下的內容推送到Github即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章