Hexo部落格(Snail主題)搭建回顧概覽

2022-09-19 19:51:14 字數 2568 閱讀 5738

目錄對讀者前置知識的期望

part 1 筆者參考的其他部落格

part 2 筆者踩過的坑

part 3 個性化設定部落格介面

寫部落格後記

該part記錄一些背景資訊,有助於讀者了解這篇部落格的寫作背景、定位、對讀者的前置知識期望。建議腦海中只有」想像大家一樣搭建hexo部落格「的同學閱讀本部分,其他同學可直接跳至part 1開始閱讀。

筆者的裝置是windows 10家庭版。

基於這篇部落格提供的其他搭建部落格詳細指導鏈結和筆者自己的補充,預期讀者可以依此搭建屬於自己的snail主題hexo部落格。

您在這裡可以期望獲得:

筆者在搭建部落格中踩過的坑

一些較詳細的指導搭建部落格鏈結

基於第2條中的搭建部落格鏈結的一些補充

包括鏈結部落格內容在內的搭建部落格所需的充分知識

依照本部落格給出的方法搭建出類似本部落格的個人部落格

您在這裡無法期望獲得:

應用到的技術的深層原理

snail主題之外的其他hexo主題部落格搭建方法

我們希望讀者最好可以擁有以下知識,或在閱讀本部落格時及時查閱學習。

了解git和github基礎知識

能夠應用編輯器(如visual studio code)檢視各種非常規型別配置檔案

能夠訪問github或能夠使用vpn

命令列的使用與linux基本命令

hexo+github page搭建技術部落格(重要參考)

snail主題官方倉庫(給出了重要基本指導)

hexo官網(可以獲得hexo基本知識如hexo命令等)

[hexo+github搭建部落格(超級詳細版,精細入微)

解決npm install安裝慢的問題

利用vscode開啟.styl檔案的辦法

解決hexo中文部落格打不開的問題

解決部落格中插入的問題

由於美國的一些政治因素,github在2023年將預設分支由多年來一直使用的master改為了main,這導致了學習2023年10月之前的部落格教程時,現在的使用者需要考慮預設分支不同導致的潛在問題。因此,直接將自己github賬戶的預設分支改為master即可與大家保持一致,避免無謂的bug。

筆者曾嘗試先應用預設主題,再更換為snail主題的方法,但是由於未知原因一直失敗,但直接按照snail主題給出的指令操作即可。因此,建議讀者直接按此操作。

在此先推薦一款訪問github的工具devsidecar,傻瓜式操作非常易用。

在使用devsidecar時,可能會遇到執行hexo g -d命令時上傳失敗,這並非因為操作錯誤,而是因為網路原因,只需要關閉**即可。

如果你完全按照上文及相關鏈結的操作進行,那麼下面的操作對你應當是適用的。

修改site,按照官方指導即可。

修改site settings,其中的img資料夾的相對位址是blog\source\img,其中blog是官方指導最開始的hexo init blog命令生成的blog資料夾。在該img資料夾下放入你所想要的並修改配置檔案中相應**。

修改sns settings,按照官方指導即可。

修改sidebar settings,對於不需要的sidebar,直接注釋掉或刪掉對應欄目即可;friends鏈結的title是在你的部落格介面顯示的文字,點選會跳轉到href指向的鏈結。

theme部分應該無需自己修改。

deployment部分依照官方指導修改即可,其具體格式可進一步參考hexo+github page搭建技術部落格(重要參考)。

background effects部分按照官方指導修改即可,也可以關閉以減少cpu消耗,其中content部分可以修改為自己喜歡的emoji或語句,做個小彩蛋(比如本部落格[doge])。

更改右上角導航欄

例子:如想刪去下圖右上角的欄目,只需要在blog\source目錄下山區資料夾即可。

如果想增加欄目,可以查閱hexo命令hexo new page使用方法,此處不詳述。

可以使用hexo new 'title'的命令生成.md部落格原始檔,在其中使用markdown語法書寫即可。

插入參考解決部落格中插入的問題中的方案,其中前兩種方法筆者已經親測可用,最後的typora的方法沒有嘗試。

這篇部落格遠非盡善盡美,筆者也只是提供了若干其他部落格資源和自己親歷的坑,若有不足之處還望批評指正。

Hexo部落格搭建 fluid主題美化

2 主頁效果 3 替換layout partial plugins目錄下的typed.ejs if theme.fun features.typing.enable page.subtitle false typed.stop document ready function if is post e...

hexo部落格更換主題

前邊我們已經學會了部落格的搭建了,這次我們來看看怎麼樣讓我們的部落格更漂亮,更個性化。那就是來更換部落格的主題,讓我們的部落格與眾不同起來。我們可以去hexo的主題官網去挑選你自己喜歡的主題風格。裡邊收錄了很多牛人自己寫的漂亮的主題。選擇乙個你喜歡的主題,每個主題都在github上面開源的 下邊以我...

小白搭建hexo的Next主題部落格

家裡的網路可算搞好了!quq.是時候更新一波部落格了!言歸正傳 寒假前無意間看到高年級的學長自己做的部落格 很精美!動心了之後決定自己做乙個 高仿版 說實話自己沒有想到如今建立自己的部落格 已經這麼發達便捷,因為自己的前端知識並不多,開始前一度擔心完不成。這是效果圖 古人云 工欲成其事必先利其器。在...