2024-01-28 分類: 網(wǎng)站建設(shè)
很多朋友都想要產(chǎn)創(chuàng)建自己的博客,但是不知道怎么操作,下面成都網(wǎng)站建設(shè)的小編來給大家詳細介紹一下具體步驟有哪些,來一起看看吧!
首先第一部就是創(chuàng)建庫,
每個賬號都有一個自己的博客的庫,庫的名字規(guī)則:賬戶名字+github.io
使用hexo寫博客
hexo簡介
Hexo是一個簡單、快速、強大的基于 Github Pages 的博客發(fā)布工具,支持Markdown格式,有眾多優(yōu)秀插件和主題。
官網(wǎng): http://hexo.io
github: https://github.com/hexojs/hexo
原理
由于github pages存放的都是靜態(tài)文件,博客存放的不只是文章內(nèi)容,還有文章列表、分類、標(biāo)簽、翻頁等動態(tài)內(nèi)容,假如每次寫完一篇文章都要手動更新博文目錄和相關(guān)鏈接信息,相信誰都會瘋掉,所以hexo所做的就是將這些md文件都放在本地,每次寫完文章后調(diào)用寫好的命令來批量完成相關(guān)頁面的生成,然后再將有改動的頁面提交到github。
注意事項
安裝之前先來說幾個注意事項:
1.很多命令既可以用Windows的cmd來完成,也可以使用git bash來完成,但是部分命令會有一些問題,為避免不必要的問題,建議全部使用git bash來執(zhí)行;
2.hexo不同版本差別比較大,網(wǎng)上很多文章的配置信息都是基于2.x的,所以注意不要被誤導(dǎo);
3.hexo有2種_config.yml文件,一個是根目錄下的全局的_config.yml,一個是各個theme下的;
安裝
$ npm install -g hexo
初始化
在電腦的某個地方新建一個名為hexo的文件夾(名字可以隨便取),比如我的是D:\Git\hexo,由于這個文件夾將來就作為你存放代碼的地方,所以最好不要隨便放。
$ cd D:\Git\hexo
$ hexo init
hexo會自動下載一些文件到這個目錄,包括node_modules,目錄結(jié)構(gòu)如下圖:
Hexo g 生成
Hexo s 啟動服務(wù)
執(zhí)行以上命令之后,hexo就會在public文件夾生成相關(guān)html文件,這些文件將來都是要提交到github去的:
Hexo s是開啟本地預(yù)覽服務(wù),打開瀏覽器訪問 http://localhost:4000 即可看到內(nèi)容
修改默認(rèn)主題
在黑框里執(zhí)行
cd D:\Git\hexo
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
下載后的主題都在這里:
修改_config.yml中的theme: landscape改為theme: yilia,然后重新執(zhí)行hexo g來重新生成。
如果出現(xiàn)一些莫名其妙的問題,可以先執(zhí)行hexo clean來清理一下public的內(nèi)容,然后再來重新生成和發(fā)布。
上傳之前
在上傳代碼到github之前,一定要記得先把你以前所有代碼下載下來(雖然github有版本管理,但備份一下總是好的),因為從hexo提交代碼時會把你以前的所有代碼都刪掉。
上傳到github
如果你一切都配置好了,發(fā)布上傳很容易,一句hexo d就搞定,當(dāng)然關(guān)鍵還是你要把所有東西配置好。
首先,ssh key肯定要配置好。
其次,配置_config.yml中有關(guān)deploy的部分:
正確寫法:
deploy:
type: git
repository: git@github.com:retechs/retechs.github.io.git
branch: master
錯誤寫法:
deploy:
type: github
repository: https://github.com/retechs/retechs.github.io.git
branch: master
后面一種寫法是hexo2.x的寫法,現(xiàn)在已經(jīng)不行了,無論是哪種寫法,此時直接執(zhí)行hexo d的話一般會報如下錯誤:
Deployer not found: github 或者 Deployer not found: git
原因是還需要安裝一個插件:
npm install hexo-deployer-git –save
其它命令不確定,部署這個命令一定要用git bash,否則會提示Permission denied (publickey).
打開你的git bash,輸入hexo d就會將本次有改動的代碼全部提交,沒有改動的不會:
保留CNAME、README.md等文件
提交之后網(wǎng)頁上一看,發(fā)現(xiàn)以前其它代碼都沒了,此時不要慌,一些非md文件可以把他們放到source文件夾下,這里的所有文件都會原樣復(fù)制(除了md文件)到public目錄的:
由于hexo默認(rèn)會把所有md文件都轉(zhuǎn)換成html,包括README.md,所有需要每次生成之后、上傳之前,手動將README.md復(fù)制到public目錄,并刪除README.html。
常用hexo命令
常見命令
hexo new “postName” #新建文章
hexo new page “pageName” #新建頁面
hexo generate #生成靜態(tài)頁面至public目錄
hexo server #開啟預(yù)覽訪問端口(默認(rèn)端口4000,’ctrl + c’關(guān)閉server)
hexo deploy #部署到GitHub
hexo help # 查看幫助
hexo version #查看Hexo的版本
縮寫:
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
組合命令:
hexo s -g #生成并本地預(yù)覽
hexo d -g #生成并上傳
_config.yml
這里面都是一些全局配置,每個參數(shù)的意思都比較簡單明了,所以就不作詳細介紹了。
需要特別注意的地方是,冒號后面必須有一個空格,否則可能會出問題。
寫博客
定位到我們的hexo根目錄,執(zhí)行命令:
hexo new ‘my-blog’
hexo會幫我們在_posts下生成相關(guān)md文件:
我們只需要打開這個文件就可以開始寫博客了,默認(rèn)生成如下內(nèi)容:
當(dāng)然你也可以直接自己新建md文件,用這個命令的好處是幫我們自動生成了時間。
一般完整格式如下:
—
title: postName #文章頁面上的顯示名稱,一般是中文
date: 2017-7-02 9:30:16 #文章生成時間,一般不改,當(dāng)然也可以任意修改
categories: 默認(rèn)分類 #分類
tags: [tag1,tag2,tag3] #文章標(biāo)簽,可空,多標(biāo)簽請用格式,注意:后面有個空格
description: 附加一段文章摘要,字?jǐn)?shù)最好在140字以內(nèi),會出現(xiàn)在meta的description里面
—
如何讓博文列表不顯示全部內(nèi)容
默認(rèn)情況下,生成的博文目錄會顯示全部的文章內(nèi)容,如何設(shè)置文章摘要的長度呢?
答案是在合適的位置加上即可,例如:
# 前言
使用github pages服務(wù)搭建博客的好處有:
1. 全是靜態(tài)文件,訪問速度快;
2. 免費方便,不用花一分錢就可以搭建一個自由的個人博客,不需要服務(wù)器不需要后臺;
3. 可以隨意綁定自己的域名,不仔細看的話根本看不出來你的網(wǎng)站是基于github的;
1. 數(shù)據(jù)絕對安全,基于github的版本管理,想恢復(fù)到哪個歷史版本都行;
2. 博客內(nèi)容可以輕松打包、轉(zhuǎn)移、發(fā)布到其它平臺;
3. 等等;
最終效果:
以上就是成都網(wǎng)站建設(shè)的小編分享的建站的小技巧,如需了解更多請繼續(xù)關(guān)注創(chuàng)新互聯(lián)。
網(wǎng)頁標(biāo)題:基于github+hexo創(chuàng)建自己的博客
URL鏈接:http://jinyejixie.com/news28/315828.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、云服務(wù)器、企業(yè)網(wǎng)站制作、網(wǎng)站營銷、用戶體驗、網(wǎng)站導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容