手把手教你搭建HEXO免費博客(四)

手把手教你搭建HEXO免費博客(四)

手把手教你搭建HEXO免費博客(四)

手把手教你搭建HEXO+Github博客 (系列教程四)

  • 為什麼推薦hexo+github?
  • 最重要兩點:簡單、免費

Next主題使用

在hexo官網的Themes(主題)下,搜索next

手把手教你搭建HEXO免費博客(四)

搜索結果點擊跳轉到github倉庫

手把手教你搭建HEXO免費博客(四)

點擊CN查看中文介紹

手把手教你搭建HEXO免費博客(四)

點擊詳細安裝步驟

手把手教你搭建HEXO免費博客(四)

下載最新版本

手把手教你搭建HEXO免費博客(四)

選擇下載zip版

手把手教你搭建HEXO免費博客(四)

右鍵->解壓到當前文件夾(若沒有解壓選項,請百度下載或360安全衛士下載壓縮軟件)(作者用的WinRAR)

手把手教你搭建HEXO免費博客(四)

重命名為next

手把手教你搭建HEXO免費博客(四)

拷貝到博客目錄的themes下

手把手教你搭建HEXO免費博客(四)

在sublime中打開config,修改 theme: next。

注意是博客目錄下的config,不是主題目錄下的

手把手教你搭建HEXO免費博客(四)

hexo g 重新生成一下

手把手教你搭建HEXO免費博客(四)

hexo s -p 5555本地端口部署

手把手教你搭建HEXO免費博客(四)

打開瀏覽器輸入:localhost:5555,預覽一下主題效果

手把手教你搭建HEXO免費博客(四)

需要更多關於next主題的教程,可以百度搜索hexo next,

手把手教你搭建HEXO免費博客(四)

點擊第一個Next|使用文檔。如下:

手把手教你搭建HEXO免費博客(四)

發現next支持多種外觀

手把手教你搭建HEXO免費博客(四)

我們試著換一個外觀模式,打開主題next下的config文件,註釋第一個,顯示第二個。

手把手教你搭建HEXO免費博客(四)

再在瀏覽器上預覽效果如下。

手把手教你搭建HEXO免費博客(四)

搭建篇到此結束!感興趣的小夥伴們可以著手搭建了。有問題儘管聯繫作者。儘量在當天晚上會全部回覆!


分享到:


相關文章: