技術小白搭建個人博客?------ hexo+github 技術小白搭建個人博客 ------ hexo+github 前言 為什麼要搭建一個自己的博客呢? 因為是個技術小白,然後經常在網上瀏覽各種技術博客,總面臨一個問題。那就是每次看過之後就忘了,回過頭來感覺還是沒學到什麼,就像做無用功一樣。俗話說好記性不如爛筆頭,於是決定了。作為一個程序猿,當然也得有一個記錄自己學習工作的一個博客咯!於是谷歌一下,看了一會兒,於是決定採用 Github+hexo 搭建一個屬於自己的博客。 這裡說一下為什麼選擇 Github+hexo 搭建的幾點原因: 1 當然是因為窮啦,Github免費的 2 快速搭建,全程走下來只要差不多一個小時就可以搭建成功了 3 全靜態,支持MarkDown,靜態博客最大的優勢就是沒有資料庫,可以很方便的遷移,也不用擔心安全問題 開始搭建 1 軟體安裝配置 搭建博客,首先需要安裝環境,這裡需要兩個軟體:Git和Nodejs。Git安裝 網址:https://git-scm.com/download/winNode.js安裝網址:https://nodejs.org/en/download/安裝完成之後,要確認自己是否安裝成功,打開cmd運行下面的命令,有返回信息就是成功的了。 git –version node -v npm -v 2 安裝hexo 我個人習慣把相關的軟體安裝在一起,所以新建一個文件夾用來安裝hexo,新建一個文件夾 hexo博客 然後打開這個文件夾,剛剛安裝成功了git,在空白地方點擊右鍵,選擇 Git bash here利用npm命令安裝hexo npm install hexo-cli -g 安裝完成之後,關掉Git Bash 窗口,然後在hexo博客 文件夾下面新建一個文件夾,這個文件夾就是放hexo跟你以後寫的博客的文件夾,名字隨便你自己取,我的叫http://username.github.io進入剛剛你新建的這個文件夾,同樣裡面什麼都沒有,然後右鍵空白地方,選擇 Git bash here ,執行安裝hexo的命令。 hexo init 安裝依賴包 npm install git部署安裝 npm install hexo-deployer-git --save 到了這裡,該安裝的已經安裝好了,接下來就看看成果吧。 hexo g hexo s 到瀏覽器輸入 localhost:4000就可以看到頁面內容了。 這個時候看到的是一篇默認的博客:Hello World。 3 把博客部署到Github Pages上去 完成了上面的工作,我們已經可以寫自己的博客了,但是呢,博客只能在自己的本地看得到,別人無法在網上查看你的博客。 接下來我們就要結合Github page的功能讓別人也能看到你的博客。 如果你沒有github的話,首先需要註冊一個github,訪問github,點擊右上角的註冊。 uername 最好都用小寫,因為最後建立的博客地址是:http://username.github.io 郵箱十分重要,GitHub 上很多通知都是發送到你的郵箱的。 創建Repository代碼倉庫 Repository 名字應該是http://username.github.io。username 就是 你註冊時候的 username。 點擊creat repository倉庫建好了,接下來就需要把本地的代碼放到這個倉庫裡面。首先檢查自己的電腦上面有沒有SSH Key,打開cmd輸入下面命令: cd ~/. ssh 如果返回「No such file or directory」,說明你的電腦上面沒有SSH Key。生成新的SSH Key 第一步、創建一對新的SSH密鑰(keys) ssh-keygen -t rsa -C "郵件地址@http://youremail.com" 輸入回車之後系統會要你輸入密碼: 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: 01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db your_email@example.com 第二步、在GitHub中添加你的公鑰運行如下命令,將公鑰的內容複製到系統粘貼板(clipboard)中。 clip < ~/.ssh/id_rsa.pub 接下來: 1.登陸GitHub,進入你的Account Settings。 2.選擇SSH Keys 3.粘貼密鑰,添加即可 添加好之後我們還需要測試一下添加的東西有沒有效果。進入hexo博客這個文件夾,右鍵空白,然後選擇Git bash here,輸入下面的命令: ssh -T git@github.com 返回: The authenticity of host http://GitHub.com (207.97.227.239) cant be established. RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. Are you sure you want to continue connecting (yes/no) 輸入 yes 之後證明添加的東西已經起了效果,接下來我們還需要設置一點東西: $ git config --global user.name "wuyalan"//輸入註冊時的username $ git config --global user.email "alan.wyl@foxmail.com"//填寫註冊郵箱 git會根據用戶的名字和郵箱來記錄提交。GitHub也是用這些信息來做許可權的處理,輸入下面的代碼進行個人信息的設置,把名稱和郵箱替換成你自己的,名字根據自己的喜好自己取,而不是GitHub的昵稱。第三步、將本地的Hexo文件更新到Github的庫中上面我們已經把本機跟github的連接通道打通了,現在就是把本地的東西放到我們建的倉庫裡面去。 1.登錄Github打開自己的項目 http://username.github.io 2.第二步、打開之後,點擊SSH,選擇SSH類型地址 3.第三步、複製地址 4.第四步、打開一開始創建的hexo博客文件夾,用記事本打開剛文件夾下的_config.yml文件 5.第五步、在配置文件里作如下修改,保存 deploy: type: git repository: git@github.com:username/username.github.io.git branch: master 6.第六步、在Hexo文件夾下Git bash here界面執行: hexo g hexo d 執行完之後會讓你輸入github的密碼,輸入完後就可以把自己的代碼上傳到GitHub上面了。 如果報錯: ERROR Deployer not found: git,那麼就是你的deployer沒有安裝成功,你需要執行如下命令再安裝一次: npm install hexo-deployer-git --save 一切正常之後就可以打開瀏覽器,輸入 http://username.github.io查看了,這個username就是前面建好的那個。 如果得到你想要的效果,那麼恭喜你,博客已經搭建好啦!每一個人都可以通過這個地址訪問到你的博客了。接下來你就可以隨心所欲的寫各種屬於自己的博客啦,是不是很酷啊。全程走下來大概花費時間在一個小時左右。當然了,搭建不費什麼事情,就是有很多坑注意避免一下就行了,具體原因可以谷歌解決哈~!朝花夕拾丶?www.longj.xyz 結語 搭建了屬於自己的博客,還是有一定的成就感的。也把自己搭建的過程寫出來了,當然第一次寫博客還有很多地方不足,雖然內容不是很多,但是寫的時間也很長。其實博客遠不止於此,會搭建之後你還得會寫,使用 MarkDown 進行編寫,我推薦使用Markdown Pad2,我也是使用的這款軟體。博客的樣子還很醜,以後有時間再來慢慢美化。以後的路還很長,所以要認真寫博客,記錄自己的成長。如果有什麼問題的話,可以通過我博客的聯繫方式聯繫我,也歡迎大家一起交流,一起學習進步。以下一些工具及學習連接:Markdown Pad2:https://pan.baidu.com/s/1JR_0OCoaM98IlAK67KocUw 提取碼:xqao Markdown——入門指南?www.jianshu.com使用next主題配置博客基本信息 - 掘金?juejin.im讓你的Hexo博客華麗升級 - 前端 - 掘金?juejin.im 推薦閱讀: 相关文章 {{#data}} {{title}} {{/data}}