【個人部落格搭建及配置一】基礎配置

weixin_34253539發表於2018-11-06

image

部落格地址: https://www.lisq.xyz/

image

1.本地安裝hexo

首先保證你電腦上有node環境,這個不懂的可以自定百度。

控制檯輸入node -v出現版本號說明安裝成功。

有了node就可以安裝hexo了,控制檯輸入如下命令

npm i -g hexo

同樣控制檯輸入hexo -v出現版本號說明安裝成功。

然後開始初始化專案,控制檯輸入:

hexo init

得到如下專案目錄:

image

node_modules:是依賴包
public:存放的是生成的頁面
scaffolds:命令生成文章等的模板
source:用命令建立的各種文章
themes:主題
_config.yml:整個部落格的配置
db.json:source解析所得到的
package.json:專案所需模組專案的配置資訊

2.本地執行

首先在本地跑起來你的程式碼

控制檯安裝hexo-server

npm i hexo-server

然後執行 hexo-server

在瀏覽器中訪問:http://localhost:4000
就可以看到你本定執行的頁面了

這時你可以在本地除錯一下你的blog。

3.github配置

首先要建立一個github賬號

並配置好ssh

這些不懂的可以自行百度。

建立一個repo,名稱為yourname.github.io, 其中yourname是你的github名稱,按照這個規則建立github page才會生效。

image

修改_config.yml中的git配置

deploy:
  type: git
  repo:  https://github.com/xxxx.git
  branch: master

4.部署上傳

在本地安裝上傳工具

npm install hexo-deployer-git --save

依次執行如下命令

hexo clean     //刪除上次打包
hexo generate   //打包
hexo deploy    /上傳

這裡我單獨寫了sh執行這三段指令碼,這樣每次只需要執行這個sh即可。

在瀏覽器中輸入http://yourgithubname.github....

一些其他配置

搜尋功能

使用搜尋功能首先需要:

npm install -S hexo-generator-json-content

然後:

search:
    insight: true

readme

1.首先在source資料夾下建立一個README.md

2.修改_config.yml

skip_render: README.md

相關文章