Hexo 網站搭建教程

前言

伴隨著網絡技術的不斷發展,建立個人網站和博客已經變得前所未有地簡單。Hexo 就是一款出色的靜態網站生成器,它可以幫助您快速搭建屬於自己的網站或博客。

本教程將詳細介紹如何使用 Hexo 從頭開始搭建一個網站,包括環境準備、Hexo 安裝、網站初始化、本地預覽、撰寫文章、生成靜態文件以及網站部署等步驟。

無論您是一名開發人員還是一名寫作愛好者,只要按照本教程操作,就能輕鬆擁有一個專屬的在線空間。現在,就讓我們開始這段網站搭建的征程吧!

前期準備

在開始之前,您需要在您的電腦上安裝以下工具:

  • Node.js
  • Git

安裝 Node.js

  1. 訪問 Node.js 官網
  2. 根據您的操作系統下載最新的 LTS 版本
  3. 運行安裝程序並按照說明操作

安裝 Git

  1. 訪問 Git 官網
  2. 根據您的操作系統下載最新版本
  3. 運行安裝程序並按照說明操作

安裝 Hexo

打開您的終端(Terminal)或命令提示符(Command Prompt),輸入以下命令以使用 npm 全域安裝 Hexo:

1
npm install -g hexo-cli

建立 Hexo 專案

  1. 創建一個新的資料夾用於存放您的 Hexo 專案:
1
2
mkdir <folder-name>
cd <folder-name>
  1. 在資料夾中初始化 Hexo:
1
hexo init
  1. 安裝依賴項:
1
npm install

本地預覽

  1. 啟動本地伺服器:
1
hexo server
  1. 在瀏覽器中訪問 http://localhost:4000 預覽您的網站

撰寫文章

  1. 創建一篇新文章:
1
hexo new [layout] <title>

其中 layout 是可選的,默認為 post。title 是文章的標題。

  1. 文章會儲存在 source/_posts 資料夾中,使用 Markdown 語法編輯它。

生成靜態文件

1
hexo generate

靜態文件會生成在 public 資料夾中。

部署網站

  1. 安裝部署插件,比如 hexo-deployer-git:
1
npm install hexo-deployer-git --save
  1. 在 _config.yml 中配置部署設定,例如:
1
2
3
4
deploy:
  type: git
  repo: <repository url>
  branch: [branch]
  1. 部署網站:
1
hexo deploy

結語

這樣就完成了 Hexo 網站的搭建和部署!您可以繼續探索更多功能和主題來定制您的網站。