w10環境下Hexo博客搭建

w10使用hexo+github手把手搭建本身的第一個博客

對一個程序員來講,博客的重要性不言而喻,不但能夠積累知識,還能夠更好的給別人分享本身的心得。今天就以時下比較流行的hexo博客搭建屬於本身的博客。hexo是基於nodejs寫的一款流行的博客框架。是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其餘渲染引擎)解析文章。方便易學。node

一準備


  • 下載node.js
    1.去nodejs.org下載。
    下載以後直接安裝



    2.驗證Nodejs是否安裝

    PS C:\WINDOWS\system32> node -v
    v10.16.3
    PS C:\WINDOWS\system32>


    顯示這一步就證實安裝nodejs安裝成功
    git

  • 安裝淘寶鏡像程序員


在終端輸入如下命令(仍是管理員的權限)


PS C:\WINDOWS\system32> npm install -g cnpm --registry=https://registry.npm.taobao.org
github

安裝鏡像的目的就是爲了下載hexo的客戶端更快。
npm

二 使用cnpm安裝hexo的鏡像



1.使用如下命令:
瀏覽器

PS C:\WINDOWS\system32> cnpm install -g hexo-cli


顯示hexo安裝成功hexo

2.驗證hexo是否安裝成功:

框架

3.使用cnpm安裝hexo時,可能出現如下錯誤
網站


解決方案:插件



再次使用cnpm安裝hexo就正常了。。

三 初始化hexo博客



1.新建一個文件夾blog
PS C:\WINDOWS\system32> mkdir blog/

2.初始化hexo:
PS C:\WINDOWS\system32\blog> hexo init

3.查看blog文件夾,初始化博客的內容都在這個文件夾裏,包括樣式,風格,等等。

這裏有時可能出現網速慢hexo沒法初始化成功的現象,解決方案,就是刪除blog文件價,從新下載。


四 本地啓動博客



1.使用下面的命令本地啓動博客:


PS C:\WINDOWS\system32\blog>hexo s

2.啓動成功,瀏覽器上進行本地進行訪問

瀏覽器啓動成功,博客搭建已經搭建初步完成,系統自動生成的hello World 文章,裏面介紹了hexo的各類命令。



五 將博客部署到遠端,這裏使用github進行遠端部署


部署的前提是要有一個github帳號,而且對git有必定的瞭解。

1.登錄github,新建一個倉庫,注意新建倉庫的名字必定要符合命名規則:

必須使用本身的暱稱+github.io爲本身的倉庫名。不然找不到你的主頁





2.安裝git插件


PS C:\WINDOWS\system32\blog> cnpm install --save hexo-deployer-git

3.配置blog 文件夾下的_config.yml文件的最下面配置以下信息:

deploy:
type: git
repo: https://github.com/chentang99/chentang99.github.io.git 就是github新建倉庫的地址

branch: master


4.使用命令將本地的博客推到遠端。


PS C:\WINDOWS\system32\blog> hexo d

刷新本身的github倉庫。顯示多了不少的內容,那就是你博客的內容。

5.激動人心的時刻,就是公網訪問你的網站,chengtang99.github.io
這裏的訪問名就是你的github倉庫的名字

若是你想自定義的主題,github上有不少的模板,這裏推薦一款比較流行和輕量級的主題:

點擊訪問yilia主題

六 常見的錯誤及解決



1.必定要在管理員的權限下部署博客

2.若是gitclone太慢的話。一個多是網速,一個就是git的代理沒有設置。以下建議。能夠在hosts的系統文件中作以下的配置:

151.101.72.249 http://global-ssl.fastly.Net
192.30.253.112 http://github.com

3.hexo博客的初始化和操做都是在blog這個文件夾下操做的,若是有錯誤不能解決的話,能夠刪除這個文件,從新下載。後期也能夠自定義本身的主題。具體的主題不少,能夠在github上找到。

4.若是配置完github以後,在公網上訪問本身的網站顯示你找不到網頁,那多是你的倉庫名和你的github的帳號的暱稱不相同,從新修改倉庫名。

技術鏈接你我。分享共同進步。歡迎訪問個人博客changtang 一塊兒交流。

相關文章
相關標籤/搜索