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

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

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

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

文章插圖
在我們的博客目錄下可以看到_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-deployer-git:
npm install hexo-deployer-git –save
安裝完成后,我們輸入:
hexo clean && hexo generate && hexo deploy
或者簡化為
hexo clean && hexo g && hexo d
好,在我們的CODING平臺,已經可以看到代碼了:

文章插圖
然后,我們開啟Pages服務:

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

文章插圖

文章插圖

文章插圖

文章插圖

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

文章插圖
好了,接下來你也可以免費創建自己的個人博客了!
- 技能魔法參數配置文件 在架設服務器時用到的HLserver文件是什么
- 手游多開器安裝教程 夢想世界多開怎么操作
- 小后鼠標右擊退出調整狀態 如何將兩張照片合并為一張照片
- 強制安裝補丁的方法 補丁安裝失敗怎么辦
- 公寓廁所反味怎么辦 廁所安裝小技巧 公寓廁所為什么那么臭
- 怎么下載U盾的驅動 u盾怎么安裝
- 當儲氣筒氣壓升到8公斤每平方厘米時,氣壓推動調節閥的膜片并帶 恒壓閥怎么擊發
- 車輛配置 李潤成開的什么車
- 配置價格 福美來三代怎么樣
- 光與色彩的關系:人們之所以能看到并能辨認物象的千差萬 光與色彩的關系
