Hexo Github搭建個人部落格(清晰版)

2021-08-30 04:25:43 字數 1672 閱讀 3619

2.軟體安裝

3.hexo安裝與本地部落格搭建

4.託管到github伺服器

5.網域名稱繫結

小結技術更新快,需要去學習的東西很多。寫寫部落格來幫助自己梳理、積累學習的點滴很有必要。是應該擁有乙個自己的部落格了,那就開始吧!

目前三種主流的搭建部落格方式:

我選用了第一種方式(git+github+markdown+hexo)來搭建,也希望能夠把這個搭建的過程說的明白。

首先對我們搭建部落格需要用到的工具進行乙個簡要的說明:

既然我們已經知道需要準備些什麼,並知道它們各自的用途,那下面用時序圖來說明一篇博文從編寫到通過網域名稱訪問部落格的大致過程。

hexo負責管理工作,hexo-cli負責建立hexo 工程。參考:

hexo 與 hexo-cli 的關係、入門教程

耐心等待,初始化如下圖:

hexo資料夾下生成的檔案及簡要說明如下圖:

生成node_modules目錄 :hexo的外掛程式目錄。

npm uninstall hexo
.然後刪除hexo資料夾中的所有內容就ok了。

現在我們將本地部落格託管到github伺服器,實現遠端訪問。

為了節約篇幅,需要了解的小夥伴請移步 註冊github賬號

.如何新建倉庫,請參考 建立github倉庫的步驟及方法

.需注意命名規則,說明如下如:

hexo本地的配置檔案_config.yml關聯上剛才在github上新建立的倉庫。

對github不是很熟悉的小夥伴,可以先看一下這個號稱

史上最簡單的github教程【偷笑】

輸入githubname.github.io訪問部落格,會不會顯得有些不夠檔次啊,繫結乙個自己的網域名稱吧!

網域名稱**商有很多,我選了 阿里的萬網,可以直接使用支付寶授權登入,然後實名,再購買網域名稱(購買後需過幾個小時才能生效,有簡訊通知):

參考:

hexo github搭建個人部落格

安裝 git,hexo,nodejs 由於這不是一篇詳細的如何搭建過程所以詳細的請看其他的 如 這位老鐵的 1.新建文章 在根目錄下右擊 git bash here 輸入 hexo new three 則會在hexo source posts目錄下找到three.md 開啟編輯即可 vs code編...

一 hexo github搭建個人部落格的過程記錄

前提 1.新建乙個github倉庫 2.安裝配置node.js 3.安裝配置git 開啟github 註冊 登入賬號,新建乙個倉庫 注 倉庫名稱要求,yourname.github.io 勾選initialize this repository with a readme 新建完成後開啟倉庫,點選右...

Docker WordPress搭建個人部落格

wordpress是目前非常受歡迎的開源部落格系統,今天使用docker wordpress搭建個人部落格,整個過程非常絲滑。安裝dokcer比較簡單幾行命令下來,安排的明明白白 更新apt倉庫索引 sudo apt get update安裝軟體,允許apt使用https軟體源 software p...