使用hexo,next搭建github主頁

自己有一個github頁面,之前一直用github的默認模板,然后直接掛在那里很長一段時間...今天查一些python的東西的時候想到了這個荒廢很久的頁面,于是就想到有沒有什么方法好好利用它。

在很多模板中,我選擇了next作為個人主頁的模板。以下是我的步驟。

1. 本地環(huán)境

next是基于hexo構(gòu)建的,所以需要安裝hexo,具體可以參照hexo官網(wǎng)的教程,一步一步來就可以了。

安裝好hexo之后,需要建立本地存放主頁的文件夾,然后讓hexo對這個文件夾進行初始化,搭建好相關(guān)環(huán)境。

這個時候可以輸入hexo s命令查看效果,默認是landscape主題。要使用next主題的話需要把主題文件放入theme文件夾里。(/theme/next)

next主題可以在github上進行獲取,官方文檔提供幾種參考方法,為了方便,我選擇了直接git clone最新的master分支。

放入本地主頁文件夾之后需要設(shè)置網(wǎng)站根目錄下的_config.yml的theme屬性為next(默認landscape)

next主題的相關(guān)設(shè)置可以在主題文件夾里面的_config.yml里面進行設(shè)置,比如各種樣式等。

2. Github設(shè)置

首先需要新建一個Repository,名字最好是{github用戶名}.github.io。

然后在項目設(shè)置里面選擇github pages進行相關(guān)的配置。

如果有自己的域名的話,建議在source里面新建一個cname文件存儲對應(yīng)的域名,githubpage的設(shè)置里面的那個配置有可能會在之后的更新中莫名其妙的消失。(因為生成cname的位置不同,github默認的是jekyll那套風(fēng)格的,和hexo有沖突)此外記得在自己申請的域名的網(wǎng)站上增加相關(guān)的cname記錄。

3. 部署運行

部署前需要安裝hexo-deployer-git插件以及網(wǎng)站根目錄_config.yml的deploy的設(shè)置(主要是配置git相關(guān)的信息),具體可查閱hexo提供的這方面的教程

配置好之后執(zhí)行hexo clean && hexo deploy,hexo為編譯好網(wǎng)頁文件并將其部署到github對應(yīng)分支。
(注:該方法只會上傳編譯好之后的網(wǎng)站頁面,源文件不會上傳。個人試過hexo上面提供的github在線ci/cd的方法,不過生成的是空文件,所以沒有選用)

如果master上面出現(xiàn)對應(yīng)頁面的文件的話,就說明網(wǎng)頁成功生成,可以體驗自己主頁生成的感覺了。

這些只是我對hexo和next的一些初步的認知,之后有時間的話會繼續(xù)深入探索。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容