lemonoil

OI__nothing is impossible

对于huno的更改[长期更新]

• 标签: 技术

看着看着，这个blog就已经跟着我快两年了。最初的好奇造就了这样一个个人blog，这种经历还是十分宝贵的吧。回想当初调试各种参数使之建成不惜弄到了第二天早上，年轻真的疯狂，OI确实疯狂。

这篇文章专用来记录我对huno的各种调整。

从虾米到网易云

一开始我将自己的huno挂在github上时备注的是 ~一个装有虾米音乐的blog~

后来才发现网易云外链可以直接嵌入到支持了html的markdown上，但已经做成了（毕竟hzwer都用的虾米音乐(笑)），所以也没放在心上。 后来不知道怎么的，虾米播放墙无法显示了，（hzwer的也是），所以索性就使用了网易云的播放列表。

使用方法很简单，就是用网易云音乐的账号建立一个个人歌单，然后在分享出去，分享出去的歌单就会有外部链接。 如图点击 生成外链播放器 就行。

然后你会获得一串代码，将代码放入

\huno\layout_partials

中的side-panel.ejs文件panel-main的位置

1
2
3
4
<div class="panel-main">
    <div class="panel-main__inner panel-inverted">
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=260 height=400 src="//music.163.com/outchain/player?type=0&id=2206964132&auto=1&height=430"></iframe>

更新后的成果图

PS.beatless真的是硬核佳作。

头像与背景

头像、背景之类的就看看

https://github.com/letiantian/huno

自行学习替换吧！ 秀一波自己的主页

站长统计

分别在百度站长与CNZZ上登记了这个网页，一开始图方便用的http，然后百度抓取莫名暴死，https认证GG，最后才发现问题所在。催人泪下~~

具体方法网上都有而且不难，小心放的位置别冲突了就行。

一开始用的站长统计只能显示ip，好尴尬啊。

评论与QQ交谈

huno的评论除非自己写就只能靠第三方了。 多说、畅言、友言、网易云跟帖貌似GG Disqus也被墙，翻墙好麻烦！！ 果断使用了livere（来比力），貌似是韩国。

然后就可以果断删除\layout_partials中跟评论有关的所有ejs了，自己建立一个文件填写

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!-- 来必力City版安装代码 -->
<div id="lv-container" data-id="city" data-uid="***your data***">
	<script type="text/javascript">
   (function(d, s) {
       var j, e = d.getElementsByTagName(s)[0];
       if (typeof LivereTower === 'function') { return; }
       j = d.createElement(s);
       j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
       j.async = true;
       e.parentNode.insertBefore(j, e);
   })(document, 'script');
	</script>
<noscript> 为正常使用来必力评论功能请激活JavaScript</noscript>
</div>
<!-- City版安装代码已完成 -->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=***your qq***&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:***your qq***:51" alt="click it and link me" title="click it and link me"/></a>

填入个人信息后就能使用了，效果如图：

要记得将article.ejs中的倒数第二行的引用文件名改成你自定义存放上述代码的文件名。

特殊的icon处理

先上效果图

可以看到CSDN的icon在上面了。 虽然huno提供的icon挺多的了，但难免会有无法满足的情况（比如说没有bilibili直播的icon（笑）） 所以处理这种特殊图标就需要特殊方法了

其实挺简单的，一开始我想从css上面直接改动，后来发现自己太傻了，在\layout_partials中的social.ejs 中直接改动就行了。

1
2
3
4
5
6
7
8
9
<li class="navigation__item">
    <a href="https://blog.csdn.net/lemonoil" title="another blog">
      <i>
        <img src="https://raw.githubusercontent.com/lemonoil/README-ans-REMEMBER-me/master/csdnl.png">
        </i>
      <span class="label">CSDN</span>
    </a>
  </li>

加入这串代码就行了，连if都懒得写，不需要的时候删除就行了，对于icon的改动频率应该会很少吧。 其实就是预先找到要用的图片然后以图片形式显示就行了，不必拘泥于文字显示（开玩笑的）。

click it and link me

Launch CodeCogs Equation Editor