先給你們看看個效果網站:
https://www.a2data.cn/
環境準備:
Node.js
Hexo
Git
GitHub SSH key
Typora (Md格式書寫工具)
idea(就是編輯工具,推薦webstorm)
安裝Node.js
中文網:https://nodejs.org/zh-cn/download/
官方網站:https://nodejs.org/en/
直接下載對應的安裝包,之後一頓操作,跟安裝QQ一樣。
安裝步驟如下:
選擇安裝
安裝完成
查看是否安裝成功
啓動:win鍵(就是windows圖標得那個按鍵) + R
輸入:cmd
清空:cls
安裝hexo
npm install hexo-cli -g輸入npm install hexo -g,開始安裝Hexo
輸入 hexo -v 查看是否安裝成功
提示:這個命令可以用cmd,webstom或者git的命令界面去運行。。
創建博客
# 方式1 一定要是一個空的文件夾 mkdir sqlsq.github.io cd sqlsq.github.io hexo init
提示:這個命令可以用webstom命令界面去運行。。
啓動服務就可以訪問你的博客了
hexo s
本地訪問
到此,你已經可以搭建hexo 博客了,恭喜一波。
就直接點一下http://localhost:4000/就可以訪問你的博客了
以上你的個人博客就創建完成了!如果你也想讓別人訪問你的網站你就要把你的這個項目上傳到你的GitHub!
接下來小編教你怎麼上傳到github並且設置好所有的配置!
安裝Git
官網:https://git-scm.com/downloads
下載直接默認下一步即可:
配置自己的ssh
桌面鼠標右鍵,點擊Git Base Here。
# 設置 git 相關信息 git config --global user.name "你得暱稱" git config --global user.email "your.email" # 生成密鑰 ssh-keygen -t rsa -C "youemail" # a2data@[email protected] `連續回車 3連擊` 即可完成密鑰的生成創建。
查看密鑰
輸入cd ~/.ssh,檢查是否由.ssh的文件夾 ls 查看
# 本部分需要在 github上使用,彆着急請往下看。
cat id_rsa.pub
先在本地創建一個文件把你的密鑰保存下來,下面需要配置github ssh的時候需要用到!就不需要再查詢了!
註冊Github
打開github官網:https://github.com
選擇你得職業相關信息:
創建並且會給你發郵件激活:
登錄郵箱激活:
配置Github
配置key
完成配置
測試配置是否成功
輸入ssh -T [email protected],測試添加ssh是否成功。 輸入yes, 如果看到Hi後面是你的用戶名,就說明成功了
配置成功之後就在GitHub創建你的項目倉庫!用來保存你的博客
創建倉庫
注意:倉庫名格式必須只能這樣寫 你的用戶名+github.io 比如我github名字是zenganiu 那我的倉庫名就是 zenganiu.github.io
上傳你本地的博客到Github
修改配置
修改你博客根目錄中_config.yml文件,把你的github的倉庫鏈接配置上去!
deploy: type: git repository: [email protected]:nianshaofeng/nianshaofeng.github.io.git branch: master注意:格式repository填的是你的github倉庫的ssh地址
怎麼查看自己的倉庫的ssh地址?
配置好之後就可以把自己本地的博客上傳到github了!
發佈部署
# 在生成以及部署文章之前,需要安裝一個擴展:如下圖 npm install hexo-deployer-git --save
# 把項目打包
hexo g
# 把項目提交到github
hexo d
這樣你的博客就上傳成功了!你就可以讓你的朋友直接訪問你的博客項目了!