hexo+github建立自己的blog

小呆瓜coco發表於2018-04-14
HexoGithub

初始化部落格專案

cnpm install -g hexo-cli
cd Desktop
hexo init blog
cd blog 
cnpm install
hexo serve
複製程式碼

更改主題

1.在站點根目錄輸入

git clone https://github.com/iissnan/hexo-theme-next themes/next
複製程式碼

2.完成後，開啟站點配置檔案_config.yml， 找到theme欄位，並將其值更改為next

theme: next
複製程式碼

把landscape改為next
3.在終端輸入

hexo clean  //清除快取
hexo g  //重新生成程式碼
hexo s  //部署到本地

//然後開啟瀏覽器訪問 localhost:4000 檢視效果
複製程式碼

4.nexT主題有三種選擇，這個只是最簡潔的一種，我們選擇最好看的那個。

Muse - 預設 Scheme，這是 NexT 最初的版本，黑白主調，大量留白
Mist - Muse 的緊湊版本，整潔有序的單欄外觀
Pisces - 雙欄 Scheme，小家碧玉似的清新
複製程式碼

配置nexT

在站點根目錄/themes/next/_congig.yml 檔案中修改
scheme: Muse  改成   scheme: Pisces
複製程式碼

5.在終端輸入， 看改過後的效果

hexo clean  //清除快取
hexo g  //重新生成程式碼
hexo s  //部署到本地

//然後開啟瀏覽器訪問 localhost:4000 檢視效果
複製程式碼

6.將本地部落格上傳到github

// 在專案/_config.yml修改
deploy:
  type: git
  repository: https://github.com/Adelamyx/Adelamyx.github.io.git
  branch: master
複製程式碼
cnpm install hexo-deployer-git --save  //先裝個外掛壓壓驚
hexo d  //  部署的命令  
重新整理專案即可
複製程式碼

釋出你的第一篇部落格

hexo new "postName"
 //hexo n 也可以 
 //你自己的部落格名稱，名為postName.md的檔案會建在目
 //錄/blog/source/_posts下。
複製程式碼
hexo g //生成靜態頁面
hexo d //釋出
複製程式碼

編寫部落格的內容

①你的學會如何使用markdown 
②
---
title: #填寫網站名，會在標籤頁上顯示
subtitle:  #副標題，網站名下面
description:  #網站描述，便於搜尋引擎用關鍵詞檢索
date: 2018-02-14 17:31:29
tags: ['1', '2'] #標籤
categories: 生活 #分類
author: Adelamyx  #作者
language: zh-CN  #語言，中文
---
複製程式碼

相關文章