2020最新国产在线不卡a-爱看女同中文字幕av-国产大秀视频在线一区二区-大香蕉手机在线最新视频

石家莊網(wǎng)站開發(fā) 石家莊網(wǎng)站開發(fā)公司

資訊動態(tài)

察而思、思而行、行而后語、知行合一

基于github+hexo創(chuàng)建自己的博客

發(fā)布時(shí)間:2020-02-13 熱度:

  很多朋友都想要產(chǎn)創(chuàng)建自己的博客,但是不知道怎么操作,下面石家莊網(wǎng)站建設(shè)的小編來給大家詳細(xì)介紹一下具體步驟有哪些,來一起看看吧!

  首先第一部就是創(chuàng)建庫,

  每個(gè)賬號都有一個(gè)自己的博客的庫,庫的名字規(guī)則:賬戶名字+github.io

基于github+hexo創(chuàng)建自己的博客

  使用hexo寫博客

  hexo簡介

  Hexo是一個(gè)簡單、快速、強(qiáng)大的基于 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。

  注意事項(xiàng)

  安裝之前先來說幾個(gè)注意事項(xiàng):

  1.很多命令既可以用Windows的cmd來完成,也可以使用git bash來完成,但是部分命令會有一些問題,為避免不必要的問題,建議全部使用git bash來執(zhí)行;

  2.hexo不同版本差別比較大,網(wǎng)上很多文章的配置信息都是基于2.x的,所以注意不要被誤導(dǎo);

  3.hexo有2種_config.yml文件,一個(gè)是根目錄下的全局的_config.yml,一個(gè)是各個(gè)theme下的;

  安裝

  $ npm install -g hexo

  初始化

  在電腦的某個(gè)地方新建一個(gè)名為hexo的文件夾(名字可以隨便取),比如我的是D:\Git\hexo,由于這個(gè)文件夾將來就作為你存放代碼的地方,所以最好不要隨便放。

  $ cd D:\Git\hexo

  $ hexo init

  hexo會自動下載一些文件到這個(gè)目錄,包括node_modules,目錄結(jié)構(gòu)如下圖:

基于github+hexo創(chuàng)建自己的博客

  Hexo g 生成

  Hexo s 啟動服務(wù)

  執(zhí)行以上命令之后,hexo就會在public文件夾生成相關(guān)html文件,這些文件將來都是要提交到github去的:

基于github+hexo創(chuàng)建自己的博客

  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

  下載后的主題都在這里:

基于github+hexo創(chuàng)建自己的博客

  修改_config.yml中的theme: landscape改為theme: yilia,然后重新執(zhí)行hexo g來重新生成。

  如果出現(xiàn)一些莫名其妙的問題,可以先執(zhí)行hexo clean來清理一下public的內(nèi)容,然后再來重新生成和發(fā)布。

  上傳之前

  在上傳代碼到github之前,一定要記得先把你以前所有代碼下載下來(雖然github有版本管理,但備份一下總是好的),因?yàn)閺膆exo提交代碼時(shí)會把你以前的所有代碼都刪掉。

  上傳到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)不行了,無論是哪種寫法,此時(shí)直接執(zhí)行hexo d的話一般會報(bào)如下錯誤:

  Deployer not found: github 或者 Deployer not found: git

  原因是還需要安裝一個(gè)插件:

  npm install hexo-deployer-git –save

  其它命令不確定,部署這個(gè)命令一定要用git bash,否則會提示Permission denied (publickey).

  打開你的git bash,輸入hexo d就會將本次有改動的代碼全部提交,沒有改動的不會:

  保留CNAME、README.md等文件

  提交之后網(wǎng)頁上一看,發(fā)現(xiàn)以前其它代碼都沒了,此時(shí)不要慌,一些非md文件可以把他們放到source文件夾下,這里的所有文件都會原樣復(fù)制(除了md文件)到public目錄的:

基于github+hexo創(chuàng)建自己的博客

  由于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

  這里面都是一些全局配置,每個(gè)參數(shù)的意思都比較簡單明了,所以就不作詳細(xì)介紹了。

  需要特別注意的地方是,冒號后面必須有一個(gè)空格,否則可能會出問題。

  寫博客

  定位到我們的hexo根目錄,執(zhí)行命令:

  hexo new ‘my-blog’

  hexo會幫我們在_posts下生成相關(guān)md文件:

  我們只需要打開這個(gè)文件就可以開始寫博客了,默認(rèn)生成如下內(nèi)容:

  當(dāng)然你也可以直接自己新建md文件,用這個(gè)命令的好處是幫我們自動生成了時(shí)間。

  一般完整格式如下:

  —

  title: postName #文章頁面上的顯示名稱,一般是中文

  date: 2017-7-02 9:30:16 #文章生成時(shí)間,一般不改,當(dāng)然也可以任意修改

  categories: 默認(rèn)分類 #分類

  tags: [tag1,tag2,tag3] #文章標(biāo)簽,可空,多標(biāo)簽請用格式,注意:后面有個(gè)空格

  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. 免費(fèi)方便,不用花一分錢就可以搭建一個(gè)自由的個(gè)人博客,不需要服務(wù)器不需要后臺;

  3. 可以隨意綁定自己的域名,不仔細(xì)看的話根本看不出來你的網(wǎng)站是基于github的;

  1. 數(shù)據(jù)絕對安全,基于github的版本管理,想恢復(fù)到哪個(gè)歷史版本都行;

  2. 博客內(nèi)容可以輕松打包、轉(zhuǎn)移、發(fā)布到其它平臺;

  3. 等等;

  最終效果:

基于github+hexo創(chuàng)建自己的博客

  以上就是石家莊網(wǎng)站建設(shè)的小編分享的建站的小技巧,如需了解更多請繼續(xù)關(guān)注尚武科技。

聯(lián)系尚武科技
客戶服務(wù)
石家莊APP開發(fā)
400-666-4864
為您提供售前購買咨詢、解決方案推薦等1V1服務(wù)!
技術(shù)支持及售后
石家莊APP開發(fā)公司
0311-66682288
為您提供從產(chǎn)品到服務(wù)的全面技術(shù)支持 !
客戶服務(wù)
石家莊小程序開發(fā)
石家莊小程序開發(fā)公司
加我企業(yè)微信
為您提供售前購買咨詢、
解決方案推薦等1V1服務(wù)!
石家莊網(wǎng)站建設(shè)公司
咨詢相關(guān)問題或預(yù)約面談,可以通過以下方式與我們聯(lián)系。
石家莊網(wǎng)站制作
在線聯(lián)系:
石家莊Web開發(fā)
石家莊軟件開發(fā)
石家莊軟件開發(fā)公司
ADD/地址:
河北·石家莊
新華區(qū)西三莊大街86號河北互聯(lián)網(wǎng)大廈B座二層
Copyright ? 2008-2025尚武科技 保留所有權(quán)利。 冀ICP備12011207號-2 石家莊網(wǎng)站開發(fā)冀公網(wǎng)安備 13010502001294號《互聯(lián)網(wǎng)平臺公約協(xié)議》
Copyright ? 2025 dachencms.com, Inc. All rights reserved