Hexo-Next底部powered by的logo栏更改以及注意事项(附官方文档,文末有福利链)

96
Codeagles
0.1 2016.10.14 23:49* 字数 786

<big>版权声明:本文为 Codeagles 原创文章,可以随意转载,但必须在明确位置注明出处!!!</big>


Hexo-Next底部logo栏更改以及注意事项(附官方文档)#

昨晚研究了hexo,搭建博客很方便,主题,插件化功能非常强大。
<li>本篇文章适合对象:</li>各位用的是Next主题,那么适合看本篇文章,如果别的主题想找思路的适合看看练练手。
想学习基础更改,优化,简单配置请看<li>点击<u>官方文档。</u>这里面有基础的教程以及第三方能用到的插件都有介绍,都是傻瓜式操作。

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

看到划框的地方了吗?
<li>第一个框 是下面侧栏的“日期❤ XXX”</li>如果想像我一样加东西,一定要在双大括号外面写。如:xxx{{config.author}},当然你要是想改彻底可以变量都删掉,看个人意愿。
<li>第二个,是图一当中 “由Hexo驱动” 的Hexo链接,先给删掉防止跳转,如果想跳转当然也可以自己写地址,至于中文一会处理。注意删除的时候格式不能错,只把<a>...</a>标签这部分删除即可,留着两个单引号'',否则会出错哦。</li>
<li>第三个框也是最后一个了,这个就是更改图一后半部分“主题-Next.XX”,这个比较爽直接将<a>..</a>都删掉,同样中文“主题”一会处理,删掉之后在上一行 ‘-’后面可以随意加上你想显示的东西,不要显示敏感信息哟,请自重。</li>
2.接下来,处理剩余的中文信息。找到这个地方\themes\next\languages\ 下面的语言文件zh-Hans.yml(这里以中文为例,有的习惯用英文的配置文件,道理一样,找对应位置即可)
打开之后,如图:
foot

看到了吧,这个就是传值传过去的,你想显示什么就在这里面大肆的去改动吧。其实在第二个框中,就可以把值都改掉,不用接受传值的方式,完全自己可以重写。不过我不建议那样做,因为传值这样只要是后续页面需要这几个值那么就都会通过取值去传过去,要是在刚才footer文件中直接写死,后续不一定哪个页面需要传值,但是值为空了或者还是原来的,可就尴尬了。所以还是这样改动吧。

到此就可以pu上去了,等待2分钟就搞定了。有的时候可能有延迟。快去改掉那些不属于你的元素吧。

更多推荐,打造个性博客

碎片化知识
Web note ad 1