Hexo是一種快速、簡單且強大的靜態部落格框架,它可用於建立個人部落格或網站。與其他CMS(內容管理系統)不同,例如WordPress或Joomla,Hexo產生靜態文件,這使得網站的訪問速度更快,更安全。
本文將向你介紹使用Hexo建立個人博客,並透過GitHub部署到互聯網上的詳細步驟。
在開始之前,需要先安裝Hexo。首先,請確保機器上已安裝Node.js,npm (Node.js套件管理器) 和Git。開啟終端,輸入以下指令來安裝Hexo:
$ npm install -g hexo-cli
安裝完Hexo之後,就可以建立一個新的網站了。請依照以下步驟進行:
選擇一個資料夾作為存放Hexo網站的資料夾。在終端機輸入以下命令,進入此資料夾:
$ cd /path/to/folder
執行以下命令產生一個新的Hexo網站:
$ hexo init myblog
進入新創建的站點:
$ cd myblog
現在我們有一個基本的Hexo站點,接下來需要進行設定。
網站設定檔為_config.yml
。該文件包含你的網站訊息,例如網站名稱、描述、標籤、第三方社交媒體等。在終端機輸入以下指令,編輯該檔案:
$ nano _config.yml
在檔案中,你需要設定以下內容:
title:
設定你的網站名稱author:
設定你的名字description:
設定你的網站描述language:
設定你的語言timezone:
設定你的時區#theme:
設定你的Hexo主題 deploy:
設定你的部署類型theme:下輸入
next。在
deploy下,我們將GitHub作為我們的部署類型,因此需要提供以下資訊:
deploy: type: git repo: https://github.com/yourusername/yourusername.github.io.git branch: master此處
yourusername應替換為您的GitHub使用者名稱和GitHub頁面儲存庫名稱。
$ 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網站部署到該儲存庫中。
$ cd /path/to/myblog接下來,使用下列指令將網站初始化為git存儲函式庫:
$ git init此指令將在網站目錄中初始化一個空的git儲存庫。 新增變更在本機電腦上修改了Hexo博客,需要將變更新增至git儲存庫。輸入以下命令,新增檔案和修改檔案:
$ git add .提交變更輸入以下命令,提交變更:
$ git commit -m "My First Blog Post"在引號內填上此次提交的描述內容,例如此處的標題「
My First Blog Post」。
$ 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,並將公鑰貼到文字方塊中。
$ hexo deploy輸入此指令後,Hexo會自動將你的變更提交到GitHub儲存庫,並且在
yourusername .github.io上部署網站。
https://yourusername.github.io來訪問了。
以上是怎麼使用Hexo建立個人博客的詳細內容。更多資訊請關注PHP中文網其他相關文章!