用hexo在github發佈博客

個人博客

先小秀一下~~~~

正文

準備

git安裝

hexo安裝

nodejs安裝

nodejs配置

配置npm
咱們要先配置npm的全局模塊的存放路徑以及cache的路徑，最好在nodejs安裝路徑下創建"node_global"及"node_cache"兩個文件夾。以下圖：

配置環境變量，以下圖

hexo使用

在git bash進行,安裝過淘寶鏡像的可用cnpm

$ cd D:hexo/    #換成你的目錄
$ npm install -g hexo-cli  #安裝hexo腳手架
$ hexo init     #Hexo自動在當前文件夾下下載搭建網站所需的全部文件
$ npm install   #安裝依賴包

$ hexo g        #完整命令爲hexo generate，生成靜態文件
$ hexo s        #完整命令爲hexo server，啓動服務器，用來本地預覽

用瀏覽器訪問http://localhost:4000/，這時就能夠看到博客的樣子了

Github配置

打開github主頁，新建倉庫（repository），這裏要注意倉庫的名稱要與你的github名稱一致,個人是由於建立過了

配置SSH,首先要本地生成公鑰私鑰

$ ssh-keygen -t rsa -C "你的郵件地址"

引號裏面的內容輸入你的郵箱地址，而後回車，會提示你文件保存的路徑，這時候按回車鍵確認，而後會提示你輸入密碼，輸入便可（輸入密碼是看不到的），而後會確認輸入一次，就能夠在剛剛的路徑看到生成了兩個文件，一個是 id_rsa，另外一個是 id_rsa.pub，打開 id_rsa.pub而後選中裏面的所有內容，複製下來。
打開GitHub或Coding的SSH頁面
Github：setting-->SSH and GPG keys-->New SSH key

 

發佈

打開_config.yml文件，文件最後能夠看到

deploy:
  type:

修改（注意要換上本身的連接）

deploy:
  type: git
  repository: git@github.com:yourname/yourname.github.io.git   #發佈到github
  branch: master

建立一篇博客

hexo new "文章標題"

文章會放在用markdown語法編輯md文件,內容就是你的博客

$ hexo s        #能夠作localhost查看你的博客,查看沒有問題後再發布到服務器平臺

$ hexo g        #生成靜態文件
$ hexo d        #完整命令爲hexo deploy，將本地文件發佈到page服務平臺上
若是出現如下異常
ERROR Deployer not found: git
嘗試輸入如下命令
$ npm install hexo-deployer-git --save
而後執行下面兩條命令
$ hexo clean && hexo g
$ hexo d 

這時候若是彈出一個對話框，輸入在github/coding上面的用戶名和密碼便可,

更改主題

\hexo目錄下的theme文件夾下存放的就是博客的主題，hexo即是依據主題來生成靜態文件的，挑選主題能夠在官網https://hexo.io/themes/ 查找，根據本身的喜愛來挑選。
下載主題的方式以下：

$ cd your-hexo-site  #eg:D:\hexo
$ git clone {主題連接} themes/{主題名稱}

打開上文提到的hexo目錄下的_config.yml，ctrl+f輸入theme查找這個關鍵字，修改其主題名稱爲下載的主題名稱便可。

$ cd D:hexo/
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

修改hexo目錄下的_config.yml

theme: next

站點配置文件

title: 博客的名稱
subtitle: "能夠放你的座右銘"
description: "你的我的描述"
keywords:"關鍵字"
author: 做者名稱
language: en
timezone: Asia/Shanghai

主題美化:參考連接->https://www.jianshu.com/p/f054333ac9e6

 更換電腦問題

建立分支： hexo；

設置hexo爲默認分支（由於咱們只須要手動管理這個分支上的Hexo網站文件）；

使用git clone -hexo git@xxx.github.io.git拷貝倉庫；

在本地文件夾下經過Git bash依次執行npm install hexo、hexo init、npm install 和 npm install hexo-deployer-git（此時當前分支應顯示爲hexo）;

git clone https://github.com/iissnan/hexo-theme-next themes/next,把主題也clone下來

修改_config.yml中的deploy參數，分支應爲master；

依次執行git add .、git commit -m 「…」、git push origin hexo提交網站相關的文件；

執行hexo g -d生成網站並部署到GitHub上