零基礎搭建 Hexo 博客:從本地到 GitHub Pages 全流程指南

零基礎搭建 Hexo 博客:從本地到 GitHub Pages 全流程指南

Hexo 是一個快速、簡潔且高效的博客框架,支持使用 Markdown 來編寫文章,并能快速生成靜態網頁,非常適合想要搭建個人博客的同學。本文將帶你從零開始,本地搭建 Hexo 博客,并部署到 GitHub Pages。


1. 安裝 Hexo 框架

首先需要安裝 Node.js,確保已經配置好環境變量。
接著打開命令行工具(cmd / PowerShell / Terminal),運行以下命令全局安裝 Hexo:

npm install -g hexo-cli

在這里插入圖片描述

安裝完成后,你可以通過以下命令驗證是否安裝成功:

hexo -v

在這里插入圖片描述

如果能看到版本號,就說明安裝完成。


2. 初始化博客項目

新建一個文件夾,例如 Hexo-blog,然后進入該文件夾:

mkdir Hexo-blog
cd Hexo-blog

在這里插入圖片描述

接著運行初始化命令:

hexo init

在這里插入圖片描述

這會自動生成 Hexo 的基礎目錄結構和默認配置。


3. 安裝依賴

進入到博客目錄后,執行以下命令安裝依賴:

npm install

在這里插入圖片描述

至此,博客的主體框架就已經準備好了。


4. 本地啟動博客

運行以下命令啟動本地服務:

hexo server

在這里插入圖片描述

然后在瀏覽器中訪問 http://localhost:4000,就可以看到默認生成的 Hexo 博客頁面啦!
在這里插入圖片描述

按下 Ctrl + C 可以停止服務。


5. 創建第一篇文章

接下來,我們來寫一篇屬于自己的第一篇博客文章。

執行以下命令:

hexo new "我的第一篇文章"

這時會在 source/_posts/ 目錄下生成一個名為 我的第一篇文章.md 的 Markdown 文件。
在這里插入圖片描述

你可以用任意 Markdown 編輯器(如 Typora、VS Code)打開并編輯它,例如:

---
title: 我的第一篇文章
date: 2025-09-09 14:00:00
tags: [Hexo, 博客]
---# Hello Hexo這是我的第一篇 Hexo 博客文章!

編輯完成后,保存文件,再次啟動本地服務:

hexo server

在這里插入圖片描述

刷新瀏覽器頁面,就能看到你寫的第一篇博客文章啦 🎉


6. 常用 Hexo 命令速查

命令作用
hexo new "標題"新建一篇文章
hexo server本地啟動博客(默認端口 4000)
hexo generatehexo g生成靜態文件
hexo clean清理緩存和生成的文件
hexo deployhexo d部署到遠程(如 GitHub Pages)

到這里,你已經成功在本地搭建并運行了 Hexo 博客,并寫好了第一篇 Markdown 文章。
下一步就是把它 部署到 GitHub Pages,讓別人也能訪問到。


7. 部署 Hexo 博客到 GitHub Pages

7.1 創建 GitHub 倉庫

  1. 打開 GitHub,登錄賬號。
  2. 點擊右上角 New repository 新建倉庫。
  3. 倉庫名字必須設置為:
用戶名.github.io

例如:如果你的 GitHub 用戶名是 hexo-user,那么倉庫名就必須是:

hexo-user.github.io

這是 GitHub Pages 的默認規則。

  1. 選擇 Public(公開),點擊 Create repository 完成創建。

👉 詳情可以參考這篇文章:從零開始搭建你的個人博客:使用 GitHub Pages 免費部署靜態網站


7.2 安裝部署插件

回到本地博客項目目錄,運行以下命令安裝 Hexo 部署工具:

npm install hexo-deployer-git --save

在這里插入圖片描述


7.3 配置 _config.yml

打開博客根目錄下的 _config.yml 文件,找到 deploy 部分。
在這里插入圖片描述

修改為:

deploy:type: gitrepo: https://github.com/你的用戶名/你的用戶名.github.io.gitbranch: master

復制github網頁地址

注意:

  • 如果你的 GitHub 默認分支是 main,這里就寫 branch: main
  • repo 一定要寫成你自己的倉庫地址。

7.4 部署博客

先生成靜態文件:

hexo generate

在這里插入圖片描述

然后執行部署:

hexo deploy

在這里插入圖片描述

第一次運行時,可能會提示輸入 GitHub 的用戶名和密碼。
如果你開啟了雙重驗證,需要使用 Personal Access Token(個人訪問令牌) 代替密碼。


7.5 訪問你的博客

