基於github和hexo搭建部落格 github配置

宋寶康發表於2017-12-13

##註冊賬號 github.com/

image.png
輸入賬號、郵箱、密碼,然後點選註冊按鈕.然後去驗證下郵箱 ##建立頁面倉庫 這個倉庫的名字需要和你的賬號對應,格式: yourname.github.io

image.png

image.png
建立之後在瀏覽器中輸入yourname.github.io,比如我的songlma.github.io

image.png

備註:只有你倉庫名稱安裝對應格式才可以直接通過 yourname.github.io訪問,當然如果你打算用自己的域名繫結github的話,這個倉庫名稱就隨便了,後面會講到怎麼繫結個人域名。 ##接下來就要把本地的hexo與github關聯起來。 生成SSH檔案 github是通過配置ssh來驗證身份的。至於什麼是ssh,不知道的大家自行百度吧。 先檢驗電腦中是否有ssh:

 ls -al ~/.ssh
複製程式碼

如果有檔案id_rsa.pub或id_dsa.pub,將SSH key新增到Github中。沒有的就先生成

執行如下命令生成public/private rsa key pair,注意將your_email@example.com換成你自己註冊Github的郵箱地址。

ssh-keygen -t rsa -C "your_email@example.com"
複製程式碼

按 3 個回車,密碼為空。

ssh檔案地址: windows: C:\Users\Administrator.ssh 下,得到兩個檔案 id_rsa 和 id_rsa.pub。

關於配置多個ssh檔案請參考同一個Mac,配置多個SSH Key **mac:**Find前往資料夾~/.ssh/id_rsa.pub 在 GitHub 上新增 SSH 金鑰 開啟id_rsa.pub檔案,裡面的資訊即為SSH key,將這些資訊複製到Github的Add SSH key頁面即可。

##Hexo配置 目錄結構

├── .deploy       #需要部署的檔案
├── node_modules  #Hexo外掛
├── public        #生成的靜態網頁檔案
├── scaffolds     #模板
├── source        #部落格正文和其他原始檔,404、favicon、CNAME 都應該放在這裡
|   ├── _drafts   #草稿
|   └── _posts    #文章
├── themes        #主題
├── _config.yml   #全域性配置檔案
└── package.json
複製程式碼

全域性配置 _config.yml

# Hexo Configuration
# Docs: http://hexo.io/docs/configuration.html
# Source: https://github.com/hexojs/hexo/
# Site #站點資訊
title:  #標題
subtitle:  #副標題
description:  #站點描述,給搜尋引擎看的
author:  #作者
email:  #電子郵箱
language: zh-CN #語言

.......

theme: landscape-plus #主題
exclude_generator:
plugins: #外掛,例如生成 RSS 和站點地圖的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署,將 lmintlcx 改成使用者名稱
deploy:
  type: git
  repo: 剛剛github創庫地址.git
  branch: master
複製程式碼

注意: 配置檔案的冒號“:”後面有一個空格 repo: 剛剛 GitHub 創庫地址.git type:值為git。

image.png

deploy:
   type: git
  repo: https://github.com/songlma/songlma.github.io.git
  branch: master

複製程式碼

##hexo命令列使用

hexo help #檢視幫助
hexo init #初始化一個目錄
hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成網頁,可以在 public 目錄檢視整個網站的檔案
hexo server #本地預覽,'Ctrl+C'關閉
hexo deploy #部署.deploy目錄
hexo clean #清除快取,**強烈建議每次執行命令前先清理快取,每次部署前先刪除 .deploy 資料夾**
複製程式碼

簡寫

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
複製程式碼

##hexo部署 執行下列指令即可完成部署。

hexo generate
hexo deploy
複製程式碼

hexo deploy 問題:Deployer not found: git

npm install hexo-deployer-git --save
複製程式碼

再重新 hexo deploy ,以下提示說明部署成功:

[info] Deploy done: git
複製程式碼

程式碼就已經傳到github上了

image.png

點選settings:往下拉到github pages

image.png
點選連結,就到了你的部落格了,基礎的搭建完成了。 接下來記錄繫結個人域名,以及修改theme。

相關文章