Hexo Next底部powered by的logo欄更改以及注意事項(附官方文件,文末有福利鏈)

Codeagles發表於2018-07-10

版權宣告:本文為 Codeagles 原創文章,可以隨意轉載,但必須在明確位置註明出處!!!


#Hexo-Next底部logo欄更改以及注意事項(附官方文件)# 昨晚研究了hexo,搭建部落格很方便,主題,外掛化功能非常強大。

  • 本篇文章適合物件:
  • 各位用的是Next主題,那麼適合看本篇文章,如果別的主題想找思路的適合看看練練手。 想學習基礎更改,優化,簡單配置請看
  • 點選[官方文件。](http://theme-next.iissnan.com/getting-started.html "Next")這裡面有基礎的教程以及第三方能用到的外掛都有介紹,都是傻瓜式操作。

    PS:做外掛化的朋友,請注意,站內搜尋swiftype只有老使用者才免費,新使用者只有14天之後收費,RMB玩家可以略過,其他小夥伴可以選擇Local Search,本站右上角就是Local Search,精準度還可以沒有swiftype準,用用再說。搭建LocalSearch 方法如下:

    search

    如果有其他好的外掛和優化方法,我更新本片博文,當然大家有好點,好工具也希望郵件私信我,一同來分享,幫助大家打造富有個性化的部落格。

    問題說明

    用Next主題搭建起來的部落格,在底部會有一個特別煩人的官方logo,

    oldlogo

    對於強迫症的我必須要改掉、改掉、改掉!查遍了所有文章都沒有告訴,遂打算自己寫一篇,有需要的可以看看。(含淚閱讀了Next所有的原始檔,最後不過是兩句話能說明白。。卻耗費我3,4個小時,讓我多說一會廢話湊湊字數吧,都是眼淚啊!)

    成果展示

    newlogo

    看起來至少比原來的好多了,更有個性化風格。

    解決方案

    重點來啦。

    1.首先,找到 \themes\next\layout\_partials\下面的footer.swig檔案,開啟會發現,如下圖的語句:

    config
    看到劃框的地方了嗎?

  • 第一個框 是下面側欄的“日期❤ XXX”
  • 如果想像我一樣加東西,一定要在雙大括號外面寫。如:xxx{{config.author}},當然你要是想改徹底可以變數都刪掉,看個人意願。
  • 第二個,是圖一當中 “由Hexo驅動” 的Hexo連結,先給刪掉防止跳轉,如果想跳轉當然也可以自己寫地址,至於中文一會處理。注意刪除的時候格式不能錯,只把`...`標籤這部分刪除即可,留著兩個單引號'',否則會出錯哦。
  • 第三個框也是最後一個了,這個就是更改圖一後半部分“主題-Next.XX”,這個比較爽直接將`..`都刪掉,同樣中文“主題”一會處理,刪掉之後在上一行 ‘-’後面可以隨意加上你想顯示的東西,不要顯示敏感資訊喲,請自重。
  • 2.接下來,處理剩餘的中文資訊。找到這個地方` \themes\next\languages\ ` 下面的語言檔案zh-Hans.yml(這裡以中文為例,有的習慣用英文的配置檔案,道理一樣,找對應位置即可) 開啟之後,如圖: ![foot](http://upload-images.jianshu.io/upload_images/3305482-cceeefaaed29bc8c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    看到了吧,這個就是傳值傳過去的,你想顯示什麼就在這裡面大肆的去改動吧。其實在第二個框中,就可以把值都改掉,不用接受傳值的方式,完全自己可以重寫。不過我不建議那樣做,因為傳值這樣只要是後續頁面需要這幾個值那麼就都會通過取值去傳過去,要是在剛才footer檔案中直接寫死,後續不一定哪個頁面需要傳值,但是值為空了或者還是原來的,可就尷尬了。所以還是這樣改動吧。

    到此就可以pu上去了,等待2分鐘就搞定了。有的時候可能有延遲。快去改掉那些不屬於你的元素吧。

    更多推薦,打造個性部落格

    相關文章