使用Github搭建我的博客

1、安裝Node.js並配置好Node.js環境。node

  自行下載傻瓜式安裝配置git

  驗證是否安裝成功,cmd打開命令行輸入github

node -v

  出現版本信息,則成功npm

2、安裝git配置好環境服務器

  自行下載傻瓜式安裝hexo

  驗證是否安裝成功,cmd打開命令行輸入ssh

git --version

  出現版本信息,則成功scrapy

3、Github帳戶新建項目,項目要遵照格式:帳戶名.github.io,勾選Initialize this repository with a README編輯器

  在創建好的項目右側有settings按鈕,點擊它,向下拉到GitHub Pages,會發現有一個網址,該網址就是用於公網訪問的地址。post

  假若創建工程時沒有選中Initialize this repository with a README,則不會出現這個網址。

4、安裝Hexo,本身隨意選中新建一個文件夾。

  經過命令安裝Hexo

npm install hexo -g

  輸入hexo -v,檢查hexo是否安裝成功

  輸入hexo init,初始化該文件夾,當看到Start blogging with Hexo則代表成功了。

  輸入npm install,安裝所需組件

6、使用

  輸入hexo g,啓動Hexo

  輸入hexo s,開啓服務器,訪問該網址,正式體驗Hexo。默認端口是4000,假若提示端口被佔,則使用命令hexo server -p 5000

7、將Hexo與Github page聯繫起來,設置Git的user name和email

  在安裝blog的文件夾中鼠標右鍵點擊Git Base Here。配置本身的用戶名和郵箱

  

git config --global user.name "Github創建倉庫的名字"
git config --global user.email "註冊Github綁定的郵箱"

8、配置免密登陸

  

輸入ssh-keygen -t rsa -C "郵箱",連續回車便可生成祕鑰,最後獲得兩個文件:id_rsa和id_rsa.pub(默認存儲路徑:c:\User\用戶\.ssh).
輸入eval "$(ssh-agent -s)",添加祕鑰到ssh-agent
再輸入ssh-add ~/.ssh/id_rsa,添加生成的ssh key到ssh-agent

9、添加祕鑰到GitHub

  登陸Github,點擊頭像下的settings,添加ssh and GPG keys

  新建一個new ssh key,將id_rsa.pub文件裏的內容複製上去。

  在命令行輸入ssh -T git@github.com,測試添加ssh是否成功。

10、配置Deployment,在其文件夾中,找到_config.yml文件,修改repository值。

  這是個人修改案例

deploy:
  type: git
  repository: https://github.com/buxianghua/buxianghua.github.io.git  #值在github項目中的clone or download
  branch: master

11、新建一篇博客

  在cmd命令:hexo new post "博客名"

  創建成功後,在文件夾_post目錄下將會看到已經建立的文件

  在生成並部署文章前,須要安裝一個擴展:npm install hexo-deployer-git --save

  使用編輯器編輯好文章後,使用命令:hexo d -g,生成以及部署

---
title: scrapy
date: 2019-10-13 14:13:29
tags: This is a blog.  #必定要有空格
---

12、更改主題

  在github上搜索:hexo-theme

  上面有各類各樣的主題,選擇本身喜歡的主題git到安裝目錄的theme文件夾下。#也可使用本地下載,再解壓到theme.

git clone 地址

  再修改安裝目錄下的_config.yml

 

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia  #將其改成下載後的文件夾名

  進行從新編譯啓動

hexo g -d

 自此就成功了。。。

hexo s  #本地測試

那裏出了問題,多半是命令配置錯誤,從新搞一下就行了。。。  

還有本身對頁面不滿意的能夠自行DIY!!!

相關文章
相關標籤/搜索