GithubPages+Hexo博客搭建記錄

date: 2019-07-25git

注:本篇文章大部分知識來自TRHX的博客github

前言

本篇博客幾乎沒有除步驟之外的任何過程,若是想了解的請移步至文章開頭的連接shell

注:本文章只針對Windows講述npm

安裝Node.js

這個較爲簡單,我相信看這篇博客的人可能已經有了(也可能沒有)。在下方連接點擊安裝,LTS和最新版使用沒有區別,若是你有選擇困難症,我建議你使用LTS版。瀏覽器

Node.js官網bash

安裝Git

這個我相信你們均可能有了。點進連接就自動開始下載。服務器

Git官網markdown

若是有Add-to-path或者跟path有關選項的必定要勾選!hexo

安裝Hexo

首先,新建文件夾,這個東西名稱隨便。

而後,運行:

爲了解釋方便,<folder>表明你建立的文件夾目錄,如D:/Hexo
-g表明全局安裝,--save表明只安裝在此處,這裏的選項僅做建議
上面的幾行話不用執行
D:\> npm install hexo-cli --save
D:\> cd <folder>
D:\<folder>> hexo init
D:\<folder>> npm install
D:\<folder>> npm install hexo-git-deployer --save

查看效果

運行:

D:\> cd <folder>
D:\<folder>> hexo generate
D:\<folder>> hexo server

打開你的瀏覽器,在地址欄輸入localhost:4000查看效果

看完記得運行^C關掉服務器,同時對Terminate batch job (Y/N)(可能出現)回答Y

創建Github Pages

模仿個人一個老師說的話(並非原文):若是把建博客比做從江蘇去北京,如今已經出江蘇了(大霧)。

註冊Github賬戶

進入Github就能夠點擊Sign up註冊了。

創建託管博客的倉庫

註冊好後,點擊頁面右上角的+號,選擇New repository,以後放一張從TRHX那裏借來的圖(以後的圖也大部分是借來的):

img

製做SSH密鑰

記得讓你裝的Git嗎,終於要用到了。打開你的Git Bash

$ ssh-keygen -t rsa -C "your email@example.com"

這裏的郵箱就是你註冊Github的郵箱,接下來會有:

$ Generating public/private rsa key pair.
$ Enter file in which to save the key (/c/Users/you/.ssh/id_rsa):

直接回車不用管,接下來會有:

$ Enter passphrase (empty for no passphrase):
$ Enter same passphrase again:

繼續一路回車,接下來會有:

$ Your identification has been saved in /c/Users/you/.ssh/id_rsa.
$ Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
$ The key fingerprint is:
$ The key's randomart image is:

以後會有一張字符畫,這個在你發朋友圈的時候能夠用到(大霧)

而後,你能夠經過:

$ clip < ~/.ssh/id_rsa.pub

來把它複製到剪貼板。

添加公鑰到Github

  • 登陸Github,在右上角頭像下拉框中點擊Settings

  • 在左側選擇SSH and GPG keys

  • 選擇右側的一個綠色框New SSH Key

  • Title隨便填,Key處就複製,此時應該是:

    • ssh-rsa
      一段亂碼
      你的郵箱@郵件網站名稱

測試鏈接

輸入如下命令原文:

$ ssh -T git@github.com

以後會問你是否繼續,輸入yes回車。

以後顯示:

<USER>是你的用戶名

Hi <USER>! You've successfully authenticated, but Github does not provide shell access.

這個就是設置正確了。

把本地的博客上傳到Github庫裏

打開本身的庫的首頁,點擊右邊的一個綠色框Clone or download,彈出的框的右上角,選擇Use SSH,複製中間框裏的git@github.com:XXX/XXX.github.io.git

打開你的文件夾的根部,用文本編輯器打開_config.yml

找到文末的deploy:修改成:

(<copy>是你複製的內容,同時,每一個冒號後面都有空格)

deploy:
  type: git
  repository: <copy>
  branch: master

在你建立的文件夾下執行:

D:\<folder>> hexo g
D:\<folder>> hexo d

只要不是deployer not found之類都成功,不然再次運行npm install hexo-deployer-git --save

再運行:

D:\<folder>> hexo g
D:\<folder>> hexo d

寫文章

你能夠開始寫了,其實到了這裏,寫文章最重要的其實就是不咕了。不論如何,咱們繼續。

運行hexo n 文章標題便可,而後以markdown模式編輯在source/_post/下生成的文件。

最後,你還須要:

D:\<folder>> hexo g
D:\<folder>> hexo d

來上傳更改。

更改主題

這個,有句話說得好,美化博客是無止境的!不要停下來啊

官網能夠下載主題,以後保存到themes文件夾並解壓爲單獨文件夾,再在根目錄的_config.yml文件裏把theme關鍵字改爲主題文件夾名稱就行。

更多美化

你能夠本身使用百度等搜索引擎本身來給博客加特技,好比鼠標點擊特效、看板娘waifu等。

結束了

我終於寫完了,你終於看完了,你們都好。

最後祝你,身體健康(大霧)

相關文章
相關標籤/搜索