使用Hexo+Github搭建個人博客網站


  曾幾何時,筆者也幻想過寫個項目來搭建屬於自己的個人博客。
  但是,寫程序以及維護的成本,不禁讓我猶豫再三,最后還是選擇了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中,如下圖:
配置SSH

博客初始化

  新建一個空的文件夾,比如筆者新建了文件夾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界面

博客維護

  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/ ,歡迎大家訪問。以后,筆者將會逐漸往個人博客網站傾斜,而減少使用公開的博客社區。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM