1. 程式人生 > >Github+hexo個人部落格更換主題

Github+hexo個人部落格更換主題

github+hexo更該主題

環境:Windows 7 64位

1、首先到hexo-themes中選擇主題,博主選用的主題為yelee

2、然後進入blog資料夾,然後Git bash here,

輸入以下指令,從git 上clone,放到blog資料夾下的themes/資料夾下,並命名為yelee:

git clone [email protected]:MOxFIVE/hexo-theme-yelee.git themes/yelee

效果如下圖:
這裡寫圖片描述

3、更改blog資料夾下的_config.yml檔案,(可以用記事本開啟,推薦notepad++),然後將theme: landscaps 更改 theme: yelee,如下圖

這裡寫圖片描述

4、然後執行

hexo server 或者 hexo s

然後瀏覽器輸入 localhost:4000就可以看到預覽效果了

ps:如果4000埠被佔用,更改埠

hexo server -p 5000

效果如下
這裡寫圖片描述

ps:注意這裡只是本地預覽,還沒有部署到網站上

5、主題部署到網站

基礎知識:
說明:網站的部署其實就是生成靜態檔案,blog下所有生成的靜態檔案會放在public/資料夾中,所謂部署deploy其實就是將public/資料夾中內容上傳到git倉庫heimu24.github.io中。

ps:如果是第一次部署網站的話,首先需要安裝一個用於部署的外掛hexo-deployer-git,這個外掛可以自動將public/檔案中內容上傳到master下(即用於生成github.io介面的檔案)。(自行檔案複製也行)
ps:如果已經部署過了,請直接跳過,直接執行第6步.

npm install hexo-deployer-git --save

然後在blog/_config.yml中進行如下配置:
這裡寫圖片描述

6、進行生成(generate)和部署(deploy)

hexo g    # 或hexo generate
hexo d    # 或hexo deploy

這個時候你在進入heimu24.github.io就可以看到效果和第4步展示的效果是一樣的。

至此結束,成功!!!

ps:網站再次進行部署時,還需要清理public資料夾內容,重新生成部署,用以下命令。

hexo clean  #尤其在更換主題後使用
hexo g
hexo d

參考連結:

相關推薦

Github+hexo個人部落更換主題

github+hexo更該主題 環境:Windows 7 64位 1、首先到hexo-themes中選擇主題,博主選用的主題為yelee 2、然後進入blog資料夾,然後Git bash here, 輸入以下指令,從git 上clone,

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

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

github搭建個人部落 hexo框架 next主題

之前就想搭建自己的部落格,現在終於得以實施。參考了多篇部落格,然後又在虛擬機器了往往復複試了好多次, 現在基本搭建完畢。我是基於hexo部落格框架, next主題搭建的部落格, 靜態網頁。   大體就是, 先在本地搭建好整個系統, 然後再提交到github。因為此篇文章只是撿

使用Hexo+Github搭建個人部落

個人部落格:             技術部落格:http://messi1002.top/             閱讀部落格:http://www.read1002.t

Mac上基於hexo+GitHub搭建個人部落(一)

之前一直使用部落格園和簡書,但是部落格園太複雜,而簡書雖然很簡單,但是沒什麼新鮮感,偶然得知hexo+github可以搭建自己的部落格,主要是可以自己定主題,還很simple,因此,找了個時間,自己搞了一下,感覺還可以,就自己弄了一個。 1 環境配置 Hexo官網上有搭建文件! 1.1 安

github搭建個人部落 hexo d無效

在github上搭建個人部落格,hexo已經部署完畢,本地訪問也沒有問題,但最後hexo d就是push不上去 檢查了deploy,看不出有什麼問題,後面百度了一下,發現有個巨坑,type: git中間必須有個空格!!!! deploy:   type: git   reposit

Mac下Hexo+GitHub搭建個人部落

Mac下Hexo+GitHub搭建個人部落格 環境搭建 Node和Git安裝完成後,在終端下輸入下面的命令: sudo npm install -g hexo 初始化hexo 在使用者目錄下建立名為hexo的資料夾 mkdir hexo 然後cd到此目錄下

github或者oschina搭建hexo個人部落

hexo 搭建過程中遇到的問題 1.github +hexo生成個人部落格 網址http://www.cnblogs.com/jackyroc/p/7681938.html 2.oschina +hexo 生成個人部落格 網址https://blog.csdn.net/wrp0101

hexo搭建個人部落--NexT主題優化

寫在前面 本文為個人前一篇文章hexo搭建個人部落格–基礎篇的後續篇,前文主要介紹瞭如何搭建一個個人網站以及繫結域名等相關內容,還沒有建站的夥伴們可以看一下前文,已經搭建好的就可以忽略了。 本文的優化是基於Hexo的NexT主題的,其他主題的疑問也可以在後臺

hexo+github搭建個人部落(超詳細教程)

首先呢,先說一下吧,作為一個程式猿來說,大多的大牛都是使用的是msdn/github這些來交流技術,但是我後來發現csdn上面好多的大牛都已經摒棄csdn,自己搭建個人部落格進行發表文章記錄點滴了。

使用hexo+GitHub搭建個人部落的心得(含教程)

Author Email Yaoyao Liu [email protected] 前言 對於廣大CS專業的學生和碼農,找一個地方寫部落格,記錄一些程式設計、配置環境、閱讀論文的心得體會是一個很常見的習

github上搭建hexo個人部落(Linux-Ubuntu)

什麼是 Hexo? Hexo 是一個部落格框架,用來生成靜態網頁。 安裝前提 安裝 Hexo 很簡單。但是在安裝前,需要檢查電腦裡有沒有這兩樣東西。 - Node.js - Git 以下安裝都是基於Ubuntu平臺下 安裝 Git 開啟終

關於Git和Hexo+GitHub搭建個人部落的記錄

前言 本來想通過vue.js+nodejs+mongo構建個部落格專案,一方面可以實踐新技術,另一方面也可以有自己的個人部落格,後來因為各種拖延,一直沒開始,(lll¬ω¬),突然看到朋友都在使用git, 也想試試手,剛好又看到大家都用github的pag

Linux環境下使用hexo+github搭建個人部落

前言 相當前天刷知乎,看見別人的blog的是放在github上,最近也剛學會使用github,也想嘗試著將自己的blogs放在github上;昨天曾經Google查詢資料,嘗試著自己搭建但是無奈出現問題,最後一步安裝hexo失敗了;今天不甘心,又去查閱了hexo的官方文件。

hexo+github搭建個人部落

v 大概可以分為以下幾個步驟 搭建環境準備(包括node.js和git環境,gitHub賬戶的配置) 安裝Hexo 配置Hexo 怎樣將Hexo與github page 聯絡起來 怎樣釋出文章 主題 推薦 主題Net的簡單配置 新增sitemap和fe

詳細介紹用Hexo+Github建立個人部落

以前自己也用買的伺服器搭建過個人部落格,折騰了好久,由於一些原因放棄了,現在發現用Hexo和Github也可以實現搭建個人部落格,於是又重新折騰了一番,途中也遇到很多坑,但是這樣的方式不需要花費錢,也比較簡單,所以在這裡我想把自己的過程詳細的寫下來。 搭建過程具體來說有一

Hexo+Github搭建個人部落(一)

前言 經常在檢視技術文章時跳轉到大佬們的個人部落格,看起來很酷很炫。也想自己搭一個。嗯,於是有了這篇部落格。 基礎概念 個人以為,學習使用一項技術之前首先要簡單瞭解下它的基本概念,不要一上來就幹~沒前戲是不行的。所以我們不妨先來看一下Hexo 和 Gi

使用hexo+yilia+github搭建個人部落

經過幾天的折騰,終於配成功了,現記錄如下,本人是在win7上搭建個人部落格的。 直奔主題,搭建個人部落格主要分為以下幾步: * 先檢視效果(本人搭建的部落格) * 本地環境搭建(win7) * 安裝hexo * 主題切換 * SSH配置 *

Hexo部落更換主題和Markdown使用

準備,我們需要先從hexo官網下載自己喜歡的主題,這裡下載yelee的主題,下載好了之後,我們將主題放在myblog,注意看我的上一篇部落格 修改_config.yml 同樣使用命令輸入

程式設計師如何用GitHub打造個人部落(二)

上一篇程式設計師如何用GitHub打造個人部落格(一) 介紹瞭如何搭建靜態網頁的部落格,包括如何釋出文章等等.這篇主要介紹升級NexT主題.  預設使用NexT主題,之前的V5.1.0很多新的功能沒有支援,需要升級成最新的V5.1.4,裡面增加了不好新功能,如下: 開啟微