牆裂推薦Hexo博客

前言

www.a2data.cn ----- 小編小站

Q: 為什麼要搭建一個屬於自己的個人博客呢？

• 個性化用自己喜歡的域名，選擇自己喜歡的主題，佈局，特效等都可以自己編寫代碼完成，不會的也可以進入對應開源主題交流群, 你會發現這些人更加隨和、熱心,例如閃爍之狐主題的創作者 --- blinkfox
• 成就感當網站被搜索引擎收錄，輸入相應關鍵字即可，可以小小的炫耀一番
• 拓展交流圈如果你對某類感興趣的話，可以通過個人博客找到一些志同道合的朋友。例如：sitoi
• 學會堅持剛開始搭建好屬於自己的博客，那真的是三分鐘熱度，但是真的堅持下來的人很少.很多人就跑個主頁,就像很多公眾號一樣,註冊了沒創作。小編雖然是體育僧，不論是跨行，還是博客,公眾號，都堅持(沒發表可能是忙,或者持續充電中)。
• 簡歷加分項當我們苦於該如何寫一份個人簡歷時，當你拿出一個你堅持 3 年、5 年的個人博客時，或許你的機會就比別人大一點。更直觀，更好的瞭解你得技術棧。更有信服力。
• 個人空間在這個地方，你可以寫一些自己的東西(不管有沒有人看)，你可以自己快速定位自己查找過的東西，不用每次都去百度同樣的問題，也不用擔心每次找不到最優解以至於很多朋友直接去我的網站找資料
• 寫作水平的提高堅持寫作，你的寫作水平會得到很到的提高，對你今後的人生會有很大的幫助。包括語言，架構，排版 。。 總之短期是看不出效果的，只有長期堅持。 好比： 你去學習一個月跆拳道，你說你會，一個練了十年的人，同樣是一拳一腿 跟你有可比性嗎？
• 賺取一點錢當你的博客足夠好，公眾號粉絲足夠多，內容足夠豐富，你可以開始嘗試賺錢，當然啦，和堅持是離不開的。

折騰中學會知識，互訪中找到友情，寫作中讀懂人生，堅持中找到方向。

比如 像小編的目標一直沒變，用大數據人工智能推動傳統行業的發展而奮鬥！！！

為何不動？

相信大家剛開始都是這麼想的,搭建博客？

需要具備：

網站,域名,備案

服務器

自己寫代碼(前端+後端+服務器部署)

…

……

啊，我太南了 ----- 臣妾做不到啊

不要慌，問題不大！沒關係,小編一步步帶你飛。教你如何從零開始擁有屬於自己的博客網站。(僅面向Windows用戶,就會有人問Mac 不香嗎？ 香，但是太貴，買不起,也不太會用!)

windows神器：

utools 生成力工具集:https://www.u.tools/

環境準備:

Node.js

Hexo

Git

GitHub SSH key

Coding

Typora (Md格式書寫工具)

idea(就是編輯工具,推薦webstorm)

拓展：

服務器部署

域名配置

PWA離線訪問

SEO優化

加速訪問

………

安裝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 查看是否安裝成功

創建博客

方式1：

<code># 方式1 一定要是一個空的文件夾
mkdir sqlsq.github.io
cd sqlsq.github.io
hexo init
​/<code>

方式2：

<code>hexo init sqlsq.github.io
cd sqlsq.github.io/<code>

本地訪問

到此，你已經可以搭建hexo 博客了，恭喜一波。

hexo 命令問題

命令找不到解決方案

*首先可以安裝一波

配置環境變量

找到這東西就好說了。配置一下環境變量即可。soeazy

設置之後再次查看

安裝Git

官網：https://git-scm.com/downloads

下載直接默認下一步即可：

配置自己的ssh

桌面鼠標右鍵，點擊Git Base Here。

<code># 設置 git 相關信息
git config --global user.name "你得暱稱"
git config --global user.email "your.email"
​
​
# 生成密鑰
ssh-keygen -t rsa -C "youemail" # a2data@[email protected]
​
`連續回車 3連擊` 即可完成密鑰的生成創建。 

​/<code>

查看密鑰

