hexo搭建個人博客

搭建所謂的個人博客,其實是瞎玩的,剛好有個域名,又剛好沒事幹,就弄個玩玩,之前其實用過wordpress,可是還得要服務器,作爲一個非專業的專業程序猿,還是用hexo吧,用github就可以,省錢。。。。

博客的搭建大概分爲以下幾個步驟:
① Node.js 的安裝和準備,我覺得用鏡像文件.msi安裝比較好,不用配置,用.zip安裝,我出現了npm配置問題,比較菜
② git的安裝和準備,以及github賬戶的配置
③ hexo的安裝
④ 選主題,配置域名,或者添加評論轉發功能啥的
⑤ 寫md文章,開始裝逼

  1. 安裝Git Bash
    Git就使用Git Bash,弄個簡單的博客,沒必要linux,所以下載windows版本並安裝就可以了。
    ● 下載地址
    ● 安裝步驟:雙擊下載好的exe文件,一路next就好啦
    ● 安裝好後,打開gitbash,查看版本:
    ○ 命令:git version
    這裏寫圖片描述

  2. 安裝NodeJs
    Hexo是基於nodeJS環境的靜態博客,裏面的npm工具很有用啊,所以還是老老實實把這玩意兒裝了吧
    ● 下載地址
    ● 安裝步驟:反正下載好msi文件後,雙擊打開安裝,也是一路next,不過在Custom Setup這一步記得選 Add to PATH ,這樣你就不用自己去配置電腦上環境變量了,裝完在按 win + r 快捷鍵調出運行,然後輸入cmd確定,在cmd中輸入path可以看到你的node是否配置在裏面(環境變量),沒有的話你就自由發揮吧。
    ● 查看版本:
    ○ 命令:node -v
    這裏寫圖片描述

  3. 安裝hexo
    ● 在自己認爲合適的地方創建一個文件夾,這裏我以E:/hexo 爲例子講解,首先在E盤目錄下創建Hexo文件夾,並在命令行的窗口進入到該目錄
    這裏寫圖片描述

    ● 安裝hexo命令:npm i -g hexo
    ● 安裝完成後,查看版本:
    這裏寫圖片描述
    ● 執行初始化命令:hexo init ,初始化完成之後打開所在的文件夾可以看到以下文件:
    ● 再執行 npm install
    這裏寫圖片描述
    ● 解釋一下:
    ○ node_modules:是依賴包
    ○ public:存放的是生成的頁面
    ○ scaffolds:命令生成文章等的模板
    ○ source:用命令創建的各種文章
    ○ themes:主題
    ○ _config.yml:整個博客的配置
    ○ db.json:source解析所得到的
    ○ package.json:項目所需模塊項目的配置信息

  4. 連接github
    ● 新建賬號,建一個名字爲*。github.io的倉庫,和本地git關聯起來,哦了
    這裏寫圖片描述

  5. 配置
    ● 用編輯器打開你的blog項目,修改_config.yml文件的一些配置(冒號之後都是有一個半角空格的):
    deploy:
    type: git
    repo: https://github.com/YourgithubName/YourgithubName.github.io.git
    branch: master

    ● 回到gitbash中,進入你的blog目錄,分別執行以下命令:
    hexo clean
    hexo generate(hexo g)
    hexo server(hexo s也可以)

    注:hexo 3.0把服務器獨立成個別模塊,需要單獨安裝:npm i hexo-server。
    ● 打開瀏覽器輸入:http://localhost:4000,就可以看到hexo博客首頁了

  6. 上傳到github
    ● 先安裝一波:npm install hexo-deployer-git –save(這樣才能將你寫好的文章部署到github服務器上並讓別人瀏覽到)
    ● 執行命令(建議每次都按照如下步驟部署):
    hexo clean
    hexo generate
    hexo deploy

    ● 在瀏覽器中輸入http://yourgithubname.github.io就可以看到你的個人博客啦

  7. 綁定個人域名
    ● 不想綁定的自行忽略
    ● 在項目的source文件夾下新建一個名爲CNAME(沒有後綴名)的文件,在裏面添加你購買的域名www.xxx.com
    ● 解析域名,如下
    這裏寫圖片描述

    ● 接着再次部署一下,用你購買的域名打開,就可以看到你的博客啦

  8. 修改及配置主題
    ● hexo初始化之後默認的主題是landscape , 然後你可以去這個地址裏面找到你想要的主題。在github中搜索你要的主題名稱,裏面都會有該主題的如何使用的介紹,按着來就好了,反正就是改改改

    ● 跟該主題相關的配置在themes/hueman/_config.yml裏面,然後根據你的需要在這配配配就行了。

  9. 寫文章發佈
    使用CSDN網上面提供的MarkDown編輯器 http://write.blog.csdn.net/mdeditor ,寫好文章後,找到菜單欄的“導出到本地”選項
    這裏寫圖片描述

    以md格式導出到本地,然後copy該md文件,粘貼到你當初建的博客站點文件夾下的source\ _posts目錄下,一個md文件對應一篇博客文章。
    接着在你博客站點文件夾下右鍵空白處,選擇Git Bash Here,輸入:hexo generate,回車,生成靜態頁面,
    再輸入:hexo server,回車,到localhost:4000預覽博客效果,
    最後輸入:hexo deploy,回車,同步到github上去就行了。

    參考:這哥們寫的很好,我都是照着做的,傻瓜式
    https://www.cnblogs.com/visugar/p/6821777.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章