安裝并配置Hexo步驟 怎樣免費申請博客

本文目錄:
一、安裝并配置Hexo
二、部署到托管平臺
三、效果展示
首先要確保電腦中已經安裝了node.js和git 。網絡上有大量關于這兩個軟件安裝的過程,在此不再贅述 。
一、安裝并配置Hexo
只需要一步,就可以輕松安裝Hexo:
npm install -g hexo-cli
安裝后,我們需要生成必要的文件:
hexo init my_blog
cd my_blog
npm install
然后我們就可以使用如下命令來本地預覽我們的博客網站了:
hexo s
默認情況下效果如下圖:

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

我們可以挑選自己喜歡的主題,我個人傾向于使用Next主題,安裝主題的方式非常簡單,下載主題后解壓放在themes文件夾中即可,在這里我們使用git克隆到本地 。
git clone https://github.com/theme-next/hexo-theme-next.git themes/next
二、部署到托管平臺
很多人使用Github,不過我們在這里使用的是騰訊旗下的CODING平臺 。它們都提供了免費的網站服務 。
注冊后,新建一個項目:

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

然后我們把項目的git地址拷貝下來:

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

還有一步是必要的,那就是把我們電腦的公鑰添加進來,公鑰的生成可以百度搜索一下,非常簡單:

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

在我們的博客目錄下可以看到_config.yml文件,打開找到themes和deploy部分并編輯:
## Themes: https://hexo.io/themes/
theme: next
# Deployment
deploy:
type: git
repo: git@git.dev.tencent.com:data_insights/my_blog.git
branch: master
把我們剛才復制的項目地址粘貼進來,默認使用master分支 。然后把主題的名字貼進來,注意,這里主題的名稱要跟我們克?。ɑ蛘邚椭疲┻M來的文件夾名稱一致 。
本地預覽一下:
hexo s

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

簡潔而美觀,后續我們可以再調整主題和樣式,我們先來嘗試部署到線上 。
我們需要先安裝hexo-deployer-git:
npm install hexo-deployer-git –save
安裝完成后,我們輸入:
hexo clean && hexo generate && hexo deploy
或者簡化為
hexo clean && hexo g && hexo d
好,在我們的CODING平臺,已經可以看到代碼了:

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

然后,我們開啟Pages服務:

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

好了,現在就可以訪問我們的個人博客了 。
三、效果展示
給大家看一下我的博客的效果,所有的調整和定制都非常簡單,大家可以在hexo和所使用的主題的官方文檔中找到你需要的東西 。

安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖


安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖


安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖


安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖


安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

【安裝并配置Hexo步驟 怎樣免費申請博客】
安裝并配置Hexo步驟 怎樣免費申請博客

文章插圖

好了,接下來你也可以免費創建自己的個人博客了!