本文目錄:
一、安裝并配置Hexo二、部署到托管平臺三、效果展示首先要確保電腦中已經安裝了node.js和git。網絡上有大量關于這兩個軟件安裝的過程,在此不再贅述。
一、安裝并配置Hexo
只需要一步,就可以輕松安裝Hexo:
npm install -g hexo-cli安裝后,我們需要生成必要的文件:
hexo init my_blogcd my_blognpm install然后我們就可以使用如下命令來本地預覽我們的博客網站了:
hexo s默認情況下效果如下圖:
我們可以挑選自己喜歡的主題,我個人傾向于使用Next主題,安裝主題的方式非常簡單,下載主題后解壓放在themes文件夾中即可,在這里我們使用git克隆到本地。
git clone 平臺。它們都提供了免費的網站服務。
注冊后,新建一個項目:
然后我們把項目的git地址拷貝下來:
還有一步是必要的,那就是把我們電腦的公鑰添加進來,公鑰的生成可以百度搜索一下,非常簡單:
在我們的博客目錄下可以看到_config.yml文件,打開找到themes和deploy部分并編輯:
## Themes: 分支。然后把主題的名字貼進來,注意,這里主題的名稱要跟我們克隆(或者復制)進來的文件夾名稱一致。
本地預覽一下:
hexo s
簡潔而美觀,后續我們可以再調整主題和樣式,我們先來嘗試部署到線上。
我們需要先安裝hexo-deployer-git:
npm install hexo-deployer-git –save安裝完成后,我們輸入:
hexo clean ?hexo generate ?hexo deploy或者簡化為
hexo clean ?hexo g ?hexo d好,在我們的CODING平臺,已經可以看到代碼了:
然后,我們開啟Pages服務:
好了,現在就可以訪問我們的個人博客了。
三、效果展示
給大家看一下我的博客的效果,所有的調整和定制都非常簡單,大家可以在hexo和所使用的主題的官方文檔中找到你需要的東西。
好了,接下來你也可以免費創建自己的個人博客了!