在Windows10上使用GitHub和Hexo搭建自己的博客網站

前言

搭建網站一般需要購買域名和雲服務器空間,但對搭建博客網站來說,沒有高併發的訪問量需求,直接用GitHub提供的博客網站搭建方案綽綽有餘,同時加上已有的hexo模板方案便可搭建屬於我們自己的博客技術網站。

準備工作

Node.js下載及安裝

1.搜索Node.js官網下載最新的Current的14.3.0版本(下載可能會很慢,可以去中文node.js網站下載,這個比較快)。
在這裏插入圖片描述
2.默認安裝完成後,打開cmd命令行,測試node.js是否安裝成功,如下圖所示。其中下面的npm(node package manager)是node.js的工具管理包,安裝node.js時會默認安裝。

在這裏插入圖片描述

git下載及安裝

  • git官網下載2.26.2最新版本,安裝成功後打開cmd命令行,如下圖測試git是否安裝成功。

在這裏插入圖片描述

Hexo下載及安裝

1.首先在E盤創建一個Blog文件夾,用於存放你的博客網站源碼及模板,進入創建的文件夾,下載並安裝hexo如下圖所示。

在這裏插入圖片描述
2.測試hexo是否安裝成功。

在這裏插入圖片描述

博客搭建

創建GitHub項目

  • 自己註冊GitHub賬戶,創建一個新倉庫,注意倉庫名稱必須爲你的倉庫名.github.io,如下圖所示,因爲我已經註冊過了所以他會告訴你倉庫名已經存在。
  • 我註冊的倉庫名稱爲WandererYang.github.io,那麼我的項目已經部署到網絡上了,通過訪問https://wandereryang.github.io/就可以訪問你部署的倉庫網站了。

在這裏插入圖片描述

配置SSH Key

  • Secure Shell (SSH) 是一個允許兩臺電腦之間通過安全的連接進行數據交換的網絡協議。通過加密保證了數據的保密性和完整性。所以本地Git倉庫與服務器端GitHub倉庫之間的傳輸是通過SSH加密的,需要將本地生成的SSh key密匙加載到GitHub上。
  • 如果你以前生成過SSH key,點擊桌面上Git Bash圖標,打開Git命令行,通過下面命令
    查看,如果存在id_rsa、id_rsa.pub和known_hosts,說明以前生成過SSH密匙。
    在這裏插入圖片描述
  • 如果以前沒生成過SSH key,則打開Git Bash執行以下命令行,連續執行三個回車,最終會在你的用戶目錄下生成.ssh文件夾。
ssh-keygen -t rsa -C “你的郵箱”

在這裏插入圖片描述

  • 記事本打開id_rsa.pub文件並複製裏面的內容,打開你的github主頁,進入個人設置 -> SSH and GPG keys -> New SSH key:
    在這裏插入圖片描述
  • 保存之後,進行測試,看到Successfully,說明SSH Key已經配置成功。

在這裏插入圖片描述

-第一次使用Git需要設置Git的用戶名和郵箱:

git config --global user.name "yangyukuan"// 你的github用戶名,非暱稱
git config --global user.email  "[email protected]"// 填寫你的github註冊郵箱

配置Hexo博客

  • 前面已經安裝好hexo,打開cmd並進入之前創建的Blog文件夾,初始化Hexo。
    在這裏插入圖片描述

  • 輸入npm install,安裝其他組件。
    在這裏插入圖片描述

  • hexo g # 編譯生成html

  • hexo s (開啓本地預覽服務,打開瀏覽器訪問 http://localhost:4000 即可看到內容,如果4000端口被佔用,則使用命令hexo server -p 端口號來換其他端口訪問)

將hexo博客上傳至GitHub訪問

  • 用hexo新建一篇博客,在cmd命令行中執行如下命令:
    在這裏插入圖片描述
  • 可以在_posts文件夾下看到生成了一個新的markdown文件:
    在這裏插入圖片描述
  • 找到_config.yml配置文件,修改以下信息:
    在這裏插入圖片描述
  • 在生成以及部署文章之前,需要安裝一個擴展:npm install hexo-deployer-git --save
  • 使用命令:hexo clean -->hexo generate -->hexo deploy,生成以及部署。
    在這裏插入圖片描述
  • 這樣就可以訪問你的博客網站了。
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章