Hexo + GitHub +Win10 搭建我的博客

終於搭建起了本身的第一個博客,在這裏記錄一下我這個小白的建站過程~~node

首先,確定要看一看Hexo的官網,看看官網文檔建議怎麼搞。
另外,我還在B站上看了兩個「手把手」教程,事無鉅細保姆級的那種,在此特別感謝兩位UP主 CodeSheephojun_cngit

建站大概能夠分爲三步走:
圖片描述
其中,前兩步的順序無所謂,我就先從比較複雜的 Hexo 開始搞吧~~github

1. Hexo

安裝hexo以前,須要先安裝 Node.jsGitshell

(1) 安裝Node.js

Node.js的官網 下載 LTS 版本,下載有點慢,要耐心等待哈。
下載完就一路 Next 直到最後完成就能夠了。
使用node -vnpm -v來查看安裝的版本。npm

(2) 安裝Git

Git的官網 下載 64-bit Git for Windows Setup 版本。
從官網下載很慢,能夠掛上一個代理,或者從 國內下載站 尋找須要的版本。
一樣的,下載完一路 Next 直到最後完成。
其中,Git Bash 是一個Linux風格的shell,之後就用它來作終端啦~瀏覽器

hojun_cn在安裝過程當中改變了這一步的選項!
圖片描述
(3) 安裝Hexo

新建一個文件夾,之後全部與博客相關的配置都將在這個文件夾中進行。
打開文件夾,右擊鼠標,選 Git Bash Here緩存

官網給出的安裝命令是npm install -g hexo-cli,可是太慢了,咱們先安裝一個淘寶鏡像源。
輸入命令npm install -g cnpm --registry=https://registry.npm.taobao.org
使用cnpm -v來查看安裝版本。bash

而後使用 cnpm 來安裝Hexo,速度會快不少,命令是cnpm install -g hexo-cli
使用hexo -v來查看安裝版本。服務器

(4) 本地建站

依然是在博客文件夾內的 Git Bash 進行操做,輸入命令hexo init就能夠初始化一個博客。
初始化成功會提示:Start blogging with Hexo!
與此同時,本來空的博客文件夾會出現一堆 自動生成的文件
其中,_config.yml 保存着網站配置信息,能夠在此修改大部分的配置參數。hexo

接下來是本地建站的素質三連!很重要!!每次更新博客後進行本地預覽都須要!!!

hexo clean  #用來清理緩存文件
hexo g      #生成文件
hexo s     #運行本地服務器

運行hexo s後會顯示:Hexo is running at http://localhost:4000 . Press Ctrl+C
to stop.
打開瀏覽器,輸入localhost:4000,就能夠進行本地預覽啦~

關於Hexo的更多指令在 這裏

2. GitHub

註冊啥的不詳細說了。
新建一個倉庫,這個倉庫的命名必定要符合特殊要求:username.github.io
其中 username 就是要部署的GitHub的用戶名。
這一步很簡單吧~~

3. Hexo + GitHub

首先,在博客文件夾內安裝一個git部署插件,在Git Bash輸入命令cnpm install --save hexo-deployer-git
而後,進入 _config.yml 文件進行修改,拉到最下面的deploy,設置以下:

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

注意:type repo branch 的冒號後面必定要先跟一個空格!!
最後,進入Git Bash輸入命令hexo d
出現報錯的話就按照提示依次配置:
git config --global user.email "email address"
git config --global user.name "username"
其中,email address 和 username 分別是要部署的GitHub的註冊郵箱和用戶名。
從新輸入hexo d,在彈出的窗口Login進入GitHub。
部署成功,在瀏覽器輸入username.github.io就能夠看到與以前本地預覽相同的我的博客啦~

到目前爲止,搭建網站最基礎的步驟就已經完成啦~撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花~~寫博客、換主題、加部署這些後續操做之後再說吧~~~

相關文章
相關標籤/搜索