終於搭建起了本身的第一個博客,在這裏記錄一下我這個小白的建站過程~~node
首先,確定要看一看Hexo的官網,看看官網文檔建議怎麼搞。
另外,我還在B站上看了兩個「手把手」教程,事無鉅細保姆級的那種,在此特別感謝兩位UP主 CodeSheep 和 hojun_cngit
建站大概能夠分爲三步走:
其中,前兩步的順序無所謂,我就先從比較複雜的 Hexo 開始搞吧~~github
安裝hexo以前,須要先安裝 Node.js 和 Git 。shell
去 Node.js的官網 下載 LTS 版本,下載有點慢,要耐心等待哈。
下載完就一路 Next 直到最後完成就能夠了。
使用node -v
和npm -v
來查看安裝的版本。npm
去 Git的官網 下載 64-bit Git for Windows Setup 版本。
從官網下載很慢,能夠掛上一個代理,或者從 國內下載站 尋找須要的版本。
一樣的,下載完一路 Next 直到最後完成。
其中,Git Bash 是一個Linux風格的shell,之後就用它來作終端啦~瀏覽器
hojun_cn在安裝過程當中改變了這一步的選項!
![]()
新建一個文件夾,之後全部與博客相關的配置都將在這個文件夾中進行。
打開文件夾,右擊鼠標,選 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
來查看安裝版本。服務器
依然是在博客文件夾內的 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的更多指令在 這裏
註冊啥的不詳細說了。
新建一個倉庫,這個倉庫的命名必定要符合特殊要求:username.github.io
其中 username 就是要部署的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
就能夠看到與以前本地預覽相同的我的博客啦~
到目前爲止,搭建網站最基礎的步驟就已經完成啦~撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花撒花~~寫博客、換主題、加部署這些後續操做之後再說吧~~~