您的位置:首頁(yè) > 軟件教程 > 教程 > 使用Hexo搭建個(gè)人博客

使用Hexo搭建個(gè)人博客

來(lái)源:好特整理 | 時(shí)間:2024-04-27 08:49:00 | 閱讀:87 |  標(biāo)簽: EXO   | 分享到:

哈嘍大家好,我是咸魚。 前段時(shí)間看到一個(gè)學(xué)弟寫了篇用 Hexo 搭建博客的教程,心中沉寂已久的激情重新被點(diǎn)燃起來(lái)。(以前搞過(guò)一個(gè)個(gè)人網(wǎng)站,但是因?yàn)榉N種原因最后不了了之) 于是花了一天時(shí)間參考教程搭了個(gè)博客網(wǎng)站,我的博客網(wǎng)址是:https://xxxsalted.github.io/ 下面是相關(guān)教程。

哈嘍大家好,我是咸魚。最近看到一個(gè)學(xué)弟寫了關(guān)于如何使用Hexo搭建博客的教程,這讓我重新燃起了搭建個(gè)人博客的激情(之前因?yàn)楦鞣N原因放棄了一個(gè)個(gè)人網(wǎng)站的搭建)。

以下是我用Hexo搭建的博客網(wǎng)址: https://xxxsalted.github.io/

下面是相關(guān)教程。

使用Hexo搭建個(gè)人博客

環(huán)境準(zhǔn)備

在搭建個(gè)人博客之前,我們需要先準(zhǔn)備好環(huán)境。首先是準(zhǔn)備Github。作為全球最大的程序員社交網(wǎng)站之一,我們需要?jiǎng)?chuàng)建一個(gè)Github賬號(hào),官網(wǎng)地址: https://github.com 。然后,我們需要下載并安裝Git,官網(wǎng)地址: https://git-scm.com/downloads 。如果訪問(wèn)速度較慢,可以使用以下地址進(jìn)行下載: https://registry.npmmirror.com/binary.html?path=git-for-windows/v2.42.0.windows.2/

使用Hexo搭建個(gè)人博客

  • Node.js 準(zhǔn)備

Node.js是一個(gè)JavaScript運(yùn)行環(huán)境,使得我們的JavaScript代碼可以在瀏覽器之外運(yùn)行。下載并安裝Node.js: http://nodejs.cn/download/

  • 環(huán)境配置

安裝完Git和Node.js后,按下Win+R鍵,輸入cmd。在彈出的命令提示符窗口中輸入以下命令來(lái)檢驗(yàn)是否安裝成功。

git --version
npm version
  • 下載cnpm

由于npm下載速度較慢,我們需要換成國(guó)內(nèi)下載源并使用cnpm管理Node.js。

npm install -g cnpm --registry=https://registry.npmmirror.com

使用Hexo搭建個(gè)人博客

初始化博客

接下來(lái),我們需要安裝Hexo,在命令提示符窗口中輸入以下命令:

cnpm install -g hexo
  • 創(chuàng)建新文件夾

在任意位置創(chuàng)建一個(gè)新文件夾,用于存儲(chǔ)網(wǎng)站的靜態(tài)文件。例如,我的新建文件夾路徑如下:E:\myblog。然后,右鍵點(diǎn)擊打開Git Bash Here,并輸入以下命令:

使用Hexo搭建個(gè)人博客

# 初始化hexo
hexo init

# 生成網(wǎng)頁(yè)文件
hexo generate

# 部署到本地上
hexo server

如果在執(zhí)行命令時(shí)出現(xiàn)權(quán)限問(wèn)題,可以參考以下文章解決: https://www.cnblogs.com/yinxiangzhenlihai/p/15936518.html

接著,我們需要驗(yàn)證博客是否搭建成功: http://localhost:4000/

如果需要停止運(yùn)行,可以在Git Bash窗口中執(zhí)行Ctrl+C命令。

至此,我們的個(gè)人博客搭建已經(jīng)完成了一半!

使用Hexo搭建個(gè)人博客

托管至GitHub

  • 倉(cāng)庫(kù)創(chuàng)建

登錄Github,在Github中新建一個(gè)倉(cāng)庫(kù)。

使用Hexo搭建個(gè)人博客

注意 : Repository name一定要按照要求填寫,其他的默認(rèn)即可。

使用Hexo搭建個(gè)人博客

  • 設(shè)置免密登錄

為了方便本地與Github通信,需要設(shè)置SSH免密登錄。首先找到Github郵箱和用戶名,然后在博客文件夾下右鍵點(diǎn)擊打開Git Bash Here,并依次輸入以下命令:

git config --global user.name "github 用戶名"
git config --global user.email "github 郵箱"

然后檢驗(yàn):

git config user.name
git config user.email

接著,輸入以下代碼生成SSH文件:

cd ~/.ssh
ssh-keygen -t rsa -C "github 郵箱地址"

打開“用戶”目錄(C:\用戶\用戶名.ssh),找到id_rsa.pub文件,復(fù)制內(nèi)容,將其添加到Github的SSH keys中。

使用Hexo搭建個(gè)人博客

使用Hexo搭建個(gè)人博客

使用Hexo搭建個(gè)人博客

部署博客

現(xiàn)在,我們可以將博客正式部署到Github。進(jìn)入創(chuàng)建的博客文件夾,找到配置文件_config.yml。

使用Hexo搭建個(gè)人博客

部署路徑部分:

deploy:
  type: git
  repo: 你的 git 倉(cāng)庫(kù)地址
  branch: master

網(wǎng)站相關(guān)部分:

# Site
title: Amoon's blog
subtitle: ''
description: ''
keywords:
author: Ammon
language: zh-CN
timezone: 'Asia/shanghai'

url:https://xxxsalted.github.io 
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true
  trailing_html: true

我們還需要安裝一個(gè)插件,在Git Bash窗口中輸入:

cnpm install hexo-deployer-git --save 

然后執(zhí)行以下命令:

hexo clean 
hexo generate 
hexo deploy 

在生成靜態(tài)文件后,可以使用hexo s命令生成本地hexo網(wǎng)站進(jìn)行測(cè)試。如果沒(méi)有問(wèn)題,使用hexo d命令將其部署到Github。

至此,我們的博客搭建成功了!

小編推薦閱讀

好特網(wǎng)發(fā)布此文僅為傳遞信息,不代表好特網(wǎng)認(rèn)同期限觀點(diǎn)或證實(shí)其描述。

相關(guān)視頻攻略

更多

掃二維碼進(jìn)入好特網(wǎng)手機(jī)版本!

掃二維碼進(jìn)入好特網(wǎng)微信公眾號(hào)!

本站所有軟件,都由網(wǎng)友上傳,如有侵犯你的版權(quán),請(qǐng)發(fā)郵件[email protected]

湘ICP備2022002427號(hào)-10 湘公網(wǎng)安備:43070202000427號(hào)© 2013~2025 haote.com 好特網(wǎng)