使用hexo搭建我的博客

 一直使用的是博客園的博客,今天心血來潮,想換一種方式,以前想着使用wordpress搭建一個我的博客,可是使用wordpress還要申請域名和申請虛擬主機,這都是比較貴的,因而最後就用hexo搭建了我的博客,這裏將搭建博客的過程和過程當中遇到的一些問題的解決方法記錄下來, 一來是爲了你們有所參考,二來是爲了增強記憶。html

  什麼是hexo? node

  Hexo 是一個簡單地、輕量地、基於Node的一個靜態博客框架,能夠方便的生成靜態網頁託管在github和Heroku上.git

  

  在有node環境的前提下,以管理員身份運行cmd(可能是如此),輸入下面命令以安裝全局的hexo命令行(command line)github

npm install -g hexo-cli npm

  

  進入一個目錄(任意的),  初始化目錄, 並進行環境配置, 其中<>中的內容是咱們本身設定的內容瀏覽器

hexo init <folder>緩存

cd <folder>服務器

npm install markdown

  

   在hexo的根目錄下,咱們能夠看到已經生成的站點配置文件 _config.yml ,打開後重點關注和補充下面的配置項,實際上咱們都是用默認配置也是能夠的hexo

titile   站點標題

subtitle   站點副標題

description   站點描述

author 做者名字(你的名字)

language   網站使用的語言

 

  開啓本地服務器(好比xampp),而後再hexo目錄下執行命令

 hexo s

  或者是輸入其完整命令

   hexo server

  兩條指令的效果是同樣的, 輸入以後,咱們能夠在瀏覽器輸入 localhost:4000 打開默認的hexo效果。

  

  目前比較流行的主體是Next,咱們能夠在hexo目錄下使用下面的命令將next文件克隆到本地的next:

git clone https://github.com/iissnan/hexo-theme-next themes/next

  

  而後再hexo的_config.yml中配置這個主題:

theme: next

  

  這時再重啓本地服務,進入4000端口, 發現如今已是next主題了。更多有關於next的使用,能夠查看官方文檔

 

  進入hexo目錄, 輸入 hexo new [layout] <title>咱們就能夠在source的_posts下面建立一個md文件了,而後使用markdown編輯器撰寫文章便可,寫完以後,從新啓動服務器就能夠看到你的文章了。

  

  這樣還不夠,咱們還能夠將文章發佈到github上進行託管。只要創建一個 <yourname>.github.io 的新倉庫便可。

 

  而後再在_config.yml中配置下面信息:

deploy:
 type: git
 repo: <repository url>
 branch: [branch]
 message: [message]

  其中branch和message其實是不須要的,使用默認的便可,好比個人配置文件中的配置信息以下:

deploy:

type: git
repo: https://github.com/zzw918/zzw918.github.io.git

  

  另外,若是須要Hexo支持git還須要安裝一個插件 hexo-deployer-git

npm install hexo-deployer-git --save

  

  等一切都作完以後,使用 hexo d便可將你的文章推送到github上了。

  注:有時在hexo d以後會出現問題,咱們能夠參照這篇文章的第一個方法

  

  注:有時候咱們修改了文章,而後再github上卻沒有更新,這時只要清空如下緩存就行了。

 

  那麼如何發佈新的文章到github上呢?

  能夠先建立一個markdown文件,而後編輯你的內容,再保存到 source 下的_posts中, 最後再hexo目錄下 hexo generata (或者使用簡寫hexo g)來產生靜態文件。這個過程就是將source中的_posts中的文件根據配置文件中的規則生成爲html文件。最後再 hexo d 發佈到github上便可。

相關文章
相關標籤/搜索