部署完成后,稍等片刻,打開瀏覽器訪問:

https://用戶名.github.io

在這里插入圖片描述

你也可以嘗試訪問我的主頁:Hexo

就能看到你剛剛寫的博客啦 🎉


7.6 常見問題

  1. Git 未安裝
    如果提示 git: command not found,說明沒有安裝 Git,需要先到 Git 官網 下載并安裝。

  2. 權限錯誤
    如果提示 Permission denied,可能是 SSH/Token 沒有配置好。推薦使用 HTTPS 倉庫地址,并使用 Token 部署。

  3. 分支不對
    部署后訪問不到,檢查 _config.yml 里的 branch 是否和 GitHub 倉庫的默認分支一致。


總結

到這里,你已經完成了:

  • ? 本地搭建 Hexo 博客
  • ? 寫下第一篇 Markdown 文章
  • ? 部署到 GitHub Pages,讓全世界都能訪問

接下來你可以嘗試:

  • 更換 Hexo 主題,讓博客更漂亮
  • 配置 自定義域名,讓博客網址更個性化
  • 使用 標簽、分類,整理文章內容

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/98100.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/98100.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/98100.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Git 簡介

Git 是目前全球最流行的分布式版本控制系統(Distributed Version Control System, DVCS),核心作用是追蹤文件修改歷史、支持多人協同開發,并能高效管理代碼(或任何文本類文件)的版本迭代。它由 Linux 內核創…

后端Web實戰-Spring原理

目錄 1. 配置優先級 2. Bean管理 2.1 獲取Bean 2.2 Bean作用域 面試題:Lazy是如何解決循環依賴問題的? 2.3 第三方Bean 3. SpringBoot原理 3.1 起步依賴 3.2 自動配置 3.2.1 概述 3.2.2 自動配置的原理及常見方案 3.2.2.1 概述 3.2.2.2 方案…

在 Qoder 等 AI 二創 IDE 里用 VS Code Remote-SSH 的“曲線連接”實戰

目標:讓你在 Qoder 等在線/AI 輔助 IDE 中,也能像本地 VS Code 一樣通過 Remote-SSH 連接到自己的遠程服務器進行開發。 前提:只在你擁有或被授權的服務器上使用,遵守所用平臺的條款與限制。兩句話說清楚 先用本地 VS Code 正常連…

python發送請求SSL驗證設置

