曾幾何時,筆者也幻想過寫個項目來搭建屬於自己的個人博客。
但是,寫程序以及維護的成本,不禁讓我猶豫再三,最后還是選擇了CSDN等博客網站。將近三年的博客生涯,我嘗試了不同的博客網站,各有各的利和弊,不變的是廣告,這讓人很不爽。
直到今天,我看到了別人寫的利用Hexo+Github來搭建個人博客網站,如獲至寶。折騰了一陣以后,輕松完成了個人博客的搭建,這種清爽的界面風格,讓人耳目一新,同時它又是免費的,功能繁多的,便於維護的。
下面,我將會介紹如何來使用Hexo+Github搭建個人博客網站。
准備工作
為了順利地完成個人博客網站的搭建,需要做以下准備工作:
- 安裝Git和NodeJs(版本在8.10以上);
- 安裝Hexo(命令為
npm i -g hexo
); - Github賬號
搭建博客
下面將分步來介紹如何使用Hexo和Github來搭建個人博客網站。
創建Github倉庫
在Github中新建一個名為username.github.io的空倉庫,其中username是你在GitHub上的用戶名,比如筆者的倉庫名為percent.github.io。
配置SSH
如果想要使用遠程從你的電腦上傳文件至你的github倉庫,那么,你就需要配置SSH。點擊你個人Github上的Settings選項,在SSH and GPG keys
中配置SSH的公鑰,一般公鑰位於.ssh/id_rsa.pub
中,如下圖:
博客初始化
新建一個空的文件夾,比如筆者新建了文件夾github_blog
,使用hexo init
命令初始化博客。初始化后的文件夾結構如下:
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
上述文件說明如下:
- _config.yml 網站的 配置 信息,您可以在此配置大部分的參數。
- package.json:應用程序的信息。EJS, Stylus 和 Markdown renderer 已默認安裝,您可以自由移除。
- scaffolds:模版文件夾。當您新建文章時,Hexo會根據 scaffold 來建立文件。
- source:資源文件夾是存放用戶資源的地方。
- themes:主題文件夾。Hexo 會根據主題來生成靜態頁面。
生成個人博客網站
配置_config.yml文件,配置信息如下:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/percent4/percent4.github.io.git(第一步創建的Github倉庫)
branch: master
安裝插件npm install hexo-deployer-git --save
后,運行如下命令:
hexo clean # 清除數據
hexo d -g # 生成博客
這時候,你會看到博客數據會提交至Github的信息,而第一步創建的空倉庫也有了提交內容,當然,你的個人博客也搭建搭建完畢,訪問網址為:https://username.github.io/ ,其中username是你在GitHub上的用戶名。界面如下:
博客維護
Hexo提供了一套維護博客的優雅的辦法。筆者在此僅介紹如何新建一篇博客。新建博客格式為markdown格式,比如我想創建一篇名為利用Tornado搭建文檔預覽系統
的博客,可以使用以下命令:
hexo new 利用Tornado搭建文檔預覽系統
這時候會在你當前目錄下的source/_posts文件夾下生成利用Tornado搭建文檔預覽系統.md
,其中內容如下:
---
title: 利用Tornado搭建文檔預覽系統
date: 2020-06-09 18:32:29
tags:
---
其中title為博客標題,date為博客時間,tags為博客標簽。在---
后面可以寫博客正文的內容。
寫完博客后,使用命令
hexo clean # 清除數據
hexo d -g # 生成博客
就會更新個人博客。
當然,Hexo還提供了許多豐富的功能,比如theme(主題)等,這會使得你的博客內容更加豐富,功能更加完善。
筆者大家的個人博客網站為:https://percent4.github.io/ ,歡迎大家訪問。以后,筆者將會逐漸往個人博客網站傾斜,而減少使用公開的博客社區。