GitHub和hexo搭建個(gè)人博客

最近的生活太過于迷茫,整天不知干嘛,沒有一點(diǎn)目標(biāo)。為了不讓自己在這樣頹廢下去,就準(zhǔn)備把平時(shí)生活的一些想法和一些學(xué)習(xí)的筆記記錄下來,俗話說“好記性不如爛筆頭”嘛。

概述

利用hexo 框架搭建個(gè)人博客,并與github 關(guān)聯(lián)

hexo介紹

hexo 是一個(gè)快速、簡潔且高效的博客框架。hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。

hexo安裝

在安裝hexo 之前還有一些必要的工作,安裝node.js 、git 和注冊giuhub 賬號。這些工作網(wǎng)上有大量的教程,這里就不過多的說明。接下來打開git bash 工具,輸入

npm install -g hexo-cli

安裝好后,如下圖會顯示hexo 的版本號

hexo安裝成功界面

hexo安裝后的一些操作

  • 在電腦的任意位置新建一個(gè)文件夾,用于存放hexo項(xiàng)目,我這里的文件名是blog

  • blog 文件夾中打開git bash 工具,輸入如下命令

  • 初始化

    hexo init
    

    初始化完成后,在blog 文件中會生成如圖所示的文件和文件夾(可能會有些不一樣):

    blog文件內(nèi)容.png

下面對這些內(nèi)容進(jìn)行一些說明:

  • node_modules:是依賴包

  • public:存放的是生成的頁面

  • scaffolds:命令生成文章等的模板

  • source:用命令創(chuàng)建的各種文章

  • themes:主題

  • _config.yml:整個(gè)博客的配置

  • db.jsonsource解析所得到的

  • package.json:項(xiàng)目所需模塊項(xiàng)目的配置信息

  • 安裝一些依賴

    hexo install
    
  • 安裝一個(gè)插件,當(dāng)然也可以后面安裝

    npm install hexo-deployer-git --save關(guān)聯(lián)GitHub
    

關(guān)聯(lián)GitHub

  • 在GitHub上新建一個(gè)用戶名.github.io 的倉庫,用戶名是你GitHub的賬戶名

  • 復(fù)制這個(gè)倉庫的地址

  • blog 文件夾中的_config.yml 文件修改成如下(修改內(nèi)容在文件最后),注意冒號后面有一個(gè)空格

      type: git
      repo: 倉庫地址
      branch: master
    

接下來在git bash 中輸入:

hexo g -d

現(xiàn)在博客已經(jīng)搭建好,并部署到了GitHub上。最后在瀏覽器上輸入博客網(wǎng)址https://用戶名.github.io/ 就可以看到自己的博客啦。下面是我搭建好后的頁面,最后奉上我的博客地址,隨時(shí)歡迎大家。

初始博客頁面.png

總結(jié)

整體來說,搭建的過程比較簡單,沒有很大的坑。由于這只是一個(gè)初期的博客,還比較簡單,還有很多東西需要完善:主題的更換、新建博客、評論系統(tǒng)等等,在接下來的時(shí)間會對博客進(jìn)行相應(yīng)的改善。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容