這個錯誤通常是由于SSL/TLS握手失敗導致的,可能原因包括證書驗證問題、不兼容的加密協議或網絡連接中斷。以下是幾種解決方案,按推薦順序排列: 方案一:臨時禁用SSL驗證(快速測試) response requests.get(u…

工廠自動化正從 “人工堆疊” 向 “設備替代” 快速轉變

?人工進行零件排列,雖在操作靈活性上有一定表現,但實際應用中存在明顯短板,對工廠自動化轉型形成制約。從成本來看,一名工人日均工資約數百元,若需 5-6 名工人協同作業,月均人力成本易突破萬元&#xff0c…

中標麒麟7.4部署gitlab-runner

1. 部署環境 本次部署環境完全斷網。需要離線下載gitlab-runner及其依賴。 本次部署環境為中標麒麟7.4。目前機器上部署了gitlab,安裝了maven。 2. 部署步驟 2.1 在外部下載好依賴 我首先在騰訊云上布置了一個centos7.9的虛擬機,沒有安裝任何東西。 …

在 IDEA 2024 創建 Vue 項目(保姆級)

目錄 一、 前后端分離 1. 簡介 2. 實現前后端分離的常用前端框架 3. 前后端分離和動靜分離 3.1 前后端分離: 3.2 動靜分離: 二、 Vue.js概述 1. 簡介 2. SPA介紹 2.1 優點 2.2 缺點 3. MVVM介紹 3.1 示例 三、 名詞解釋 1. Node.js 2. npm 3. webpack 4. Vue…

Coze源碼分析-資源庫-創建知識庫-后端源碼-應用/領域/數據訪問

3. 應用服務層 3.1 知識庫應用服務 文件位置: backend/application/knowledge/knowledge.go func (k *KnowledgeApplicationService) CreateKnowledge(ctx context.Context, req *dataset.CreateDatasetRequest) (*dataset.CreateDatasetResponse, error) {// 1. 轉換文檔類型d…

Shopify指紋手機矩陣:無限擴店,橫掃FB/GG廣告封號風險

一、 為什么需要為Shopify使用指紋手機?雖然Shopify不會因為你多開店而封號,但以下場景需要隔離環境:規避廣告平臺關聯:這是最核心的用途。你會用Facebook、Google、TikTok等廣告平臺為你的Shopify店鋪引流。這些廣告平臺嚴格禁止…

【Python】家庭用電數據分析Prophet預測

數據集:Household Electricity Consumption | Kaggle 目錄 數據集簡介 探索性分析 Prophet預測 Prophet模型 Prophet理念 Prophet優點 數據集簡介 240000-household-electricity-consumption-records數據集包含了一個家庭6個月的用電數據,收集于2…

信息系統運維管理

運行維護服務指的是采用信息技術手段及方法,依據客戶提出的服務要求,為其在使用信息系統過程中提出的需求提供的綜合服務是信息技術服務中的一種主要類型。運行維護服務對象是指信息系統工程建設項目交付的內容,包括機房基礎設施,…

系統編程完結整理以及補充

Shell(命令與腳本語法) 系統編程(一)shell的學習-CSDN博客 功能/概念語法/關鍵字參數/用法說明返回值/效果難易點注意事項示例/實驗提示定義函數func_name() { commands; }無參數或通過 $1 $2 ... 傳參函數執行參數傳遞、全局變…

第十四屆藍橋杯青少組C++選拔賽[2022.12.18]第二部分編程題(2、字符翻轉)

參考程序&#xff1a;#include <bits/stdc.h> using namespace std;int main() {string s;cin >> s; // 讀取輸入字符串&#xff0c;若無輸入則結束for (int i 0; i < (int)s.size(); i) {// i 從 0 開始&#xff0c;位置是 i1&#xff1b;如果 i 是奇數&#…

Django基礎環境入門

熟悉過程 搭建環境&#xff0c;運行起來基礎請求到服務接口跟java web對比 說明先不糾結細節先跑起來再說 1. 環境搭建 python已經安裝&#xff0c;使用conda管理 django安裝 django官方文檔 pip install django也可以命令創建 mkdir djangotutorial django-admin startp…

408學習之c語言(結構體)

今天給大家分享C語言中結構體的幾種常見使用方法&#xff0c;包括基礎結構體定義與初始化&#xff0c;結構體指針的兩種訪問方式&#xff0c;結構體數組的遍歷&#xff0c;動態內存分配與結構體使用&#xff0c;typedef簡化結構體類型基礎結構體定義與使用#define _CRT_SECURE_…

Navicat中設計表格默認值時,如何不設置成NULL,而是設置成空文本?

在 Navicat 中設計表時&#xff0c;將字段的默認值設置為空文本而不是 NULL 是一個非常常見的需求。操作很簡單&#xff0c;但有幾個細節需要注意。■ 方法一&#xff1a;通過“設計表”界面設置&#xff08;最常用&#xff09;1. 連接數據庫并找到表&#xff1a;在左側連接導…

深入理解Java虛擬機:JVM高級特性與最佳實踐(第3版)第十三章知識點問答(15題)

預告下一本 可能是mysql8的書籍 或者是AI應用工程的基本崗位所有技能 問題1 什么是 線程安全&#xff1f;在 Java 中如何定義“線程安全”&#xff1f;線程安全&#xff08;Thread Safety&#xff09; 的定義是&#xff1a; 當多個線程同時訪問某個類的對象時&#xff0c;無論運…

【醫療 AI】Baichuan-M2:大語言模型在醫療領域的動態驗證框架

Baichuan-M2 醫療大模型&#xff1a;技術解讀與使用方法 Baichuan-M2&#xff1a;大語言模型在醫療領域的動態驗證框架 【醫療 AI】Baichuan-M2&#xff1a;大語言模型在醫療領域的動態驗證框架0. Baichuan-M2 模型簡介0.1 基本信息0.2 主要貢獻0.3 論文摘要1. 引言2. 驗證系統…

Ubuntu\Linux環境中驅動版本配置cudaToolKit

修改環境變量。 1. 首先檢查當前的環境變量 # 查看當前PATH echo $PATH# 查看當前LD_LIBRARY_PATH echo $LD_LIBRARY_PATH# 查看當前CUDA_HOME echo $CUDA_HOME2. 確定正確的CUDA安裝路徑 # 查看系統中有哪些CUDA版本 ls /usr/local/cuda*3. 修改環境變量(永久生效) 編輯…

Linux基礎開發工具(gcc/g++,yum,vim,make/makefile)

目錄 軟件包管理器——yum Linux下&#xff0c;軟件的安裝 yum與軟件包的關系 yum命令的運用 1.查看軟件包 2.安裝/刪除軟件包 編輯器——vim vim的基本概念 vim的基本操作 命令模式命令 移動光標 刪除文字 撤銷上一次操作 跳至指定的行 底行模式命令 編譯器——…