万物之时

万物之时

万物之时的个人博客
github
blog

Hexo博客搭建 11b9cc4813b98074b198fe92d5bdd910

Hexo 博客搭建#

type: 文章
status: 发布
date: 2024/10/10
slug: hexo
summary: Hexo 是一個快速、簡潔且高效的博客框架。 Hexo 使用 http://daringfireball.net/projects/markdown/(或其他標記語言)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
tags: hexo, 博客,建站,文字
category: 教程

什麼是 Hexo?#

Hexo 是一個快速、簡潔且高效的博客框架。 Hexo 使用 Markdown(或其他標記語言)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。

一,搭建前的軟體準備#

搭建之前需要準備的軟體:
Git:官网下载:https://git-scm.com/
Git 安裝教程:https://www.cnblogs.com/xueweisuoyong/p/11914045.html
Node.js 官網下載:http://nodejs.cn/
這篇文章裡有修改 node.js 快取路徑的教學:https://www.cnblogs.com/liuqiyun/p/8133904.html
如果覺得下載麻煩可以通過網盤下載:
小飛機網盤下載鏈接:(node-v20.18.0-x64,Git-2.46.2-64-bit)
鏈接:https://share.feijipan.com/s/voCrF8tW

測試下是否都下載成功

node -v
npm -v
git -v

二, 安裝 hexo。#

下載 hexo#

npm install hexo-cli -g

本地生成博客內容#

  1. 在喜歡位置新建文件 Blog,然後進入文件夾
  2. 右鍵空白處然後點 Git bash here,依次輸入
hexo init
hexo install

如果提示‘command not find’,就在前面加上 npx,如:npx hexo init

接著依次輸入

hexo g
hexo s

國內與 github 連接不穩定,可能無法連接,最好掛個梯子

#搭建 GitHub 倉庫

  1. 註冊 / 登入Github
  2. 點擊 Create a new repository(創建倉庫)進入新建倉庫頁面
  3. 倉庫名輸入:
用戶名.github.io

注意:此處必須為你的 GitHub 用戶名

https://cdn.jsdelivr.net/gh/wanwuzhishi/picx-images-hosting@master/Clip_2024-10-07_22-10-04.7p3l109rpo.png

勾選 Public(公共)

勾選 Add a README file(添加一個 README 文件)

拉到下面點擊 create(創建 )創建

https://cdn.jsdelivr.net/gh/wanwuzhishi/picx-images-hosting@master/Clip_2024-10-07_22-11-53.361jy16mei.png

生成 SSH Keys#

進入任意文件夾,右鍵空白處然後點 Git bash here, 輸入

ssh-keygen -t rsa -C "郵件地址"

此處 “郵件地址” 为你註冊 GitHub 的郵件

  1. 敲 4 次 Enter
  2. 進入 C:\Users\ 用戶名,在裡面進入.ssh 文件
  3. 用記事本打開裡面的 id_rsa.pub, 全選複製裡面的代碼
  4. 然後打開github
  5. 進入用戶設置,找到 SSH keys
  6. 新建 SSH keys,名稱隨意,在下面粘貼代碼,
  7. 點擊創建

## 測試是否成功
在 git bash 中輸入

ssh -T git@github.com

敲 Enter,然後再輸入 yes

本地博客部署到 GitHub#

  1. 進入之前的 Blog 文件夾,用記事本打開_config.yml
  2. 拉到最下面將 deploy 後面的全刪掉,複製粘貼這段
  type: git
  repository:
  branch: main

注意縮進格式:每行前面都有兩個空格不要刪,每個冒號後面都有個空格也不要刪

  1. 去 github 之前生成的倉庫頁面,點 code,複製 https 鏈接
  2. 將其粘貼到我們記事本中的 repository:後面
  3. 然後保存退出

## 回到博客文件夾,git bash
安裝自動部署發布工具

npm install hexo-deployer-git --save

然後在 Blog 文件夾右鍵打開 git bash,依次輸入

hexo g(生成)
hexo d(上傳)

如果是第一次使用 git 的話會需要配置

git config --global user.email "你的郵箱"
git config --global user.name "你的名字"

配置完後再 hexo d 上傳

在跳出來的窗口內進行登錄

https://cdn.jsdelivr.net/gh/wanwuzhishi/picx-images-hosting@master/Clip_2024-10-07_22-33-18.1025ca6otu.png

這樣就成功把本地內容上傳到 github 了

上傳成功以後,我們就算搭建好了!上自己的網址看看吧

網址是我們之前設的倉庫名:用戶名.github.io

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。