1. 程式人生 > >使用Hexo+Github一步步搭建屬於自己的部落格(基礎)

使用Hexo+Github一步步搭建屬於自己的部落格(基礎)

前言:電腦系統為window 10專業版,64位

相關步驟:

1、安裝Node.js和配置好Node.js環境,開啟cmd命令列,成功介面如下

 2、安裝Git和配置好Git環境,安裝成功的象徵就是在電腦上任何位置滑鼠右鍵能夠出現如下兩個選擇

 

注意:一般出於安全考慮,只有在Git Bash Here中才能進行Git的相關操作。如果需要在cmd命令列裡呼叫Git,那麼就要配置電腦的環境變數Path,或者在安裝的時候選擇use Git from the Windows Command Prompt。這個可有可無,影響不大,成功配置的介面如圖

 3、Github賬戶註冊和新建專案,專案必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。並且需要勾選Initialize this repository with a README

在建好的專案右側有個settings按鈕,點選它,向下拉到GitHub Pages,你會看到那邊有個網址,訪問它,你將會驚奇的發現該專案已經被部署到網路上,能夠通過外網來訪問它。 

 4、安裝Hexo,在自己認為合適的地方創個資料夾,我是在D盤建了一個blog資料夾。然後通過命令列進入到該資料夾裡面

輸入npm install hexo -g,開始安裝Hexo

輸入hexo -v,檢查hexo是否安裝成功

輸入hexo init,初始化該資料夾(有點漫長的等待。。。)

看到後面的“Start blogging with Hexo!”,激動有木有!!!!!

輸入npm install,安裝所需要的元件

輸入hexo g,首次體驗Hexo

 輸入hexo s,開啟伺服器,訪問該網址,正式體驗Hexo

問題:假如頁面一直無法跳轉,那麼可能埠被佔用了。此時我們ctrl+c停止伺服器,接著輸入“hexo server -p 埠號”來改變埠號

那麼出現如下圖就成功了

 5、將Hexo與Github page聯絡起來,設定Git的user name和email(如果是第一次的話)

 

上圖是在其資料夾裡面滑鼠右鍵,點選Git Base Here。這裡“feng”可以替換成自己的使用者名稱,郵箱可以替換成自己的郵箱

輸入cd ~/.ssh,檢查是否由.ssh的資料夾

輸入ls,列出該檔案下的內容。下圖說明存在

 輸入ssh-keygen -t rsa -C “[email protected]”,連續三個回車,生成金鑰,最後得到了兩個檔案:id_rsa和id_rsa.pub(預設儲存路徑是:C:\Users\Administrator\.ssh)

 

 輸入eval "$(ssh-agent -s)",新增金鑰到ssh-agent

 再輸入ssh-add ~/.ssh/id_rsa,新增生成的SSH key到ssh-agent

 登入Github,點選頭像下的settings,新增ssh

 

新建一個new ssh key,將id_rsa.pub檔案裡的內容複製上去

輸入ssh -T [email protected],測試新增ssh是否成功。如果看到Hi後面是你的使用者名稱,就說明成功了

問題:假如ssh-key配置失敗,那麼只要以下步驟就能完全解決

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
刪除你在github中的public-key

重新生成ssh金鑰對
ssh-keygen -t rsa -C "[email protected]"

接下來正常操作
在github上新增公鑰public-key:
1、首先在你的終端執行 xclip -sel c ~/.ssh/id_rsa.pub將公鑰內容複製到剪下板
2、在github上新增公鑰時,直接複製即可
3、儲存

測試:
在終端 ssh -T [email protected]

6、配置Deployment,在其資料夾中,找到_config.yml檔案,修改repo值(在末尾)

 

repo值是你在github專案裡的ssh(右下角)

7、新建一篇部落格,在cmd執行命令:hexo new post “部落格名”

 這時候在資料夾_posts目錄下將會看到已經建立的檔案

在生成以及部署文章之前,需要安裝一個擴充套件:npm install hexo-deployer-git --save

使用編輯器編好文章,那麼就可以使用命令:hexo d -g,生成以及部署了

 

部署成功後訪問你的地址:http://使用者名稱.github.io。那麼將看到生成的文章

 好了,到此為止,最基本的也是最全面的hexo+github搭建部落格完結。接下來是進階的操作

相關推薦

輕鬆代建個人部落 Hexo+Github步步搭建屬於自己部落

使用Hexo+Github一步步搭建屬於自己的部落格(基礎) 前言:電腦系統為window 10專業版,64位   歡迎預覽 我的部落格  

使用Hexo+Github步步搭建屬於自己部落基礎

前言:電腦系統為window 10專業版,64位 相關步驟: 1、安裝Node.js和配置好Node.js環境,開啟cmd命令列,成功介面如下  2、安裝Git和配置好Git環境,安裝成功的象徵就是在電腦上任何位置滑鼠右鍵能夠出現如下兩個選擇   注意:一般出於安全考慮,只有在Git Bash Here

Hexo+GitHub+Netlify一站式搭建屬於自己部落網站

喜歡的話請關注我的個人部落格我在馬路邊,此文為博主原創,轉載請標明出處。 “吾生也有涯,而知也無涯。” 都說每個做技術的人都應該有一個屬於自己的部落格網站,但是總是因為種種事情半途而棄,藉著剛剛搭建完部落格的熱情寫一下是如何搭建此部落格的,其實現在搭建部落格很簡單,這套部落格就是採用

晚上搭建個人域名部落Github+Hexo

