定制hexo博客

之前花了点时间将博客从WordPress迁移到了hexo,并且使用了著名的next作为博客主题,整体上还是很不错的,然后自己稍微添加了一些东西,在这里做一些记录。

Github

由于hexo可以将内容生成静态页面,那么就可以很方便的利用github来维护并利用username.github.io来运营博客,按照找到的资料,我将该github库新建了一个hexo分支,用来存储主要的代码,master分支用来push生成的静态页面。
主要参考了CrazyMilk这篇博客内容,按照其中流程搭建之后,日常修改按照如下方式进行:

在本地对博客进行修改(添加新博文、修改样式等等)后,通过下面的流程进行管理:
依次执行git add .git commit -m “…”git push origin hexo指令将改动推送到GitHub(此时当前分支应为hexo);
然后才执行hexo generate -d发布网站到master分支上。

Git子模块

由于我将整个项目扔在github上维护,并且采用了Next主题,这时候问题就来了,我像定制一部分Next主题中的内容,但是又想保持上游的更新,这个时候Git子模块就派上用场了~

主要参考这个Git文档:git工具 - 子模块

需要注意的是,如果现在已经有了对应的文件夹,需要将其舍弃之后重新拉取,然后每次就都可以本地将两个仓库独立使用git命令维护了。

一言网 && Next v5.1.2

LOJ的首页右上角,有一个小小的一言,我一直觉得这个东西挺不错的,然后右键审查元素,发现了一言网这个网站:一言网

about

这个网站是干什么的?

一言网(Hitokoto.cn)创立于2016年,隶属于萌创Team,目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。

简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。
或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。*
*:本段文本源自hitokoto.us.

我可以干什么呢?

您可以…
分享句子 : 注册并和大家分享感动你的那个句子。
获取接口 : 我们提供了Api(支持HTTPS)用以各位获取句子以及信息。
点赞 : 您可以为您喜欢的句子点赞。点赞越多,句子被取得到的几率越大。
获取感动 : 在茫茫句海中寻找能感动你的句子。只要刷新首页就好了。(不要忘记随手点赞)
More and more…

这里是官方的介绍,然后该网站提供了专门的API接口http://hitokoto.cn/api

通过不同类型参数可以随机获取不同的一言,于是我写了一个小小的JS,在此之前我稍微研究了一下Next的目录结构,在Next项目的layout文件夹下,有一个_custom文件夹,在这里可以很方便的定制一部分内容,修改对应的swig文件即可。

然后我在sidebar.swig文件中添加了如下内容:

<div class="hitokoto motion-element" id="hitokoto-loader">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script>
        $.get('https://sslapi.hitokoto.cn/?c=a', function (data) {
        data = JSON.parse(data);
        $('#hitokoto-content').css('display', '').text(data.hitokoto);
        if (data.from) {
          $('#hitokoto-from').css('display', '').text('——' + data.from);
        }
        });
    </script>
    <div style="font-size: 1em;margin-top: 15px; line-height: 1.5em;" id="hitokoto-content"></div>
    <div style="text-align: right; margin-top: 15px; font-size: 0.9em; color: rgb(102, 102, 102);" id="hitokoto-from"></div>
</div>

最终效果即如博客侧边栏最下面所示。


文章作者: crazyX
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 crazyX !
评论
 上一篇
测试数据生成器CYaRon 测试数据生成器CYaRon
Project CYaRonCYaRon Yet Another Random Olympic-iNformatics test data generator By Luogu 项目地址: https://github.com/luogu-
2017-09-06
下一篇 
长理12届重现-G-跑路ing-高斯消元 长理12届重现-G-跑路ing-高斯消元
给定一个n个点m条边的有向图$(1<=n<=100, 1<=m<=10000)$,从1号点出发,每单位时间必须从目前位置等概率选择一条边然后移动到对应的节点上去或者不动(如果当前节点有t条边,则有1/(t+1)的概率
2017-09-03
  目录