日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

使用Hexo+ github快速搭建自己的博客网站(一)

發布時間:2025/4/5 27 豆豆
生活随笔 收集整理的這篇文章主要介紹了 使用Hexo+ github快速搭建自己的博客网站(一) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Hexo簡介

Hexo 是一個簡單地、輕量地、基于Node.js的一個靜態博客框架。通過Hexo我們可以快速創建自己的博客,僅需要幾條命令就可以完成。

Hexo特性:

- Hexo基于Node.js,支持多進程,幾百篇文章也可以秒生成。 - 支持GitHub Flavored Markdown和所有Octopress的插件。 - Hexo支持EJS、Swig和Stylus。通過插件支持Haml、Jade和Less復制代碼

詳細簡介請查看 Hexo官方網站

搭建博客之前的準備

  • 安裝Node環境
  • 安裝Git
  • 申請GitHub

上面提到的node和git的安裝以及github賬號的申請此處不再寫出操作步驟,如安裝或申請時遇到困難,請google或者百度

安裝Hexo

  • 安裝hexo腳手架工具npm install hexo-cli -g復制代碼
  • 安裝并初始化blog項目,此處如果不寫blog則表示安裝在當前目錄 hexo init blog復制代碼
  • 切換到blog目錄,如果安裝到當前目錄則無需切換 cd blog復制代碼
  • 安裝依賴 npm install復制代碼
  • 啟動本地服務 hexo server復制代碼服務啟動成功之后會出現如下提示

    然后在瀏覽器中輸入 localhost:4000 ,接著出現如下內容的頁面
  • 此時一個屬于我們自己的博客系統也就搭建成功了

    等一等...
    現在只能在本地可以訪問,其他人訪問不了,那我拿這個博客系統來干嘛,還不如用自己的記事本
    .....

    將Hexo與github關聯起來

    關聯之前需要做的準備

  • 配置個人的git信息,將生成的ssh key添加到自己的github上
  • 在github上創建一個repository
    注意:新創建的repository的名字必須為如下格式: yourname.github.io復制代碼 或者 yourname.github.com復制代碼 yourname為你自己的github賬號,比如我的github賬號為:github.com/tankboo , 則此時的yourname就是 tankboo
  • 啟用github pages 的服務

    首先進入項目目錄,然后點擊右上角的setting,如下圖所示


    在setting頁面,往下滾動,找到GitHub Pages,然后點擊選擇主題按鈕(Choose a theme )如下圖所示

    接著進入主題選擇頁面,此時可以隨便選擇一個主題然后保存。保存之后,在瀏覽器輸入 yourname.github.io (yourname換成你自己的github的名字, 即可看到如下內容
    此時根據選擇的主題的不同,可能看到的內容有所區別。

  • 正式關聯

    打開項目錄下的_config.yml文件,然后找到Deployment 部分,進行如下修改

    # Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:type: gitrepo: git@github.com:tankboo/tankboo.github.io.gitbranch: master復制代碼

    其中的repo的值換成自己在github上的項目的路徑
    修改完成之后我們還需要引入hexo-deployer-git ,不然會出現以下錯誤

    ERROR Deployer not found: git

    使用如下命令實現對hexo-deployer-git的安裝

    npm install hexo-deployer-git --save復制代碼

    安裝完成后使用如下命令即可將自己的blog部署到github上

    hexo cleanhexo generatehexo deploy復制代碼

    接著在瀏覽器輸入yourname.github.io ,我的是tankboo.github.io,然后就可以看到自己的blog了

    現在看到的樣式是hexo的默認主題,在官網上還有很多其他的不錯的主題,可以根據自己的喜好選擇

    下一節將介紹hexo主題的設置,介紹的主題為next

    《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀

    總結

    以上是生活随笔為你收集整理的使用Hexo+ github快速搭建自己的博客网站(一)的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。