搭建個人域名部落格其實沒有那麼難。下班到家後,九點開始,十二點半的時候就可以訪問了http://www.lvchongstudio.top。 接下來就記錄一下整個搭建的過程,以及這其中的坑,重點是坑。 首先要準備的環境 Node.js git 阿里雲購

Asp.net MVC 搭建屬於自己的框架

C4D pagedlist del tran 6.0 ext 才有 應該 frame 網址:https://www.cnblogs.com/sggx/p/4555255.html 為什麽要自己搭框架?   大家夥別急,讓我慢慢地告訴你!大家有沒有這種感覺,從一家跳槽到另一家

基於windows平臺Git+GitHub+Hexo搭建個人部落

  去年的時候使用Hexo搭建了一個部落格,當時主題使用的是JackMan,雖說這個theme是挺好看的了,但是自己感覺還少點東西,所以自從搭建好後就一直沒用,筆記還是放在CSDN上。前兩天偶然發現了一位大神的部落格,當時一眼就喜歡上了這個主題,瀏覽網站後知道大神的部落格也是用Hex

搭建自己部落:簡單搭建首頁和詳情頁

上一篇我們建立了部落格表和標籤表以及超級使用者,那如何將建立的部落格通過網頁顯示出來呢?‘我們簡單的建立首頁和詳情頁。 1、新建html介面 首先建立在blog app下建立一個templates資料夾,這個資料夾用來放置前端頁面,注意資料夾名字必須是templates。 建立blog_list.htm

搭建自己部落:優化首頁和詳情頁

上一篇簡單的建立了詳情頁和首頁,這篇稍微優化一下,添加發布日期,分類,標籤以及根據標籤篩選該標籤的內容。 1、優化首頁和詳情頁 <!DOCTYPE html> <html lang="en"> <head> <meta charset

搭建自己部落:優化分頁功能

上一篇簡單的添加了分頁功能,但是感覺太粗糙了,這篇優化分頁功能。 1、變化的內容 2、上程式碼 ul.blog-types { list-style-type: none; } div.blog:not(:last-child) { margin-b

HexoHexo+Github構建個人部落 :新增面板主題

一、選擇主題 選擇你自己喜歡的主題 參考: 二、配置主題 1.我選擇了hexo-theme-yilia這個主題,簡潔大方,功能齊全; 2.具體新增方法: 安裝 git clone https://github.com/litten/hexo-theme-yilia.

無備案 隱性轉發url 通過github 新建html 轉發到自己部落

教程也是看回來的 實操了一下 可行. <html> <head> <meta http-equiv="Content-Language" content="zh-CN"> <meta HTTP-EQUIV="Content-Type"

使用github搭建個人部落初級

不能再初的初級版了,我保證!!我也是百度跟著別的大大的步驟一步步來的,寫到部落格記錄下,免得以後忘記。 步驟: 1、登入賬號後,點選下圖按鈕,新建倉庫。 2、填寫倉庫的屬性,倉庫名格式:你的github使用者名稱.github.io, 個人部落格簡介和描述檔

通過GitHub和GoDaddy搭建靜態個人部落

一、建立GitHub個人主頁 通過GitHub建立個人部落格的好處:無廣告,因為頁面程式碼全是你自己寫的;免費,不用買主機;裝X;設計和編碼練習。 1. 在GitHub上建立一個新的repository,名稱格式為:GitHub使用者名稱.github.io。比如我的GitHub使用者名稱為openxxs,則

Hexo搭建部落——修改基本內容

在 Hexo 中有兩份主要的配置檔案,其名稱都是 _config.yml。 其中,一份位於站點根目錄下,主要包含 Hexo 本身的配置;另一份位於主題目錄下,這份配置由主題作者提供,主要用於配置主題相關的選項。 1 語言設定 開啟站點目錄下的“_config.yml”

Django搭建部落:進階:form與 model配合使用

一、使用情景 在我們的後臺管理頁面中需要一個表單來提交和修改部落格,按照上一篇講的,我們可以這麼使用: 先定義一個 Form類,包括標題、標籤和內容三個欄位: class ArticleForm(forms.Form): title = forms.CharFi

Django搭建部落:為部落新增程式碼高亮顯示和 md文件支援

一、用到的模組 Markdown pygments re 安裝直接使用 pip 安裝最新版本即可 二、支援的 markdown格式 目前只支援 Typora編輯器所支援的 markdown格式。 特別需要注意的是:程式碼塊必須使

如何更改自己部落部落園的的背景

首先 , 先開啟部落格園的首頁 -> 我的部落格-> 管理-> 設定 ->  找到頁面定製CSS程式碼然後貼上下文程式碼 /* 程式碼高亮開始,使用了一個叫Monokai Sublime的黑色主題面板,直接拿過來還不行,有一些樣式衝突,還要自己稍微改一些地方 Mon

步步一起學DApp開發】web3.js 基本使用 | 連線geth | 建立web客戶端

概述 web3.js內部使用JSONRPC與geth通訊。它把所有JSON-RPC API當作JavaScript API,也就是說,它不僅支援所有與以太坊相關的API,還支援與Whisper和Swarm相關的API。 相關連結 web3.js託管地址

搭建個人部落論壇的建議

        相信不少人希望搭建自己的部落格或者論壇作為自己的一個程式程式碼或者學習記錄存放的地方,還有可能地話就是弄一些比較有意義的論壇方便大家交流。博主給大家一些個人建議,僅供參考。         對於搭建個人部落格和論壇,我們比較熟悉的是discuz和wordpr

flask搭建個人部落——骨架、資料庫

編寫骨架程式: manage.py config.py app/main/__init__.py app/auth/__init__.py app/email.py app/models.py 設計資料庫models: 簡單的建立四個table:roles,users,c