目錄
安裝Hexo
建立一個新的Hexo站點
設定Hexo
首頁 開發工具 Git 怎麼使用Hexo建立個人博客

怎麼使用Hexo建立個人博客

Apr 26, 2023 am 09:14 AM

Hexo是一種快速、簡單且強大的靜態部落格框架,它可用於建立個人部落格或網站。與其他CMS(內容管理系統)不同,例如WordPress或Joomla,Hexo產生靜態文件,這使得網站的訪問速度更快,更安全。

本文將向你介紹使用Hexo建立個人博客,並透過GitHub部署到互聯網上的詳細步驟。

安裝Hexo

在開始之前,需要先安裝Hexo。首先,請確保機器上已安裝Node.js,npm (Node.js套件管理器) 和Git。開啟終端,輸入以下指令來安裝Hexo:

$ npm install -g hexo-cli
登入後複製

建立一個新的Hexo站點

安裝完Hexo之後,就可以建立一個新的網站了。請依照以下步驟進行:

  1. 選擇一個資料夾作為存放Hexo網站的資料夾。在終端機輸入以下命令,進入此資料夾:

    $ cd /path/to/folder
    登入後複製
  2. 執行以下命令產生一個新的Hexo網站:

    $ hexo init myblog
    登入後複製
  3. 進入新創建的站點:

    $ cd myblog
    登入後複製

現在我們有一個基本的Hexo站點,接下來需要進行設定。

設定Hexo

網站設定檔為_config.yml。該文件包含你的網站訊息,例如網站名稱、描述、標籤、第三方社交媒體等。在終端機輸入以下指令,編輯該檔案:

$ nano _config.yml
登入後複製

在檔案中,你需要設定以下內容:

  1. title: 設定你的網站名稱
  2. author: 設定你的名字
  3. description: 設定你的網站描述
  4. language:設定你的語言
  5. timezone: 設定你的時區
  6. #theme: 設定你的Hexo主題
  7. deploy: 設定你的部署類型
##例如,如果你想使用Next主題,你需要在

theme:下輸入next。在deploy下,我們將GitHub作為我們的部署類型,因此需要提供以下資訊:

deploy:
  type: git
  repo: https://github.com/yourusername/yourusername.github.io.git
  branch: master
登入後複製
此處

yourusername應替換為您的GitHub使用者名稱和GitHub頁面儲存庫名稱。

儲存檔案並退出。

建立一篇新文章

現在網站已經配置好了,接下來建立一篇新的文章。在Hexo中,將使用Markdown檔案來建立文章。在終端機輸入以下指令,建立一個新文章:

$ hexo new "My First Blog Post”
登入後複製
此指令將在

/source/_posts目錄下建立一個新的Markdown檔案my-first-blog-post .md。使用任何編輯器開啟該文件,並使用Markdown語法編寫內容。

例如:

---
title: My First Blog Post
date: 2021-05-01 22:31:01
tags:
description: This is my very first blog post!
---

Hello world!

This is my first blog post on my new Hexo site. I'm really excited to start writing and sharing my thoughts with the world.
登入後複製
在儲存並退出檔案後,就可以將它部署到GitHub上了。

部署Hexo到GitHub

首先,需要在GitHub上建立一個新的儲存庫。請確保該儲存庫的名稱為

yourusername.github.io,其中yourusername應替換為你的GitHub使用者名稱。該存儲庫便是你的個人部落格。建立儲存庫後,需要在本機電腦上進行一些操作,將Hexo網站部署到該儲存庫中。

初始化本機儲存庫

在終端機輸入以下指令,將目前目錄設定為Hexo網站目錄:

$ cd /path/to/myblog
登入後複製
接下來,使用下列指令將網站初始化為git存儲函式庫:

$ git init
登入後複製
此指令將在網站目錄中初始化一個空的git儲存庫。

新增變更

在本機電腦上修改了Hexo博客,需要將變更新增至git儲存庫。輸入以下命令,新增檔案和修改檔案:

$ git add .
登入後複製
提交變更

輸入以下命令,提交變更:

$ git commit -m "My First Blog Post"
登入後複製
在引號內填上此次提交的描述內容,例如此處的標題「

My First Blog Post」。

部署到GitHub

部署到GitHub,需要為感興趣的儲存庫設定SSH金鑰。輸入以下指令:

$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
登入後複製
在引號內填上你的GitHub註冊信箱。

