公司實習第一天接到的任務是:搭建一個基於Nodejs的開源項目的開發環境,接到任務時以為不是很困難,后來才知道該項目已於去年被廢棄,搭配環境的時候遇到了不少問題,折騰了兩天還是沒有最終完成...
不過也不是沒有收獲的,起碼對Nodejs多了些了解,正好也想自己弄個Blog,就乘着周末搭建了個,這里記錄下過程。
Windows下Git的配置
由於這里只是搭建個環境,不需要其他的一些工具,簡單的安裝GitForWindows就行了,需要注意的時,在安裝時選擇Run Git from the windows command Prompt,這樣在Windows的命令行可以直接使用git命令。
- 配置用戶名和郵箱
git config user.name "username"
git config user.email "email"
- Github SSH Key配置
在推送文章到Github時,使用ssh進行驗證可以免於輸入賬戶和密碼。- 首先在Git Bash使用命令
ssh-keygen -t rsa -b 4096 -C "your email"生成公鑰和私鑰,運行該命令后會有提示的輸入信息,可以直接回車跳過。 - 添加私鑰到ssh。這時有可能ssh-agent沒有啟動,可以現在Git Bash中運行命令
eval "$(ssh-agent -s)來啟動,然后運行ssh-add 私鑰名稱添加私鑰。(默認的私鑰名稱是rsa,如果在生成私鑰時設定了名稱,就輸入上次設定的名稱) - 添加公鑰到Github的賬號。首先使用命令
clip < rsa.pub將公鑰的內容復制到剪貼板,然后登錄Github,選擇settings > SSH Keys > New SSH Key ,將公鑰內容粘貼過去,點擊 Add New SSH即可。 - 驗證ssh的配置是否成功。上述步驟完成后,在Git Bash中運行命令
ssh git@github.com,根據提示信息判斷ssh的配置是否成功。
- 首先在Git Bash使用命令
hexo的配置
- 下載安裝Nodejs官網下載
- 使用npm安裝hexo
npm install -g hexo(參數g表示的hexo是全局安裝),如果下載的比較慢可以指定其他的源,這里提供我使用的安裝源npm install -g hexo --registry http://registry.cnpmjs.org - 在建立Blog的文件夾下執行命令
hexo init,進行hexo的初始化 - 在初始化完成后,文件夾會多了一些文件,這是執行命令
npm install下載hexo所需的依賴項。(同上面一樣可以指定別的源安裝npm install --registry http://registry.cnpmjs.org - 上述步驟完成后,hexo的配置已經基本完成,可以執行
hexo server,然后訪問localhost:4000查看效果。(hexo默認的端口號是4000,但是4000端口如果被其他進程占用的話,這時訪問localhost:4000會得不到響應。解決這個問題的方法是指定其他的端口hexo server -p 8081,訪問localhost:8081) - 在github上新建一個repository保存Blog的頁面。這里需要注意的是repository 的name有個特別的限定,就是你的github的username.github.io。(例如,我的github的用戶名是brookicv,那么我新建的repsoitory name就是 brookicv.github.io)
- 修改配置文件。首先打開Blog根目錄下面的_config.yml,在里面添加deploy到Github上所需要的信息( 注意將username替換掉)
deploy:
type: git
repository: ssh://git@github.com/username/username.github.io.git
branch: master
- 將Blog部署到Github。在deploy之前,需要運行命令
hexo generate重新生成(修改過_config.yml或者文章后都要記得執行下該命令),然后運行hexo deploy命令就會將Blog的內容推送到Githu。部署完成后,訪問usernmae.github.io就可以查看你的Blog內容了。 - hexo主題的使用。hexo有很多的主題,並且使用也非常的方便。例如要使用yilia這款主題,可以在Blog的根目錄下運行
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
然后修改_config.yml的theme項為yilia就可以了。 - 添加新文章。運行命令
hexo new articlename會在source/_posts/articlename.md,編輯該md文件后,運行hexo generate和hexo deploy命令就可以在github上看到你的新文章。
后面的話
流水賬似的記錄下使用hexo在Githu上搭建個人博客的過程。也是一個新的開始,從校園走向社會,開始自己的第一份工作,這幾天還是挺迷茫的,不知道以后的技術選擇是什么方向,並且感覺自己對第一份工作的選擇的技術方向是不是太過看重了...
以后堅持記錄自己的學習過程!!!
