史上最詳細的hexo博客搭建圖文教程

Hexo 是一個快速、簡潔且高效的部落格框架，它可以幫助你輕鬆地搭建一個靜態部落格網站。以下是一個詳細的Hexo部落格搭建圖文教程：

1. 安裝Node.js

首先，你需要在你的電腦上安裝Node.js。Node.js是一個JavaScript運行環境，Hexo框架是基於Node.js開發的。你可以從Node.js的官方網站下載安裝包，並按照安裝精靈進行安裝。

2. 安裝Hexo

安裝Node.js後，你可以通過npm（Node.js的包管理工具）來安裝Hexo。打開命令行工具（如Windows上的PowerShell或Mac/Linux上的Terminal），輸入以下命令來全局安裝Hexo：

npm install -g hexo-cli

這條命令會安裝Hexo的命令行工具。

3. 初始化Hexo部落格

在你要存放Hexo部落格的目錄下，運行以下命令來初始化Hexo部落格：

hexo init

這條命令會在當前目錄下創建一個Hexo部落格的基本結構。

4. 安裝Hexo依賴

初始化Hexo部落格後，你需要安裝Hexo的依賴包。在部落格目錄下，運行以下命令：

npm install

這條命令會安裝Hexo所需的依賴包。

5. 啟動Hexo伺服器

安裝好依賴包後，你可以啟動Hexo伺服器來預覽你的部落格。運行以下命令：

hexo server

這條命令會啟動一個本地伺服器，你可以在瀏覽器中訪問http://localhost:4000來預覽你的部落格。

6. 添加部落格文章

在Hexo部落格中，文章通常保存在source/posts目錄下。你可以創建一個Markdown檔案來添加一篇新文章。例如，創建一個名為my-first-post.md的檔案，並寫入一些內容。

---
title: My First Post
date: 2023-04-10 12:00:00
---

# My First Post

This is my first post in my Hexo blog.

7. 生成靜態檔案

當你對文章內容滿意後，你可以生成靜態檔案。運行以下命令：

hexo generate

這條命令會生成所有的靜態檔案，這些檔案會被保存在public目錄下。

8. 部署部落格

如果你要將你的部落格部署到伺服器上，你可以使用hexo deploy命令來部署。首先，你需要在_config.yml檔案中配置你的部署信息。例如，如果你使用GitHub Pages，你需要配置你的GitHub用戶名、repo名稱等。

deploy:
  type: git
  repo: https://github.com/yourusername/yourrepo.git
  branch: master

配置好後，你可以運行以下命令來部署：

hexo deploy

這條命令會自動將public目錄下的靜態檔案推送到你的GitHub Pages倉庫。

9. 自定義主題和配置

Hexo提供了一系列的主題，你可以選擇一個你喜歡的主題來個性化你的部落格。你可以在themes目錄下安裝新的主題，然後在_config.yml檔案中配置你選擇的主題。

# 安裝主題
hexo theme install theme-name

# 切換主題
hexo theme list
hexo theme switch theme-name

你也可以在_config.yml檔案中配置你的部落格設定，例如部落格標題、作者信息、社交連結等。

10. 添加外掛程式

Hexo還提供了一系列的外掛程式，你可以安裝外掛程式來擴展Hexo的功能。例如，你可以安裝Google Analytics外掛程式來跟蹤你的部落格訪問量。

# 安裝外掛程式
npm install hexo-plugin-name --save

11. 最佳化和維護

最後，你可以對你的部落格進行最佳化和維護。例如，你可以定期備份你的部落格數據，更新Hexo和主題版本，以及修復可能出現的錯誤。

以上就是一個詳細的Hexo部落格搭建圖文教程。希望這個教程能夠幫助你快速搭建一個屬於自己的Hexo部落格。