Hexo搭建我的博客

  
  一直想搭建一個本身的博客來記錄本身的一些學習筆記,因爲是學生黨經濟上有些吃緊因此一直沒辦法搭建起本身的博客。最近在網上無心中看到了能夠藉助GitHub來搭建本身的我的博客,因而就折騰了起來。我搭建博客用到的是GitHub+Hexo的搭配,下面就讓我來介紹下個人博客搭建的整個過程。html

Hexo

  Hexo是一個基於Node.js的快速簡單的靜態博客框架,利用它經過簡單的幾個命令就能夠搭建一個我的博客。git

A fast, simple & powerful blog framework,powered by Node.js.github

安裝Hexo

  我是在Windows上面進行搭建的,因此我這裏就介紹下Windows上面的安裝方法。安裝Hexo首先須要下面兩個條件:
  - Node.js
  - Git
  這兩個的安裝方法你們Google下就行了,一堆堆的。有了這些咱們就能夠利用npm命令來安裝hexo了。shell

npm install hexo -g

  安裝完hexo以後能夠開始初始化博客了。
  npm

初始化博客

  初始化Hexo博客只須要進入博客目錄,而後執行下面這條命令就能夠了瀏覽器

hexo init

生成博客

  初始化博客以後博客目錄下會產生一些配置文件和模板文件,如今就要利用這些模板文件來生成咱們的靜態博客文件,經過下面這條命令就能夠生成咱們的博客hexo

hexo generate

  執行完命令以後,在博客目錄下會產生一個public文件夾,這裏面存放的就是咱們的博客靜態文件。框架

本地部署

  生成博客以後咱們就能夠開始在本地部署咱們的博客學習

hexo server

  如今咱們打開瀏覽器訪問http://localhost:4000 就能夠看到咱們的博客了。code

部署到GitHub

  經過上面這些步驟咱們只是在本地搭建起了博客,要讓別人看到還須要把它部署到GitHub上。
  首先,固然是須要申請一個GitHub帳號,而後新建一個Repository,接着在命名的時候須要注意,GitHubPage的名字必須用戶名.github.com或者用戶名.github.io。
  建立完Repository以後,咱們要配置Hexo的github地址而後才能夠把咱們的博客部署到GitHub上面。在博客目錄底下打開_congig.yml,這就是Hexo的配置文件。找到下面這段代碼

# Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type:

  把上面的內容替換成你剛纔建立的Repository地址,以下:

# Deployment
    ## Docs: http://hexo.io/docs/deployment.html
    deploy:
    type: github
    repository: https://github.com/用戶名/用戶名.github.io.git
    branch: master

  建立Repository而且修改配置文件以後咱們就能夠把咱們的博客部署到GitHub上面了,經過下面這個命令,過程當中須要輸入Git帳號和密碼:

hexo deploy

  打開瀏覽器訪問http://用戶名.github.com 或者 http://用戶名.github.io ,部署以後大約十分鐘就能夠看到博客效果了。

配置博客

  經過上面的步驟咱們完成了博客的基本搭建工做,咱們還能夠經過修改配置文件來進行博客的個性化定製。
  
  首先是博客的標題以及做者,經過修改_congig.yml中相應的字段就能夠設置標題和做者,以下:

# Site
    title: <h1>My Coding Life</h1> //標題
    subtitle: Better Wife , Better Life //副標題
    description: Better Wife , Better Life //描述內容
    author: Bin //做者
    email: lakb248@163.com //郵箱
    language: zh-CN //語言

  其次是博客的主題,Hexo有許多現成的主題能夠選擇,在這裏能夠獲得。下載相應的主題放到博客目錄底下的themes文件夾底下。最後須要修改_config.yml中theme字段的值,以下:

# Extensions
    ## Plugins: https://github.com/tommy351/hexo/wiki/Plugins
    ## Themes: https://github.com/tommy351/hexo/wiki/Themes
    theme: 主題名

  經過上面這一系列步驟,咱們的我的博客能夠正式上線了。Hexo還有不少其餘的功能,好比評論,RSS。更多內容你們請看官方文檔

最後,安利下個人我的博客,歡迎訪問: http://bin-playground.top

相關文章
相關標籤/搜索