Github博客搭建(1)

這是一篇有關如何使用Github Pages和Hexo搭建本身獨立博客的詳盡教程,裏面介紹瞭如何使用和配置Hexo框架,還有我在搭建本身博客過程當中所遇到的各類困難。html

Hexo基本配置

  1. 安裝NodeJSnode

    # 添加環境變量
    # 檢查是否安裝成功...
    node -v
    npm -v
  2. 安裝Git,Git的相關教程能夠參看廖雪峯git

    # 配置信息
    git config --global user.name "ichinose"
    git config --global user.email xxxx@gmail.com
    # 查看配置狀況
    git config --list
    
    # 配置SSH key
    ssh-keygen -t rsa -C "youremail@example.com"
    # 會在c/Users/ichinose/.ssh生成祕鑰和公鑰
    # 將公鑰添加到Github的Setting->SSH中

    img

  3. 安裝Hexogithub

    Hexo就是咱們的我的博客網站的框架,這裏咱們能夠先建立一個hexotext文件夾來存放全部的hexo相關文件,咱們須要利用npm命令來安裝相應的包,在hexotext文件夾中右鍵打開git bash或者使用cmdershell

    使用npm命令安裝Hexo,輸入:npm

    npm install hexo-cli -g

    初始化Blog:bash

    hexo init Blog
    # 會初始化一個Blog文件夾,這就是咱們的博客

    啓動服務:服務器

    cd Blog
    npm install
    hexo s

    遇到的問題網絡

    打開localhost:4000沒有頁面,這多是端口被佔用,須要修改端口號。Hexo3.0開始,把服務器作成了獨立的模塊,所以須要安裝hexo-serverhexo

    方法:

    npm install hexo-server --save
    # 暫時修改端口,以其餘端口打開服務
    hexo s -p 4001
    
    # 全局修改
    # 找到node_modules\hexo-server\index.js文件,能夠修改默認的port值(不建議)

博客部署

安裝工具包:

npm install hexo-deployer-git --save

如今本地的博客已經搭建起來了,可是咱們只能夠經過本地鏈接查看咱們的博客。若是咱們須要博客在網絡上被別人看到,就須要將博客發佈到服務器上,而Github Pages就幫我完成了這件事情。咱們須要新建一個Github項目。(能夠不初始化README)

img

複製你新建的倉庫的SSH連接,配置到config.yml中:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:username/username.github.io.git
  branch: master

生成博客,並部署:

hexo clean
hexo g
hexo d

完成上述配置就能夠在你的Github Page訪問了,地址:https://username.github.io

相關文章
相關標籤/搜索