主页
归档
友链
想说点什么
实验室
给自己的博客加点料
Feb 09 2021

给自己的博客加点料

今天有点无聊,看着博客感觉缺了点什么,想了想便感觉应该加一个随机句子推荐,这样可以让博客更有一点文艺气息,但是,众所周知,Github Pages是不支持php的,但这也无妨,javascript依然可以做到相同的效果,但是本人拙劣的写代码技术于编译器后面了(哈哈哈哈哈哈)。

第一步 寻找添加句子的区域

首先打开hexo博客的自定义文件夹(这里以我用的white主题为例),找到themes/(你的主题名)/layout/_partial接着找到header.ejs(footer也可以)用你自己的编辑器打开

第二步 添加代码

找到博客顶部名字的区域,尝试加一个新的段落

<div>
........
<p id="sentence">测试</p>
<script src="/js/sen.js"></script>
</div>

在本地生成博客,自己观察,区域是不是合适,如果不合适,可以自己写一点style调整

第三步 写js代码

这里你们可以直接引用我的,就是在上述的script src=””里面把””里面改成https://wobisheng.github.io/js/sen.js 就可以了

当然你也可以自己写一点点代码放在主题的source/js文件夹里命名为sen.js

下面是具体代码(别在意我拙劣的代码技术)

var number1 = Math.floor(Math.random() * 11);
number1 = number1 + 1;
if(number1 == 1)
{document.getElementById("sentence").innerHTML="这城市风很大,孤独的人总是晚回家";}
else if(number1 == 2)
{document.getElementById("sentence").innerHTML="我们都生活在阴沟里,但仍有人仰望星空";}
else if(number1 == 3)
{document.getElementById("sentence").innerHTML="曾经以为,拥有是不容易的;后来才知道,原来舍弃更难。";}
else if(number1 == 4)
{document.getElementById("sentence").innerHTML="人间不会有单纯的快乐,快乐总夹杂着烦恼和忧虑,人间也没有永远";}
else if(number1 == 5)
{document.getElementById("sentence").innerHTML="珍惜身体,多锻炼,早睡早起,不停学习,不停旅行,即使腿脚未在路上,也要让心在路上";}
else if(number1 == 6)
{document.getElementById("sentence").innerHTML="就这样与你告别,借万里青山,以之为隔,世世不见。";}
else if(number1 == 7)
{document.getElementById("sentence").innerHTML="有一种感觉比失恋还要痛苦,叫做自作多情。";}
else if(number1 == 8)
{document.getElementById("sentence").innerHTML="活着不一定要鲜艳,但一定要有自己的颜色";}
else if(number1 == 9)
{document.getElementById("sentence").innerHTML="有时候,最痛苦的不是失去,而是得到以后并不快乐。";}
else if(number1 == 10)
{document.getElementById("sentence").innerHTML="不尝试着做些能力之外的事情,就永远无法成长。";}
else if(number1 == 11)
{document.getElementById("sentence").innerHTML="外界事物纷至沓来,我敞开所有感官来接纳,但来者全是客";}

就那么多啦,谢谢大家

2月16日更新

看了LOGI大佬的评论,发现我还是短浅了,也没有代码优化意识

如果直接建立一个常量数组,那代码的效率会提升不少

而且可以直接在后面添加新的内容,不用去改前面的数字,很方便

代码如下

const sentences = ["这城市风很大,孤独的人总是晚回家", "我们都生活在阴沟里,但仍有人仰望星空","曾经以为,拥有是不容易的;后来才知道,原来舍弃更难。","人间不会有单纯的快乐,快乐总夹杂着烦恼和忧虑,人间也没有永远","错落一身静宁,深海浮沉摘星","就这样与你告别,借万里青山,以之为隔,世世不见。","有一种感觉比失恋还要痛苦,叫做自作多情。","活着不一定要鲜艳,但一定要有自己的颜色","有时候,最痛苦的不是失去,而是得到以后并不快乐。","不尝试着做些能力之外的事情,就永远无法成长","外界事物纷至沓来,我敞开所有感官来接纳,但来者全是客"];
document.getElementById("sentence").innerHTML = sentences[Math.floor(Math.random() * sentences.length)];