Windows環境下Hexo、Github搭建個人博客

Windows環境下Hexo、Github搭建個人博客

  • 感謝github提供免費空間
  • 帶有“$”符號的是git命令
  • 站在巨人的肩膀上

去我的Blog查看效果

環境準備

  1. git
    git安裝

  2. node.js
    node.js安裝

  3. hexo
    hexo操作步驟

正確搭建姿勢

新建github項目

(前提:gihub賬號,通過github上提供的方式或者通過git的git gui 獲取並且設置了github的SSH 獲取SSH參考網址)
建立與你github用戶名對應的倉庫,倉庫名必須爲your_user_name.github.io

安裝配置Hexo
此處給出的並不是完全適合hexo所有版本的方法,具體還應以hexo官網的方式作爲參考。

  1. 安裝hexo

    安裝hexo之前必須先安裝git,之後的操作基本大多集中在git的操作上。
    打開git命令行輸入:

    $ npm install -g hexo

  2. 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

  3. 命令總結

    常用命令:
    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

  4. 主題插件安裝和優化
    推薦參考文章:主題詳細介紹

  5. 問題Issue
    在操作過程中,由於對.deploy_git文件的誤操作(刪除.git),導致提交不上文件,然後還執行了hexo init等操作,究其原因,主要是_config.yml文件也被初始化,回到了最初的狀態,導致hexo deploy沒有反應也不報錯,所以重新配置一下deploy就好了,還有就是強烈建議備份一下這個文件。

  6. 域名綁定
    推薦參考文章: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

發佈了27 篇原創文章 · 獲贊 11 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章