<code>cd ~/.ssh
輸入cd ~/.ssh，檢查是否由.ssh的文件夾 ls 查看/<code>

備份 單獨一個 可以不用這樣做 直接看下邊快捷操作

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

其實就是對ssh做了複製添加

eval "$(ssh-agent -s)"
ssh-add ~/.ssh/id_rsa #添加生成的SSH key到ssh-agent

快捷操作

<code># 本部分需要在 github上使用，彆著急請往下看。
cat id_rsa.pub/<code>

Git拓展

此部分針對多個博客，多個key的，單獨的跟著上邊走即可。

參考博文配置：https://www.cnblogs.com/a2data/p/12597940.html

多個賬號建議使用局部的。

# 取消全局 用戶名/郵箱 配置
git config –global –unset user.name
git config –global –unset user.email
​
# 單獨設置每個repo 用戶名/郵箱
git config user.name "用戶名" //在config後加上--global即全局
git config user.email "郵箱"

如下圖：

<code>ssh-keygen -t rsa -f  ~/.ssh/xxx_id_rsa -C "[email protected]"
或者
ssh-keygen -t rsa -C "[email protected]" #第一次時輸入名字
​
​/<code>

註冊Github

如果你有Github想體驗一波刪除，重新創建小編也不介意的。畢竟寫教程，我也是操作了一波。

刪除github

登錄github賬號

*找到自己的郵件

重新註冊

打開github官網：https://github.com

選擇你得職業相關信息：

創建並且會給你發郵件激活：

登錄郵箱激活：

配置Github

配置key

完成配置

測試配置是否成功

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

​/<code>

執行git port22 異常

解決方案

應該是小編特殊情況導致。解決順便做個記錄。 新手忽略即可。

配置博客到Github

再你博客的根目錄中(sqlsq.github.io)

配置Deployment，在其文件夾中，找到_config.yml文件，修改repo值（在末尾）

大概在 98行。

打開推薦方式：

sublime text(未破解有廣告)

webstrom

vscode ( 免費)

​
deploy:
type: git
repository: [email protected]:nianshaofeng/nianshaofeng.github.io.git
branch: master
​

回到你的項目 複製你得repo值

創建文章

如果使用GitBash 請到博客根目錄執行。

Hexo命令

<code># 全部命令
​
hexo new "postName" #新建文章
​
hexo new page "pageName" #新建頁面
​
hexo generate #生成靜態頁面至public目錄
​
hexo server #開啟預覽訪問端口（默認端口4000，'ctrl + c'關閉server）
​
hexo deploy #部署到GitHub
​
hexo help  # 查看幫助
​
hexo version  #查看Hexo的版本
​
# 縮寫：
​
hexo n == hexo new
​
hexo g == hexo generate
​
hexo s == hexo server
​
hexo d == hexo deploy
​
# 組合命令：
​
hexo s -g #生成並本地預覽
​
hexo d -g #生成並上傳/<code>

發佈部署

<code># 在生成以及部署文章之前，需要安裝一個擴展： 如下圖
# mac 用戶 需要加 `sudo` 

​
npm install hexo-deployer-git --save
​/<code>

npm報錯

<code># 主要是鏡像源的問題
npm config set registry http://registry.npmjs.org/
​/<code>

查看部署

首先先設置一下你得配置：

之後便會有你的域名：

打開結果一看

臥槽，無情。 這是什麼鬼。 怎麼跟我想要看的不一樣（與本地不一樣啊）

不要慌，問題不大。小編告訴你為什麼。

重新創建項目，如下圖。

我們看看問題在哪

1、https://minesql.github.io/sqlsq.github.io/

2、https://minesql.github.io/

我們將config.yml 地址換成第二次創建的項目地址。 再次提交。

我們再次訪問看一下效果吧

https://a2data.github.io/

https://www.a2data.cn/

應朋友有要求，寫了一篇炒雞詳細的，以及遇到的各種坑。 如果有幫助就收藏吧。

拓展內容下期見：

個性化主題

圖床(為什麼要有圖床呢 自己研究)

seo

等等

閱讀更多 MineData 的文章

關鍵字: 騰訊QQ 博客 安裝