hexo主題更換以及怎麼寫部落格

LIJING0906發表於2018-07-23

此文首發於lijing0906.github.io
預設的hexo主題我個人覺得不是很好看,必須得挑一款適合自己風格的主題
寫部落格需要懂一些Markdown語法,so easy的啦,網上一搜一籮筐的語法部落格(只能幫你到這兒了)

主題修改

找一個能折騰的主題

hexo官網上有很多主題可供選擇,個人建議,剛開始做的時候選擇一些簡單的主題來折騰,會沒那麼折騰
我找了很久,找到一個簡單小清新的主題,很是喜歡,然後就開始折騰吧
主題下載地址呈上:inside主題

下載主題

在專案根目錄把主題從gitHub上克隆下來

    $ git clone *URL* themes/*themeName*  #URL是主題地址,themes/*themeName*是主題存放的位置(通常都放在themes資料夾下)和名稱
複製程式碼

hexo主題更換以及怎麼寫部落格

修改配置

主題有了,需要全域性配置一下才能生效。開啟專案根目錄下的_config.yml檔案作修改並儲存,執行hexo s啟動本地服務檢視效果

hexo主題更換以及怎麼寫部落格
如果重新整理頁面沒有效果,那麼需要清除一下快取檔案和靜態檔案,執行一下命令:

    $ hexo clean
複製程式碼

然後再執行hexo s -g重新生成靜態檔案並啟動本地服務,再重新整理就能看到我清新可愛風的主題了

修改頭像

我的部落格怎麼能沒有我的頭像呢,趕緊把我的頭像圖片拷進去,然後進行配置修改

hexo主題更換以及怎麼寫部落格
頭像放在themes>inside>source下,修改themes>inside>_config.yml>profile

寫部落格

寫到這兒,重頭戲終於登場了。做自己的部落格,最重要的當然是寫部落格記錄自己所學啦。記得把Markdown語法翻出來哦

配置文章首部

hexo主題更換以及怎麼寫部落格
title、date、tags、categories是必須項,其中tags和categories與頁面上tags和categories這兩個導航有關,需要寫上,不然這兩個導航點選之後頁面會報錯而且沒有任何跳轉,而且給部落格寫上標籤和分類也利於自己和讀者按需查詢。 thumbnail屬性目前我還沒找到怎麼解決圖片路徑的問題,可以忽略不計

建立部落格檔案

    $ hexo new *fileName* #fileName是檔名
複製程式碼

hexo主題更換以及怎麼寫部落格
如果文章中有很多圖片,需要一個專門的資料夾來存放比較好,所以需要全域性配置一下,即修改根目錄下的_config.yml檔案
hexo主題更換以及怎麼寫部落格
這樣執行hexo new命令之後會同時生成同名的資料夾(這個資料夾就拿來放圖片)和.md結尾的markdown檔案

寫部落格內容

寫吧寫吧,想寫啥就寫啥!

about

就是“關於我”這個導航啦,這個需要在source下建立一個about資料夾以及一個index.md檔案

hexo主題更換以及怎麼寫部落格

最後的最後

  1. 編寫完了之後,最好hexo clean清除快取檔案,然後再hexo g重新生成檔案,最後別忘了hexo d推送到遠端gitHub倉庫
  2. hexo的官網上還有很多東西在目前我還沒有用到就沒有寫進來,想了解更多可以去hexo官網上了解實踐
  3. 目前還只是靜態部落格,只能通過gitHub的地址訪問(如果有自己的域名和伺服器也可以部署到自己的伺服器上,用自己的域名訪問,自行百度吧),這樣畢竟是不方便的,所以要做成動態的,這就需要自己寫後臺管理系統前端頁面以及後臺處理程式,目前正在學習中,後續搞定了再來寫一篇部落格記錄一下
    hexo主題更換以及怎麼寫部落格

相關文章