自己有一個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ù)深入探索。