使用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中，以下圖：

博客初始化

  新建一個空的文件夾，好比筆者新建了文件夾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/ ，歡迎你們訪問。之後，筆者將會逐漸往我的博客網站傾斜，而減小使用公開的博客社區。