Windows環境下Hexo、Github搭建個人博客
- 感謝github提供免費空間
- 帶有“$”符號的是git命令
- 站在巨人的肩膀上
去我的Blog查看效果
環境準備
正確搭建姿勢
新建github項目
(前提:gihub賬號,通過github上提供的方式或者通過git的git gui 獲取並且設置了github的SSH 獲取SSH參考網址)
建立與你github用戶名對應的倉庫,倉庫名必須爲your_user_name.github.io
安裝配置Hexo
此處給出的並不是完全適合hexo所有版本的方法,具體還應以hexo官網的方式作爲參考。
安裝hexo
安裝hexo之前必須先安裝git,之後的操作基本大多集中在git的操作上。
打開git命令行輸入:$ npm install -g hexo
Quick Start
(比較重要的一部分)
1 . Setup your blog$ hexo init
Hexo隨後會自動在目標文件夾建立網站所需要的文件。然後按照提示,還是 在/E/Hexo執行:
$ npm install
在E:\Hexo目錄中安裝 node_modules。
2 .Start the server
運行下面的命令(在 /E/Hexo下)$ hexo server
[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
[info]表明Hexo Server已經啓動了,在瀏覽器中打開http://localhost:4000/,這時可以看到Hexo已爲你生成了一篇blog。
在這裏如果你接下來要上傳一個自己的文章就要按Ctrl+C 停止Server。否則會提交兩次。3 .Create a new post
$ hexo new “My New Post”
[info] File created at e:\Hexo\source_posts\My-New-Post.md
刷新http://localhost:4000/,可以發現已生成了一篇新文章”My New Post“。(我開啓hexo server之後纔可以看到)4 .Generate static files
將markdown(My New Post)文件生成靜態網頁$ hexo generate
該命令執行完後,會在 E:\Hexo\public\ 目錄下生成一系列html,css等文件
注意:在每次 hexo generate之後才能保存修改。5 .編輯生成的文檔
hexo new “My New Post”會在E:\Hexo\source_posts目錄下生成一個markdown文件:My-New-Post.md
可以使用一個支持markdown語法的編輯器(比如 Sublime Text)來編輯文件。6.部署到Github
部署到Github前需要配置_config.yml文件,首先找到下面的內容
deploy:
type:
然後將它們修改爲:
deploy:
type: git
repository: [email protected]:Darksiderlyd/Darksiderlyd.github.io
branch: master注意:使用SSH [email protected]:Darksiderlyd/Darksiderlyd.github.io
所有鍵的冒號後面留一個空格,如type: git
url不能爲空,否則報錯
type: github報錯hexo ERROR Deployer not found: github的解決方法:
先運行 npm install hexo-deployer-git –save
再改爲 type: git執行:
$ hexo deploy
[info] Start deploying: github
[error] is not a valid repositor URL!
使用SSH url,如果電腦沒有開放SSH 端口,會致部署失敗。
fatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.
另外:如果你是爲一個項目製作網站,那麼需要把branch設置爲gh-pages。7.測試
當部署完成後,在瀏覽器中打開http://Darksiderlyd.github.io/(以我的爲例https://Darksiderlyd.github.io/) ,正常顯示網頁,表明部署成功。8.總結:部署步驟
每次部署的步驟,可按以下三步來進行:
hexo clean
hexo generate
hexo deploy命令總結
常用命令:
hexo new “postName” #新建文章
hexo new page “pageName” #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啓預覽訪問端口(默認端口4000,’ctrl + c’關閉server)
hexo deploy #將.deploy目錄部署到GitHub
hexo help #查看幫助
hexo version #查看Hexo的版本複合命令:
hexo deploy -g #生成加部署
hexo server -g #生成加預覽命令的簡寫爲:
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy主題插件安裝和優化
推薦參考文章:主題詳細介紹問題Issue
在操作過程中,由於對.deploy_git文件的誤操作(刪除.git),導致提交不上文件,然後還執行了hexo init等操作,究其原因,主要是_config.yml文件也被初始化,回到了最初的狀態,導致hexo deploy沒有反應也不報錯,所以重新配置一下deploy就好了,還有就是強烈建議備份一下這個文件。域名綁定
推薦參考文章:http://blog.csdn.net/qq_23435721/article/details/50876942
以上搭建過程共參考以下文章:
http://www.cnblogs.com/zhcncn/p/4097881.html
https://segmentfault.com/a/1190000000458953
http://www.cnblogs.com/liulangmao/p/4323064.html
http://blog.csdn.net/qq_23435721/article/details/50876942