使用hexo搭建个人博客
一直使用的是博客園的博客,今天心血來潮,想換一種方式,之前想著使用wordpress搭建一個個人博客,但是使用wordpress還要申請域名和申請虛擬主機,這都是比較貴的,于是最后就用hexo搭建了個人博客,這里將搭建博客的過程和過程中遇到的一些問題的解決方法記錄下來, 一來是為了大家有所參考,二來是為了加強記憶。
什么是hexo??
Hexo?是一個簡單地、輕量地、基于Node的一個靜態博客框架,可以方便的生成靜態網頁托管在github和Heroku上.
在有node環境的前提下,以管理員身份運行cmd(多是如此),輸入下面命令以安裝全局的hexo命令行(command line)
npm install -g hexo-cli
進入一個目錄(任意的), ?初始化目錄, 并進行環境配置, 其中<>中的內容是我們自己設定的內容
hexo init <folder>
cd <folder>
npm install?
? 在hexo的根目錄下,我們可以看到已經生成的站點配置文件 _config.yml ,打開后重點關注和補充下面的配置項,實際上我們都是用默認配置也是可以的
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上即可。
轉載于:https://blog.51cto.com/zhanglida66/1921422
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的使用hexo搭建个人博客的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《电子基础与维修工具核心教程》——1.3
- 下一篇: ES6之let(理解闭包)和const命