【個人博客搭建及配置一】基礎配置

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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章