使用hexo搭建自己博客

搭建博客

服務器配置

git --version // 如無,則安裝
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-devel
yum install -y git
useradd xxx //用戶名
passwd xxx // 設置密碼123456
su joker // 這步很重要,不切換用戶後面會很麻煩
cd /home/xxx/
mkdir -p projects/blog // 項目存在的真實目錄
mkdir repos && cd repos
git init --bare blog.git // 創建一個裸露的倉庫
cd blog.git/hooks
vi post-receive // 創建 hook 鉤子函數,輸入了內容如下

#!/bin/sh
git --work-tree=/home/xxx/projects/blog --git-dir=/home/xxx/repos/blog.git checkout -f
chmod +x post-receive
exit // 退出到 root 登錄
chown -R xxx:xxx /home/joker/repos/blog.git // 添加權限
在本地電腦 找一個空白文件夾,如果能把空倉庫拉下來,就說明 git 倉庫搭建成功了
git clone xxx@server_ip:/home/joker/repos/blog.git

建立ssh信任關係,在本地電腦

ssh-copy-id -i  /Users/xxx/.ssh/id_rsa.pub xxx@server_ip

ssh xxx@server_ip // 測試能否登錄,此時的 ssh 登錄 git 用戶不需要密碼
exit

如果報錯:ERROR Deployer not found: git

在站點目錄下

[root@instance-6k0i5s0c ~]# cd /home/xxx/projects/blog/
[root@instance-6k0i5s0c blog]# npm install hexo-deployer-git --save

本機配置

安裝Node.js

安裝Git

安裝Hexo

在合適的地方新建一個文件夾,用來存放自己的博客文件

定位到該目錄下,輸入npm i hexo-cli -g安裝Hexo。會有幾個報錯,無視它就行

安裝完後輸入hexo -v驗證是否安裝成功。

然後就要初始化我們的網站,輸入hexo init初始化文件夾,接着輸入npm install安裝必備的組件。

這樣本地的網站配置也弄好啦,輸入hexo g生成靜態網頁,然後輸入hexo s打開本地服務器,然後瀏覽器打開http://localhost:4000/,就可以看到我們的博客

打開博客根目錄下的_config.yml文件,這是博客的配置文件,在這裏你可以修改與博客相關的各種信息。

修改最後一行的配置:

deploy:
  type: git
  repository: joker@server_ip:/home/xxx/repos/blog.git //服務器倉庫地址
  branch: master

寫文章、發佈文章

首先在博客根目錄下右鍵打開git bash,安裝一個擴展npm i hexo-deployer-git

然後輸入hexo n "demo1",新建一篇文章。

然後打開blog\source\_posts的目錄,可以發現下面多了一個文件夾和一個.md文件,一個用來存放你的圖片等數據,另一個就是你的文章文件啦。

編寫完markdown文件後,根目錄下輸入hexo g生成靜態網頁,然後輸入hexo s可以本地預覽效果,最後輸入hexo d上傳到github上。這時打開你的github.io主頁就能看到發佈的文章啦。

發佈了26 篇原創文章 · 獲贊 8 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章