Github + Hexo 搭建博客

2021-12-21 湧動的生命力

最近突然想起自己之前還用 Github + Hexo 搭建過自己的博客，找到源碼一看還是 2017 當時準備面試的時候寫的幾篇文章。一轉眼已經過去了四年，最近恰好有想要做的，也有想要分享的，那就重拾一下這個博客，趁著國慶放假，收拾收拾。背起行囊，繼續出發。

種一棵樹最好的時間是十年前，其次是現在。那就先簡單記錄一下自己 Github + Hexo 搭建屬於自己的博客的過程吧！

在寫之前還是先介紹一下兩個主角：GitHub 和 Hexo

GitHub

GitHub 是通過 Git 進行版本控制的軟體原始碼託管服務平臺，已經成為了世界上最大的代碼存放網站和開源社區。裡面其實有很多有意思的東西。這次主要用到的是GitHub Pages，GitHub Pages 是 GitHub 提供的一個網頁託管服務，可以用於存放靜態網頁，包括博客、項目文檔甚至整本書。一般GitHub Pages 的網站使用 github.io 的子域名，但是用戶也可以使用第三方域名。

Hexo

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。

接下來進入主題，搭建的主要步驟

步驟(Mac)安裝 HomeBrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
該步驟並不是必須的，但是在Mac上安裝了HomeBrew，安裝一些package將會非常方便。
安裝Git
brew install git
查看是否安裝成功，正常會顯示當前安裝的git版本
git --version
GitHub創建個人倉庫創建自己的repo，命名規則為「用戶名.github.io」設置user.name和user.email配置信息
git config --global user.name "你的GitHub用戶名"
git config --global user.email "你的GitHub註冊郵箱"
生成ssh密鑰文件，一直回車即可，不需要設置密碼，然後找到生成的.ssh的文件夾中的id_rsa.pub密鑰，將內容全部複製
ssh-keygen -t rsa -C "你的GitHub註冊郵箱"
打開Github，選擇帳戶中的settings中的SSH and GPG keys 頁面，點擊New SSH key ，將剛剛生成的key內容複製進去，標題可以任意取檢測是否已經配置成功，正常會顯示「Hi monkeylzl! You've successfully authenticated, but GitHub does not provide shell access.Connection to github.com closed.」
ssh git@github.com 
安裝Node.js
安裝Node.js會包含環境變量及npm的安裝
brew install node
檢測是否安裝成功
node -v

npm -v
安裝Hexo
npm install -g hexo-cli
建站發布文章
hexo init blog
進入到「blog」文件夾進行操作，可以進行預覽，默認有一個「Hello World」的文檔
hexo s
修改根目錄下的_config.yml文件，搜索「deploy」關聯上面創建的git repo
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: git@github.com:monkeylzl/monkeylzl.github.io.git #添加自己的repo git 地址
  branch: master
npm install hexo-deployer-git --save
創建文章並發布，發布完之後，打開 https://monkeylzl.github.io/ 自己的博客查看，注意發布可能需要一些時間，如果沒有顯示內容可以稍微等一會然後刷新下
hexo clean 
hexo new "Test"
hexo g 
hexo d
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #啟動服務預覽
hexo d == hexo deploy #部署
計劃
這篇文章初步講解了搭建過程，後續會介紹 Hexo 的主題配置，打造自己喜歡的博客風格。
個人博客的效果可以複製連結然後打開 https://monkeylzl.github.io/參考文獻
[1] GitHub 維基百科：https://zh.wikipedia.org/wiki/GitHub
[2] Hexo 官網：https://hexo.io/zh-cn/
[3] HomeBrew 官網：https://brew.sh/
[4] Git 安裝官網：https://git-scm.com/downloads
[5] GitHub 官網：https://github.com/
[6] Node.js 安裝官網：http://nodejs.cn/learn/how-to-install-nodejs

