GitHub Pages hexo 搭建部落格

2021-09-23 06:10:58 字數 1938 閱讀 5526

跟著教程摸索著完成了部落格的搭建。位址是我的部落格。目前空空如也,而且也沒有替換網域名稱(主要是因為窮唉)。

等待後續的更改新增吧。

以此記錄一下遇到的坑,備份一下步驟,冷不防哪天還需要重新來呢哈哈。

安裝git

比cmd好用一萬倍!!配置github

建立乙個倉庫,將其命名為username.github.iousername就是你的使用者名稱。

安裝hexo

這是最後乙個安裝的東西,也是最考驗人品的。在這裡,我們就用到了git和npm。

在該資料夾內,右鍵點開git bash,cmd是什麼?忘掉它吧。

輸入以下命令安裝

$ npm install -g hexo
建立乙個新的post

先不用關掉原來的git bash ,開啟乙個新的,然後執行hexo new "開博大吉!!",再重新整理你的部落格,就可以看到有新文章啦!

當然,應該會有兩篇。在hexo new 文章的時候,應該先關閉服務(ctrl+c)。

執行下面的命令,將markdown檔案生成靜態網頁。該命令執行完後,會在 d:\hexo\public\ 目錄下生成一系列html,css等檔案。

$ hexo generate
部署到github.

部署到github前需要配置_config.yml檔案,首先找到下面的內容:

# deployment

## docs:

deploy:

type:

然後將它們修改為

# deployment

## docs:

deploy:

type: github

repository: [email protected]:anjimie/anjimie.github.io.git

branch: master

基本完成啦,嘗試一下開啟 或者你的部落格檢視一下吧!

每次部署的步驟有以下三步:

hexo clean

hexo generate

hexo deploy

本地測試則可以用

$ hexo g #生成

$ hexo s #啟動本地服務,進行文章預覽除錯

常用命令總結:

hexo new "postname" #新建文章

hexo new page "pagename" #新建頁面

hexo generate #生成靜態頁面至public目錄

hexo server #開啟預覽訪問埠(預設埠4000,'ctrl + c'關閉server)

hexo deploy #將.deploy目錄部署到github

hexo help # 檢視幫助

hexo version #檢視hexo的版本

復合命令:

hexo deploy -g  #生成加部署

hexo server -g #生成加預覽

簡寫為:

hexo n == hexo new

hexo g == hexo generate

hexo s == hexo server

hexo d == hexo deploy

hexo安裝不成功

可能的解決方案:

-檢視系統變數是否有問題

-使用git bash(賊好用!)

發表的部落格中文亂碼。

解決方案:md檔案檢查一下是否為utf-8編碼。

tbc

主題外掛程式

了解githubPages hexo搭建部落格的原理

之前用githubpages hexo搭建了乙個自己的部落格 sunshine940326.github.io 就是你現在看到的部落格 當時還不知道怎麼使用git和github,所以只是跟著網上的教程在一步一步操作,現在了解了git知道怎麼使用之後才慢慢明白其中的原理。什麼是github pages...

部落格搭建 Github Pages Hexo

桌面右鍵滑鼠,點選git bash here,輸入npm命令即可安裝 npm install hexo cli g npm install hexo deployer git s e 第一句是安裝hexo,第二句是安裝hexo部署到git page的deployer,兩個都需要安裝。選擇乙個檔案位置...

搭建jekyll Github Pages部落格

個人部落格 作業系統 windows10 引用自官網 jekyll 是乙個簡單的部落格形態的靜態站點生產機器。它有乙個模版目錄,其中包含原始文字格式的文件,通過乙個轉換器 如 markdown 和我們的 liquid 渲染器轉化成乙個完整的可發布的靜態 你可以發布在任何你喜愛的伺服器上。jekyll...