接下來,按下回車鍵將一路留空,直到SSH密鑰產生完畢。

使用以下指令將公鑰加入GitHub:

$ cat ~/.ssh/id_rsa.pub
登入後複製
將這個公鑰複製到你的GitHub帳戶。在GitHub頁面的

Settings選單中,選擇SSH and GPG keys,選擇New SSH key,並將公鑰貼到文字方塊中。

輸入以下程式碼,將程式碼推到GitHub儲存庫:

$ hexo deploy
登入後複製
輸入此指令後,Hexo會自動將你的變更提交到GitHub儲存庫,並且在

yourusername .github.io上部署網站。

從此刻起,你的部落格就可以透過造訪

https://yourusername.github.io來訪問了。

結論

使用Hexo快速安全地建立個人部落格是一個絕佳的選擇。結合GitHub的使用,你可以迅速建立一個專業的部落格網站,並在全球範圍內分享你的知識。遵循本文所述步驟,你也可以輕鬆地創建自己的Hexo博客,並將其部署到GitHub平台上。

以上是怎麼使用Hexo建立個人博客的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
威爾R.E.P.O.有交叉遊戲嗎?
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

git vs. github:版本控制和代碼託管 git vs. github:版本控制和代碼託管 Apr 11, 2025 am 11:33 AM

Git是版本控制系統,GitHub是基於Git的代碼託管平台。 Git用於管理代碼版本,支持本地操作;GitHub提供在線協作工具,如Issue跟踪和PullRequest。

git和github相同嗎? git和github相同嗎? Apr 08, 2025 am 12:13 AM

Git和GitHub不是同一回事。 Git是版本控制系統,GitHub是基於Git的代碼託管平台。 Git用於管理代碼版本,GitHub提供在線協作環境。

Github難以學習嗎? Github難以學習嗎? Apr 02, 2025 pm 02:45 PM

GitHub不難學。 1)掌握基礎知識:GitHub是基於Git的版本控制系統,幫助追踪代碼變化和協作開發。 2)理解核心功能:版本控制記錄每次提交,支持本地工作和遠程同步。 3)學習使用方法:從創建倉庫到推送提交,再到使用分支和拉取請求。 4)解決常見問題:如合併衝突和忘記添加文件。 5)優化實踐:使用有意義的提交消息,清理分支,使用項目板管理任務。通過實踐和社區交流,GitHub的學習曲線並不陡峭。

我應該把git或github放在簡歷上嗎? 我應該把git或github放在簡歷上嗎? Apr 04, 2025 am 12:04 AM

在簡歷上應根據職位要求和個人經驗選擇寫Git還是GitHub。 1.如果職位要求Git技能,突出Git。 2.如果職位看重社區參與,展示GitHub。 3.確保詳細描述使用經驗和項目案例,以完整句子結束。

Microsoft是否擁有Git或Github? Microsoft是否擁有Git或Github? Apr 05, 2025 am 12:20 AM

微軟不擁有Git,但擁有GitHub。 1.Git是林納斯·托瓦茲在2005年創建的分佈式版本控制系統。 2.GitHub是基於Git的在線代碼託管平台,成立於2008年,微軟於2018年收購。

如何將github用於HTML? 如何將github用於HTML? Apr 07, 2025 am 12:13 AM

使用GitHub管理HTML項目的原因是它提供了版本控制、協作開發和展示作品的平台。具體步驟包括:1.創建並初始化Git倉庫,2.添加和提交HTML文件,3.推送到GitHub,4.使用GitHubPages部署網頁,5.利用GitHubActions自動化構建和部署。此外,GitHub還支持代碼審查、Issue和PullRequest功能,幫助優化和協作開發HTML項目。

什麼是簡單的話? 什麼是簡單的話? Apr 09, 2025 am 12:12 AM

Git是一個開源的分佈式版本控制系統,幫助開發者跟踪文件變化、協同工作和管理代碼版本。它的核心功能包括:1)記錄代碼修改,2)回退到之前版本,3)協同開發,4)創建和管理分支進行並行開發。

我應該從git還是github開始? 我應該從git還是github開始? Apr 06, 2025 am 12:09 AM

從Git開始更適合深入理解版本控制原理,從GitHub開始更適合關注協作和代碼託管。 1.Git是一個分佈式版本控制系統,幫助管理代碼版本歷史。 2.GitHub是一個基於Git的在線平台,提供代碼託管和協作功能。

See all articles