哈嘍大家好,我是咸魚。 前段時(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)教程。
在搭建個(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/
Node.js是一個(gè)JavaScript運(yùn)行環(huán)境,使得我們的JavaScript代碼可以在瀏覽器之外運(yùn)行。下載并安裝Node.js: http://nodejs.cn/download/
安裝完Git和Node.js后,按下Win+R鍵,輸入cmd。在彈出的命令提示符窗口中輸入以下命令來(lái)檢驗(yàn)是否安裝成功。
git --version
npm version
由于npm下載速度較慢,我們需要換成國(guó)內(nèi)下載源并使用cnpm管理Node.js。
npm install -g cnpm --registry=https://registry.npmmirror.com
接下來(lái),我們需要安裝Hexo,在命令提示符窗口中輸入以下命令:
cnpm install -g hexo
在任意位置創(chuàng)建一個(gè)新文件夾,用于存儲(chǔ)網(wǎng)站的靜態(tài)文件。例如,我的新建文件夾路徑如下:E:\myblog。然后,右鍵點(diǎn)擊打開Git Bash Here,并輸入以下命令:
# 初始化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)完成了一半!
登錄Github,在Github中新建一個(gè)倉(cāng)庫(kù)。
注意 : Repository name一定要按照要求填寫,其他的默認(rèn)即可。
為了方便本地與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中。
現(xiàn)在,我們可以將博客正式部署到Github。進(jìn)入創(chuàng)建的博客文件夾,找到配置文件_config.yml。
部署路徑部分:
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。
至此,我們的博客搭建成功了!
小編推薦閱讀機(jī)器學(xué)習(xí):神經(jīng)網(wǎng)絡(luò)構(gòu)建(下)
閱讀華為Mate品牌盛典:HarmonyOS NEXT加持下游戲性能得到充分釋放
閱讀實(shí)現(xiàn)對(duì)象集合與DataTable的相互轉(zhuǎn)換
閱讀鴻蒙NEXT元服務(wù):論如何免費(fèi)快速上架作品
閱讀算法與數(shù)據(jù)結(jié)構(gòu) 1 - 模擬
閱讀5. Spring Cloud OpenFeign 聲明式 WebService 客戶端的超詳細(xì)使用
閱讀Java代理模式:靜態(tài)代理和動(dòng)態(tài)代理的對(duì)比分析
閱讀Win11筆記本“自動(dòng)管理應(yīng)用的顏色”顯示規(guī)則
閱讀本站所有軟件,都由網(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)