歡迎去我的博客muhlenXi訪問撩扒。
版權(quán)聲明:本文為muhlenXi原創(chuàng)文章,轉(zhuǎn)載請注明出處逛尚,未經(jīng)允許不得轉(zhuǎn)載.
導(dǎo)語:
在網(wǎng)上經(jīng)常瀏覽技術(shù)牛人的博客來學(xué)習(xí)技術(shù)能力垄惧,突然有個(gè)念頭閃現(xiàn)在腦海,為啥我不自己也弄個(gè)博客記錄自己
的學(xué)習(xí)收獲和分享自己的掉坑經(jīng)驗(yàn),避免后來的人不像我一樣掉坑绰寞,豈不更好到逊!對于一個(gè)愛折騰的我,立馬就開始
各種搜索資料滤钱,各種踩坑觉壶。
更多詳情請看我為什么開始寫博客
對于不了解Hexo是什么的?可以去Hexo官網(wǎng)了解一下件缸。Hexo簡介 ,廢話不扯了掰曾,開始正題!
安裝Node.js(必須)
選擇Node.js的安裝的程序,進(jìn)入到下載頁面停团,選擇Download for OSX(x64)
,左邊的版本是建議大多數(shù)用戶使用的版本旷坦,右邊的則是最新版本,我選擇了左邊的那個(gè)版本佑稠,然后秒梅,下載,安裝即可舌胶。
安裝Git(必須)
由于我經(jīng)常使用Xcode
軟件捆蜀,所以這里不用安裝Git,Xcoder軟件自帶Git,也許有些人不知道Git
是什么以及怎么使用,可以看Git教程了解一下,這是我目前見到講解的深入淺出的文章辆它。
PS:后面需要配置站點(diǎn)和主題文件誊薄,需要打開其他格式的文本,個(gè)人建議用Xcode會好些锰茉。
注冊Github賬號(必須)
注冊Github賬號
可以看Github的注冊與使用(詳細(xì)圖解)
進(jìn)一步想深入學(xué)習(xí)Github的可以看一下這個(gè)博客 從0開始學(xué)習(xí)Github系列匯總
Hexo 的安裝與配置
安裝Hexo
以上三步呢蔫,根據(jù)自己實(shí)際情況安裝。安裝完成后飒筑,可進(jìn)行接下來這步片吊。打開終端
,cd到你想要存放Hexo配置的路徑下進(jìn)行如下操作:
mkdir "MyBlog" //創(chuàng)建MyBlog文件夾
ls //查看當(dāng)前目錄下是否有MyBlog文件夾
cd cd MyBlog/ //進(jìn)入到MyBlog目錄下
sudo npm install-g hexo //安裝Hexo
hexo init //初始化Hexo
到這里為止协屡,Hexo博客安裝工作基本完成俏脊,MyBlog
就是你博客的根目錄,關(guān)于博客的所有操作均在MyBlog里面進(jìn)行肤晓。
配置Github
【1】登錄你的Github賬號爷贫,創(chuàng)建一個(gè)Repository(倉庫)
,倉庫的名字必須是 你的github的用戶名.github.io
(這是固定寫法)
在這里假設(shè)你的用戶名是zhangsan
补憾,則你要創(chuàng)建的倉庫名就是zhangsan.github.io
【2】用 終端
或者 Github Desktop
軟件 Clone zhangsan.github.io 倉庫到本地你指定的目錄下漫萄。
【3】進(jìn)入到MyBlog
文件夾,找到 _config.yml
(站點(diǎn)配置文件)然后打開它余蟹,我用Xcode
打開它,翻到最后面子刮,進(jìn)行如下操作
改成這個(gè)樣子:
deploy:
type:git
repository:git@github.com:zhangsan/zhangsan.github.io.git
branch:master
【4】打開終端
輸入
npm install hexo-deployer-git --save
hexo generate 或 hexo g //生成靜態(tài)界面
hexo server //本地啟動
【5】打開瀏覽器
輸入 http://localhost:4000/
則可以看到你 本地生成的靜態(tài)頁面了
打開終端 使用快捷鍵 control + c
停止本地啟動進(jìn)程
【6】拷貝MyBlog
目錄下的Public
文件夾里面的所有文件到你Clone到本地的zhangsan.github.io
文件夾
【7】使用 終端
或者 Github Desktop
Commit威酒、Push zhangsan.github.io
到遠(yuǎn)程Github倉庫中
【8】使用 終端
進(jìn)入到 MyBlog
目錄下,執(zhí)行如下命令
hexo deploy //部署博客到Github
這樣挺峡,就成功的將你的Hexo博客部署到了Github葵孤,你在瀏覽器中輸入http://zhangsan.github.io 就可以了看到你的博客了。
常用的Hexo基本操作
hexo clean //清理緩存
hexo generate //生成靜態(tài)界面
hexo deploy //部署到Github
hexo server //本地啟動博客
hexo new “文章名” //新建一篇文章
hexo new page "頁面名" //新建一個(gè)頁面
hexo help //查看幫助
hexo version //查看Hexo的版本
給你的博客安裝并配置 Next主題
Next主題的主旨在于簡潔優(yōu)雅并且易于使用橱赠,尤其是是精于心尤仍,簡于形
的里面深入我心,見到的第一眼狭姨,就深深的吸引住了宰啦,無法自拔。具體步驟如下:
【1】使用終端
進(jìn)入到 MyBlog
目錄下饼拍,輸入命令
git clone https://github.com/iissnan/hexo-theme-next themes/next
這樣就把Next主題Clone到你的MyBlog/themes
路徑下了赡模。
【2】進(jìn)入到MyBlog
文件夾,找到 _config.yml
(站點(diǎn)配置文件)然后打開它师抄,我用Xcode打開漓柑,找到theme
字段,修改成
theme: next
【3】配置Next主題,進(jìn)入到MyBlog/themes/next
目錄下辆布,打開_config.yml
(主題配置文件)然后打開它瞬矩,我一般用Xcode打開,找到Schemes
字段锋玲,next主題有三種形式景用,我中意Mist
,修改如下
# Schemes
#scheme: Muse
scheme: Mist
#scheme: Pisces
【4】打開終端
進(jìn)入到cd到MyBlog
文件夾,輸入命令
hexo clean
hexo generate
hexo server
這樣,打開瀏覽器
輸入 http://localhost:4000/ 就可以看到和我一樣的主題了嫩絮。
我的博客 mulenxi
更多的Next主題配置丛肢,可以參考Next官方文檔。
搭建博客參考
- 1剿干、購買域名蜂怎,對域名解析和綁定Github,可以參考如何搭建一個(gè)獨(dú)立博客
- 2置尔、學(xué)習(xí)使用
Markdown
,可以參考認(rèn)識與入門Markdown - 3杠步、Hexo搭建過程出現(xiàn)問題,可以參考Hexo---搭建
感謝大家的瀏覽榜轿,謝謝幽歼!