github hexo 搭建博客

轉載:https://www.jianshu.com/p/e6662ca7e283

https://www.cnblogs.com/fengxiongZz/p/7707219.html

  • windows 
  • github
  • node
  • hexo 

1.下載安裝

github

1.下載安裝Git ,安裝在哪都可以,這個安裝網上有很多教程

2.在github官網 申請註冊帳號,註冊後要記住:你的用戶名(username),你的密碼(password),以及你的郵箱(email)

3.新建一個倉庫(start a project  / new repository),命名 (Repository name) 是你的github的用戶名(username)加上.github.io,並且需要勾選Initialize this repository with a README,然後點擊create repository

4.建立倉庫後,點擊右邊中間的(Cloud or download)再點擊Use SSH,看到你的[email protected]:username/username.github.io.git 然後複製(copy).

5.你可能會需要配置git的ssh(密鑰),請點擊這裏學習配置

輸入cd ~/.ssh,檢查是否由.ssh的文件夾 

輸入ls,列出該文件下的內容。下圖說明存在

輸入ssh-keygen -t rsa -C “[email protected]”,連續三個回車,生成密鑰,最後得到了兩個文件:id_rsa和id_rsa.pub(默認存儲路徑是:C:\Users\Administrator\.ssh)。

 輸入eval "$(ssh-agent -s)",添加密鑰到ssh-agent

再輸入ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent

登錄Github,點擊頭像下的settings,添加ssh

 新建一個new ssh key,將id_rsa.pub文件裏的內容複製上去(title隨便填)

輸入ssh -T [email protected],測試添加ssh是否成功。如果看到Hi後面是你的用戶名,就說明成功了

/*
問題:假如ssh-key配置失敗,那麼只要以下步驟就能完全解決

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
刪除你在github中的public-key

重新生成ssh密鑰對
ssh-keygen -t rsa -C "[email protected]"

接下來正常操作
在github上添加公鑰public-key:
1、首先在你的終端運行 xclip -sel c ~/.ssh/id_rsa.pub將公鑰內容複製到剪切板
2、在github上添加公鑰時,直接複製即可
3、保存
*/

6.在建好的項目右側有個settings按鈕,點擊它,向下拉到GitHub Pages,你會看到那邊有個網址,訪問它,你將會驚奇的發現該項目已經被部署到網絡上,能夠通過外網來訪問它。

 

nodeJs

下載安裝nodeJs,下載後安裝時一路默認next(安裝路徑可以自選)

 

hexo

1.創建文件夾hexo,創建隨意位置

2.在命令行中輸入npm install hexo -g,如果顯示報錯“沒有這個指令”,請點擊這個網站看第五點,配置nodeJs全局環境。前面的命令安裝完成後,再次輸入npm install hexo --save,等待安裝完成。輸入hexo -v,檢查hexo是否安裝成功

3.第二步完成後,找到你的hexo文件夾,鼠標右鍵單擊你的hexo文件夾,選擇Git Bash Here(一般安裝時默認配置了),如果你鼠標右鍵單擊後沒有Git Bash Here,請你在註冊表自主修改鼠標右鍵出現的命令

4.設置Git的user name和email(如果是第一次的話),輸入hexo init,請等待,這個時間可能長,等到下一條可輸入命令出現的時候纔算安裝好了,中途如果強行退出請在該文件夾重新hexo init (看到後面的“Start blogging with Hexo!”, 即代表成功)

 

檢測你的git node npm hexo是否安裝和他們的版本信息

點擊鼠標右鍵,進入Git Bash Here,依次輸入git --version,   node -v,   npm -v,   hexo version,依次檢測 Git node npm 以及 hexo 的版本。

輸入npm install,安裝所需要的組件

 

在_config.yml,進行基礎配置

1.修改一些你的博客名字、描述、作者等。同時大家可以修改自己的主題,更多主題點擊這裏。修改主題就修改_config.yml裏面的theme。更多關於其他配置信息修改請點擊這裏訪問hexo官方文檔

【在_config.yml文檔修改所有信息都要注意,冒號後面一定要有一個空格!】

2.鼠標右鍵單擊你的hexo文件夾,選擇Git Bash Here,進入Git命令頁面,輸入hexo g

3.然後輸入hexo s,啓動本地服務器,你可以在你電腦的服務器看到你的博客了。請打開你的瀏覽器,輸入http://localhost:4000/,停止你的本地服務器,你可以在Git命令頁面按住Ctrl+C來停止

問題:假如頁面一直無法跳轉,那麼可能端口被佔用了。此時我們ctrl+c停止服務器,接着輸入“hexo server -p 端口號”來改變端口號

 

hexo與github關聯

1.還是打開你的_config.yml文檔,將末尾修改一下,type改成git,repo就是我們前面說到的下載安裝github的第四點所複製下來的東西。

#Deployment
#Docs:https://hexo.io/docs/deployment.html 
deploy: 
       type: git 
       repo: [email protected]:XXXXXXX/XXXXXXXgithubio.git 
       branch: master

2.配置完成後保存,然後鼠標右鍵單擊你的hexo文件夾,輸入npm instal hexo-deployer-git --save

3.關鍵點來了-第2點完成後,將你的代碼推到網上去:依次出入hexo clean ,  hexo g  ,  hexo d

4.稍等5-15分鐘,然後打開瀏覽器輸入你的username.github.io,你就可以看到你的博客啦。

 

發表文章

你要寫文章,就在hexo\source_posts文件夾裏面創建.md文檔就好啦。寫完了保存後,依舊是hexo g,hexo d,就上傳到你的博客了。(或者 新建一篇博客,在cmd執行命令:hexo new post “博客名”)

【注:使用本教程,如果你在npm instal hexo-deployer-git --save返回了一堆ERR,彆着急,看看自己輸入的語句是否有錯,空格是否都有了,如果報錯語句中出現了這一句Please try running this command again as root/Administrator,那你就右鍵單擊你的hexo文件夾,管理員取得所有權,等待命令自己執行完畢,然後再次輸入npm instal hexo-deployer-git --save就ok啦。】

關於hexo主題你可以點擊這裏

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