win10 + github + hexo

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

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

建站大概可以分爲三步走:
在這裏插入圖片描述
其中,前兩步的順序無所謂,我就先從比較複雜的 Hexo 開始搞吧~~

1. Hexo

安裝hexo之前,需要先安裝 Node.jsGit

1.1 安裝Node.js

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

1.2 安裝Git

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

hojun_cn在安裝過程中改變了這一步的選項hojun_cn在安裝過程中改變了這一步的選項

1.3 安裝Hexo

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

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

然後使用 cnpm 來安裝Hexo,速度會快很多,命令是cnpm install -g hexo-cli
使用hexo -v來查看安裝版本。

1.4 本地建站

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

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

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就可以看到與之前本地預覽相同的個人博客啦~

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章