相關焦點

  • Hexo+Github/Gitee 搭建個人博客
    搭建個人博客的框架有很多，比如wordpress、Hexo、Vuepress、Jekyll、Django等，Hexo博客簡潔高效，配置簡單，文章可以使用markdown語法編寫，下面介紹 hexo博客搭建步驟。
  • 使用Hexo+Github搭建個人博客網站
    下面，我將會介紹如何來使用Hexo+Github搭建個人博客網站。為了順利地完成個人博客網站的搭建，需要做以下準備工作：安裝Hexo（命令為npm i -g hexo）;搭建博客下面將分步來介紹如何使用Hexo和Github來搭建個人博客網站。
  • 途牛原創 如何使用 hexo+github 搭建個人博客
    如果你不想要像新浪、csdn 這類樣式醜、頁面內容雜的博客網站，或者不想在移植、遷移上浪費精力，又或者不想付出多餘的銀子買VPS，那麼 GitHub Pages 是不錯的選擇。GitHub Pages 有以下幾個優點：輕量級的博客系統，沒有麻煩的配置免費空間，享受 Git 版本管理功能使用標記語言，比如 Markdown無需自己搭建伺服器可以綁定自己的域名當然他也有缺點：搭配模板系統，相當於靜態頁發布，每運行生成一次都必須遍歷全部的文本文件，網站越大，生成時間越長
  • 用 GitHub + Hexo 建立你的第一個博客
    建立博客的通常渠道包括：在博客平臺上註冊，比如 博客園、CSDN、新浪博客 等。利用博客框架搭建，如 WordPress、Jekyll、hexo 等。自己用代碼寫一個。其中，第一種最簡單，也最受限，說不定還會被刪帖刪號。第二種稍複雜，另外需要自己找部署的伺服器，但可定製化較高，是很多程式設計師的選擇。
  • Hexo免費搭建一個屬於自己的博客
    ，OK接下來咱們開始搭建吧！一、前言該博客用的是Hexo框架，基於Node.js，搭建博客首先需要有一個GitHub帳號並且配置了SSH Keys（申請步驟這裡就不介紹了，網上教程很多），然後在GitHub裡創建一個名為username.github.io的倉庫，還需要安裝Git、安裝Node.js、安裝Hexo二、準備工作
  • 如何用 GitHub 從零開始搭建一個博客?
    作為目前全球最大的程式設計師社區，GitHub 能做的可不僅僅是託管源碼這一操作，你還可以使用 GitHub 的 Pages 功能來搭建一個屬於自己的博客，在上面寫文章，開評論，跟讀者互動，隨意更換博客主題，只要你想折騰，這些都能輕鬆做到。今天跟大家分享一篇文章，教你如何一步步使用 GitHub 搭建出個人博客。
  • 如何用 GitHub 從零開始搭建一個博客 ?
    搭建個人博客的文章：【新手向】從零開始搭建一個酷炫免費的個人博客但有些細節方面寫的不是很清楚，依舊有很多小夥伴來反饋沒有搭建成功。今天周末就跟大家分享一篇文章，細節滿分，教你如何一步步使用 GitHub 搭建出個人博客。按照步驟一步步操作下去，你肯定能擁有一個自己的博客，Let's go !準備條件在這裡先跟大家說一些準備條件，有些同學可能一聽到搭建博客就望而卻步。弄個博客網站，不得有臺伺服器嗎？不得搞資料庫嗎？不得註冊域名嗎？
  • 如何搭建一個比簡書更精美的個人博客
    幸好我們生存在一個開源的時代，今天小編就用hexo，帶你搭建一個比簡書更精美的個人博客。只要把hexo部署到雲伺服器再配置一個域名就萬事大吉了。二、部署然而，大多數想嘗鮮的人並不想如此破費。我們也還需要其他方案——利用github來建立自己的主頁。
  • 5分鐘 搭建免費個人博客
    三步完成免費個人博客搭建， 這是一篇小白也能看懂的文章，本文主要針對OS X ，Windows 除了軟體安裝方式和命令有些區別（裝了git bash也一樣），其他基本一樣。你可能經常會看到類似於這樣的博客：
  • 現在還有1%的程式設計師不會搭建博客,是你嗎?
    在 2020 年如果還沒有自己的技術博客確實有點落伍了，但是搭建自己的技術博客有很多種技術方案，我知道的有  Hexo, jeklly, vuepress  等。寵粉無邊，所以儘量所有的技術方案都手把手教大家一輪，讓大家都有自己的個人博客。
  • 個人博客|第一章|手把手教你搭建、上線個人博客
    」前言Hello，我是淡漠，今天帶大家一起搭建個人博客。個人博客一直都是非常受歡迎的個人項目，個人博客分靜態和動態兩種，淡漠個人比較青睞靜態博客，靜態不需要管理後端，相比動態博客，靜態博客可以不需要花一分錢，開發成本要低一些，畢竟作為學生黨，買伺服器放一個博客網站有點浪費，也可以把精力集中於寫博客，而不是開發博客。
  • Hexo博客寫作與圖片處理的經驗
    Hexo是一款非常優秀的開源博客管理工具，所有的博客文檔都通過Markdown格式編寫，Markdown編輯器有很多，原來的時候我經常用Evernote編寫，但是Evernote寫Markdown經常會出現輸入法響應緩慢的情況。最近我從Evernote轉到了Typora，想到哪裡就能夠敲字寫到哪裡，而且輸入後馬上就能夠轉換為友好的顯示樣式，體驗非常好。
  • 如何擁有個人的Github技術博客
    題圖：87testing.com前不久用wordpress搭建了一個博客，用起來感覺不是太好用，並且資料庫經常會發生異常掛掉
  • 絲滑的博客:基於COS/CDN/CI/Hexo/DNS
    目前搭建博客有哪些選擇呢？動態博客：WordPress...靜態博客：Hexo、Jekyll、Hugo...對於一般的內容而言，使用動態博客較為複雜，需要資料庫、運行環境的配合。動態博客的代碼也較為複雜，修改代碼進行個性化難度較高。靜態博客就方便多了，如 github 原生支持的 Jekyll 博客。
  • iOS14搭配快捷指令在手機上寫hexo博客
    突然想起博客年久失修，生活博客半年沒更，技術博客半年內倒是更了兩個，但都是寫了標題沒寫多少內容。不玩lol了之後是越來越懶得動電腦，家裡的臺式機也就是在吃飯的時候才打開20分鐘用B站下飯。由於博客使用hexo搭建，不開電腦的話更新的機率就很小。所以我就想，我能不能在手機上寫博客，再用一種快捷的方式推送到伺服器上？
  • 手把手搭建個人博客(圖文教程)
    首先我們談一談搭建個人博客必要性，個人認為在學習過程中，被動接受知識對你的提高是輕微的。可見搭建個人博客是非常有必要的，很多讀者很早就要求我發一篇搭建個人博客的文章，由於個人時間願意本來想直接轉載，但是在自己實際操作中遇到很多坑，浪費不少時間，都是把主要步驟給出且時間久遠，沒有詳細的圖文配合。
  • 使用GitHub和阿里雲效自動發布博客
    前言我接觸過很多博客平臺：WordPress、Jekyll、Hexo、Typecho和Vuepress，有的是靜態博客有的需要伺服器運維，玩過花裡胡哨後私以為博客最重要的是思考和記錄，而不是不停地裝飾。所以總結一些經驗可以讓大家快速把博客搭建起來，並且不會憂愁後續的維護。
  • 零代碼教你用 GitHub 搭建個人博客!
    轉自量子位，作者賴可GitHub 不僅可以傳代碼，還可以建博客。利用 GitHub Pages 平臺，就可以搭建非常好用的個人博客。但是難點在於，你在要敲很多代碼才能搭出一個博客。對於小白和新手來說，太不友好。沒關係！現在不用寫代碼也可以了。不需要敲碼，不用寫使用命令行，可以自定義主題，還能有自己的域名。
  • 可能是最全面的github pages搭建個人博客教程
    Git倉庫首先你要在github上有自己博客倉庫，用來生成和存放博客文章。你可以直接fork我的博客倉庫。這樣你馬上有了自己的博客倉庫。點這裡https://github.com/lemonchann/lemonchann.github.io我的博客地址進去fork，之後在你自己的倉庫下會看到剛複製的倉庫。以後的操作都在你自己的倉庫進行。
  • 手把手帶你用 VuePress + Github Pages 搭建博客
    大家好，我是漫步，新的一年快來了，也許你會想要搭建一個屬於自己的博客，冴羽的這篇文章應該能幫到你。喜歡記得關注我並設為星標。前言最近完成了 TypeScript 最新官方文檔 Hanbook 的翻譯，一共十四篇，堪稱國內的最好 TypeScript4 入門教程之一。