最近想要開始寫博客负溪,將學(xué)習(xí)過程中遇到的問題整理出來逃沿,分享給大家婴渡。首先要做的就是搭建博客幻锁,我是第一次寫博客,以前從來沒有寫過博客边臼,網(wǎng)上搜了一下哄尔,發(fā)現(xiàn)Hexo搭建github博客比較火。界面簡單方便易上手硼瓣,所以下面就簡單介紹我搭建Hexo的github靜態(tài)博客的過程究飞。
第一步 安裝Node
作用是:用來生成靜態(tài)頁面
可以到Node.js官網(wǎng)上下載相應(yīng)平臺(tái)的最新版本,一路安裝即可堂鲤。 也可以執(zhí)行命令語句
npm install -g hexo
第二步 安裝Git
作用是:把本地的Hexo內(nèi)容提交到github上面。
因?yàn)閄Code就自帶git,我就不說了媒峡。
第三步:申請(qǐng)Github
作用是:用來做博客的遠(yuǎn)程倉庫,域名,服務(wù)器之后的瘟栖。
github的賬號(hào)申請(qǐng)還是很簡單的,直接申請(qǐng)就可以了谅阿。建議配置一下SSH半哟,避免每次提交都要手動(dòng)輸入賬號(hào)密碼。
不會(huì)的話可以看下這篇文章
第四步:配置Github
建立與你用戶名對(duì)應(yīng)的倉庫签餐,倉庫名必須為【your_user_name.github.io】寓涨。建議大家最好是建立與你用戶名對(duì)應(yīng)的倉庫,如果不對(duì)應(yīng)的話氯檐,并且你不設(shè)置你的_config.yml文件的話戒良,博客是不成功的。我第一次就犯了這種錯(cuò)誤冠摄,呵呵糯崎。
第五步:開始搭建博客了
在你電腦上建立一個(gè)名字叫【Hexo】的文件夾,然后切換到此文件夾下面河泳,執(zhí)行下面命令
hexo init
Hexo隨后會(huì)自動(dòng)在目標(biāo)文件夾建立網(wǎng)站所需要的文件沃呢,然后按照提示,運(yùn)行npm install會(huì)在Hexo目錄中安裝 node_modules拆挥。
npm install
好啦薄霜,至此,全部安裝工作已經(jīng)完成纸兔!Hexo就是你的博客根目錄惰瓜,所有的操作都在里面進(jìn)行。然后生成靜態(tài)頁面食拜,執(zhí)行語句
hexo generate
本地啟動(dòng)
啟動(dòng)本地服務(wù)鸵熟,進(jìn)行文章預(yù)覽調(diào)試,命令:
hexo server
瀏覽器輸入:http://localhost:4000负甸,看一下效果流强,頁面打不開痹届,不要驚慌,打不開是正常的打月,因?yàn)闆]有配置github队腐。
第六步:部署到Github
部署到Github前需要配置config.yml文件,打開config.yml奏篙,找到最下面添加語句
type: github?
repository: git@github.com:XXX/XXX.github.io?
branch: master
這個(gè)地方需要注意兩點(diǎn):第一:冒號(hào)后面需要加空格柴淘,如果不加空格的話,執(zhí)行下面的語句就會(huì)出錯(cuò)秘通。第二:就是倉庫地址一定不要寫http的为严,格式為上面的SSH形式的URL,XXX是你的github用戶名肺稀。如果你寫成http的第股,將會(huì)報(bào)下面的錯(cuò)誤:
$ hexo deploy
[info] Start deploying: github
[error] https://github.com/XXX/XXX.github.io is not a valid repositor URL!
OK,現(xiàn)在就告一段落了话原,最后執(zhí)行一句語句
hexo deploy
然后在瀏覽器中輸入:https://XXX.github.io夕吻,當(dāng)當(dāng)當(dāng)當(dāng),就可以打開了繁仁。
最后每次部署的時(shí)候涉馅,都可以按照以下三步來執(zhí)行:
hexo clean
hexo generate
hexo deploy
我每次部署完都會(huì)在本地查看一下,看一下效果黄虱,畢竟新手嘛稚矿,哈哈~~~
下面是以下常用的命令
hexo new "文章名字" #新近文章
hexo new page "頁面名字" ## 新建頁面
hexo generate ## 生成靜態(tài)頁面
hexo server ## 開啟預(yù)覽訪問端口
hexo deploy ##將.deploy 目錄部署到github
hexo help ##查看幫助
hexo version #查看版本
好吧,這篇博客就寫到這里了悬钳,下一篇寫怎么設(shè)置博客主題
參考資料: