VuePress搭建博客教程(五)、vuepress侧边栏设置

小景哥哥博客

一、修改confi.js

因为所有配置都在config.js中，会显得特别直观，所以我们整改一下目录结构。config.js如下：

module.exports = {
    title: "小景哥哥",
    description: "小景哥哥带你上王者",
    port: "80",
    head: [
        ["link", {rel: "icon", href: "/logo.jpg"}]
    ],
    markdown: {
        lineNumbers: true
    },
    themeConfig: {
        nav: [
			{text: "首页", link: "/"},
			{text: "碎碎念", link: "/life/"},
			{text: "PAT", link: "/pat/basic/"},
            {text: "剑指offer", link: "/offer/"},
            {text: "LeeCode", link: "/leeCode/"},
            {text: "专栏", link: "/column/"},
            {text: "时光轴", link: "/timeaxle/"}
		],
        sidebar: {
            "/life/": [
                "",
                "魔都折叠",
                "莎翁的智慧"
            ],
            "/pat/basic/": [
                "",
                "1001",
                "1002"
            ],
            "/timeaxle/": ["","",""]
        }

    }
}

二、配置碎碎念侧边栏

在docs中创建life文件夹，它下面创建三个md文件，分别为README.me、莎翁的智慧、魔都折叠。在config.js中有sidebar配置/life/映射：

"/life/": [
    "",
    "魔都折叠",
    "莎翁的智慧"
]

其中""默认映射README.md，"魔都折叠"映射到魔都折叠.md，"莎翁的智慧"映射到莎翁的智慧.md。

README.md内容如下：

### 记录生活

记录生活的美好，把日子活成诗。

魔都折叠.md内容为：

### 一、魔都折叠
上海是一个充满诗情画意的城市，魔都折射着当代中国的一个缩影。

魔都是一把机会与挑战并存的双刃剑，这里有很多的机会也有更多的压力，可为什么很多人喜欢选择上海、留在上海，因为这里可以历练一个人，磨炼一个人成长。

有一个观点是魔都会塑造一个人的脾气和品性，包括性格、见识和气质。假如你和你的好朋友原本没有任何区别的两个人，毕业了，一个去了上海，一个去了老家的县城，几年以后的差别是相当大的。也许在老家安安稳稳地待着，过着平凡的日子也是很多人的人生追求，但在魔都磨炼几年的人，仅仅从外观上来看就能折射出来他更有智慧、更有远见、更有学识的人设，因为大城市对他的熏陶潜移默化地影响了他的方方面面，早起的黎明、晚睡的夜晚时时刻刻充实着自己的人生，从言谈举止都透露出一种从容不迫、一种云淡风轻、一种腹有诗书气自华的坦然。也许人世间人与人之间的差距就是在平常的琐碎中潜移默化地滋长的，就像你不知道什么时候第一片落叶从树上掉下来一样，就是从那一刻开始，造就了两个截然不同的人生格调。

莎翁的智慧.md内容如下：

### 二、莎翁的人生智慧
​		文学作品是社会的一面镜子，我们能够从中看到社会百态。文学作品也是时代的缩影，我们能够因此而了解时代的特征和变迁。每一个时代的代表性作品，从结构和内容都打上了时代和社会的烙印。

​		莎士比亚是一个生活经历非常丰富的人。正是这些丰富的经历，莎士比亚一生写了37部戏剧，每一部都堪称经典中的经典，但最有名的还是四大喜剧和四大悲剧。

​		一开始读莎士比亚的剧作只是出于好奇，后来发现他对人生看得极为透彻，而且他的看法和时代、国家、民族无关，这引发了我的很多思考。是什么样的共享引起了这么多作者的共鸣，而且还跨越了时代？从莎士比亚生活的时代开始，他就被文学界广泛推崇，人们对他的崇拜从未因为世间的流逝而衰减，种种文人墨客都想从他的作品中找到自己的立足点。莎翁的书在豆瓣评分高达9.4，经过这么多年的洗礼和沉淀，依然有如此之多的读者追捧，可见内容真的经得起世间的考验。

​		莎士比亚创作的那些故事看起来似乎就是我们身边发生的事情，这也是莎士比亚剧作到今天还有很多读者的重要原因之一。不仅语言简练和优美，如果你的词汇量够的话，可以深刻体会到那种用词的恰当与完美。即使再深刻的道理，都是用直白的语言展现出来。

​		有人说，莎翁写尽了人间剧的各种场景，但不管哪种场景的段位都是王者。当你读到哈姆莱特的那句“生存还是毁灭，这是个值得思考的问题”时，内心的澎湃是无法用任何言语来形容的，真的只有在那个场景的那个哈姆莱特才能说出这么深沉又悲伤的话。哪一个人的心里可以装得下这样沉重的悲伤？哪一个人的哀恸的词句，可以使天上的行星惊疑止步？那是我，丹麦王子哈姆莱特。

​		峰回路转的构思，在某种程度上和欧亨利的小说类似。比如威尼斯商人，结局即在意料之外，又在情理之中。虽然在高中就有选修部分章节，但是时隔多年重新阅读，又有了新的感触。在高中只是觉得好玩，是一篇课文要学，从而仅仅是学了，然后就还给了语文老师。此次重读，肯能是因为经历多了、思考多了，看问题的角度也变了，所以在读的过程中，前半部分用扣人心弦来表述一点也不为过，整部剧的绝大部分都在纠结与难过中描写安东尼奥的无奈与悲催命运，后面才是峰回路转的完美结局。顿时心中油然而生一种敬佩之情，在那么久远的年代，莎翁的智慧可见极大的超越常人。所以说，写作不能仅仅凭文学功底，还要有各个方面的智慧，这就是莎翁最大的优点。

​		再比如李尔王，这是一个上了年纪才能写出和体会到的悲剧。只有经历过种种的人生百态，在岁月将近的最后日子里，才能真的体会到孝顺的真谛，也只有在这个时候才可以体会到子女对自己的赡养之情。比如仲夏夜之梦比如第十二夜，都是一个个超级浪漫的爱情故事，也很符合人们对于爱情的向往和追求，结局也是在历经了磨难之后功能圆满有情人终成眷属。我感触最深的还是奥赛罗，这部剧真心看着让人纠结，同时也深深体会到人情世故的险恶，一个人为了达到自己的目的真的是不折手段，内心没有一点点仁慈可言。而对于麦克白这部剧，我既体会到了他的懦弱与胆小，也体会到他被妻子赶鸭子上架后的疯癫，其实麦克白的内心应该是纯洁的，只不过是听信了鬼魂的话，听信了妻子的话，才会使用了不折手段的方法害死了陛下，但他自己由于内心中极度的内疚和悲伤，也变成了一个说胡话的傀儡，心疼他一分钟。

​		因为最近一直在了解中西方在人文教养方面的差异，所以特别想全面的了解一个人，了解一个伟人之所以伟大的特别之处在哪里。如果真的想要了解一个人，就要超级全面的了解他的各个方面，这样才可以把一个人看透彻，才能悟出别人看不到的道理与感悟。莎翁是我特别想了解的第一人，我从心底里钦佩莎翁的文学素养和文化底蕴。就像你小时候吃过的饭，虽然你觉察不到任何实质性的改变，但是它已经使你长成了你现在这个样子。你读过的书、走过的路、爱过的人、经历过的事儿，也都会在岁月的洗礼中，一点一滴地成就了你现在的自己。就好像你读了那么几本书，好像也没啥大的改变，但是只要你持之以恒的读下去，总会在未来的某一天的某个时刻，茅塞顿开醍醐灌顶，让你悟出了一个大道理或者想到了一个成就事业的好点子。

​		解读莎翁，能让我知道成就一件事情(比如写作)需要多么深的底蕴，需要多么大的喜欢、准备和耐心。人与人之间的问题，是跨越时空的，比如我们和莎翁。



PS: 有人喜欢梁实秋的译本，有人喜欢朱生豪的译本，就个人体会而已，还是朱生豪的版本更好一些。

tips: 下面摘抄了自己认为特别好的句子，纯原创，感兴趣的可以读一下。

### 第十二夜

虽然造物常常用一层美丽的墙来围蔽住内心的污秽，但是我可以相信你的心地跟你的外表一样好。

思想是无拘无束的，请您把这只手带到卖酒的柜台那里吧，让它喝两盅吧。

上帝给聪明与聪明人，至于傻子们呢，那只好靠他们的本事了。

与其做愚蠢的智人，不如做聪明的愚人。

戴了和尚帽，不一定是和尚。我身上虽然穿着愚人的衣裳，可是我并不一定连头脑里也穿着它呀。

老弱会使聪明减退，可是对于傻子却能使他变得格外傻起来。

傻子有特许放肆的权利，君子出言必有分量。

心里耿耿三尺有神明。

我手里握着橄榄枝，我的话里充满了和平，也充满了意义。

在您的耳中是神圣，别人听起来就是亵渎。

这样了无生趣地把生命拖延。

不顾夜多么深我要把它们高声歌唱。

过着五湖四海、千变万化的生活。

善于在字面上翻弄花样的，很容易流于轻薄。

装傻装得好也是要靠才情的。

我可怜你。

世界啊，卑贱的人多么容易骄傲。

我以为你以为你不是你自己。

无论什么事情说得出的便做得到。

世间并无黑暗，只有愚昧。埃及人在大雾中辨不清方向，还不及你在愚昧里那样发昏。

我的仇敌使我好些，我的朋友使我坏些。

就像接吻一样，说四声“不”就等于说两声“请”。

一不做，二不休，三回才算数。

蛮性的嫉妒有时也带着几分高贵的气质。

我的确是一个灵魂，可是还没有脱离我的生而具有的物质的皮囊。

闭门羹到处吃个饱。

### 皆大欢喜

命运管理着人间的赏罚，可是管不了天生的相貌。

傻瓜的愚蠢往往是聪明人的砾石。

聪明人可以做傻事，傻子却不准说聪明话。

才穿过浓烟，又钻进烈火。一边是专制的公爵，一边是暴虐的哥哥。

叛逆并不是遗传的。

我比你有更多伤心的理由。

美貌比金银更容易引起盗心。

人倒了霉，朋友也不会来睬你了。 

我在诊断你的痛处的时候，却不幸地找到了我自己的创伤了。

最坏不过的罪恶，就是指斥他人的罪恶。

全世界是一个舞台，所有的男男女女不过是一些演员。

钱财、资本和知足，是人们缺少不来的三位好朋友。

一件奇事过了九天便不足为奇。

回答情人的问题，就像数微尘的粒数一般为难。

最真实的诗诗最虚妄的。

难道就该这样骄傲无情吗？

生的丑再要瞧人不起，那才是奇丑无比了。

我喜欢发愁不喜欢笑。    

女人的思想总是比行动跑得更快。

永远再加上一天。

越是聪明越是淘气。 

傻子自以为聪明，但聪明人知道他自己是个傻子。 

### 威尼斯商人              

吹凉我的粥的一口气，也会吹痛我的心。

一个人思虑太多，就会失却做人的乐趣。

可是照我的愚见来看，吃得太饱的人，跟挨饿不吃东西的人，一样是会害病的，所以中庸之道才是最大的幸福：富贵催人生白发，布衣蔬菜易长年。

年轻人是一头不受约束的野兔，会跳过老年人所设立的理智的藩篱。

在你活泼的天性里尽力放进几分冷静去。

世间的任何事物，追求时候的兴致总要比享用时候的兴致浓烈。

上天和你的思想，都可以证明你是属于我的。

我必须拿着烛光，照亮自己的羞辱吗？

家室、财产、人品、教养。

我不愿选择众人所希求的东西，因为我不愿随波逐流，与庸俗的群众为伍。

毁谤和评判，是两件作用不同、性质相反的事。  

 他曾经羞辱过我，夺取我十几万块钱的生意，讥笑着我的污浊，挖苦着我的盈余，侮辱我的名族，破坏我的买卖，离间我的朋友，煽动我的敌人。

冬天同样会冷，夏天同样会热。

外观往往和事情的本身完全不符，世人却容易为表面的装饰所欺骗。

幸亏她的年纪还不是顶大，来得及发愤学习。

除了口头的赞叹和内心的欢乐以外，一切的一切都混和起来，化成白茫茫的一片模糊。

这信里所写的，是自有笔墨以来最悲催的字句。

逃过凶恶的礁石，逃不过危险的漩涡。

你有话还是留到吃饭的时候说吧，那么不论你说得好说得坏，我都可以连着饭菜一起吞下去。    

犹太人，我们都在等着你一句温和的回答。

有的人不爱张开嘴的猪，有人瞧见一只猫就要发脾气，还有人听见人家吹风笛的声音，就忍不住小便，因为一个人的感情完全受着喜恶的支配，谁也做不了自己的主。 

难道人们对于他们所不喜欢的东西，都一定要置之死地吗？

初次的冒犯，不应该就引以为仇恨。

最软弱的果子最先落到地上。

我已经对天发过誓啦，难道我可以让我的灵魂背上毁誉的罪名吗？

一个人做了心安理得的事，就是得到了最大的酬报。

我听见了柔和的音乐，总觉得有些惆怅。

这是因为你有一个敏感的灵魂。

多少事情因为逢到有利的环境，才能够达到尽善的境界，博得一声恰当的赞赏。

让我发出光辉，可是不要让我像光一样轻浮。

人情和礼貌逼着我这样做，我不能让我的名誉沾上忘恩负义的污点。

我的左眼里有一个他，我的右眼里也有一个他，您用您两重人格发誓，我还能够相信您吗？

### 仲夏夜之梦

他可以保全你，也可以毁灭你。

在传说和历史中听到的，真正的爱情，所走的道路永远是崎岖多阻，不是因为血统的差异。

倒霉啊，选择爱人要依赖他人的眼光！

让我们练习着忍耐吧。

我越是恨他，他越是跟随者我。我越是爱他，他越是讨厌我。

为了爱情的缘故，他挺勇敢地把自己给毁了。

不要过分惹起我的厌恨吧，我一看见你就头痛。可是我看不见你就心痛。

凡是生长的东西，不到季节，总不会成熟。我过去由于年轻，我的理性也不曾成熟。

爱情驱使着一个人走的时候，为什么他要滞留呢？

疯子、情人和诗人，都是幻想的产儿。

因为纯朴和忠诚所呈现的礼物，总是可取的。

我不喜欢卑微的人做他们力量所不及的事，忠诚因为努力的狂妄而变得毫无价值。

无言的纯朴所表示的情感，才是最丰富的。

### 麦克白

因为从这一刻起，人生已经失去了它的严肃的意义，一切都不过是儿戏。

自信是人类最大的仇敌。

好消息和坏消息同时传进了我的耳朵里，使我的喜怒都失去了自主。

这一声叹息都么沉痛，她的心里蕴蓄着无限的凄苦。

### 李尔王

唯独如此，使我格外尊重我自己的人格。

爱情里面要是掺杂了和它本身无关的算计，那就不是真的爱情。

你因为贫穷，所以是最富有的；你因为被遗弃，所以是最宝贵的；你因为遭人轻视，所以最蒙我的怜爱。

罪恶虽然可以掩饰一时，免不了最后出乖露丑。

你还想用你蠢笨的身体在地上打滚，丈量土地吗？

真理是一条贱狗，它只好躲在狗洞里。

你不能从没有意思的中间，探求出一点意思来吗？

垃圾里是掏不出金子来的。

你把你所有的尊号都送了别人，只有这一个名字是你娘胎里带出来的。

我是个傻瓜，你简直不是个东西。

过滤总比大意好些。

要是一个人的脑筋生在脚后跟，它会不会长起脓疱来呢？

反正你的脑筋不用穿了拖鞋走路。

你应该懂得些世故再老呀。

一个傻瓜的教训，只配让一个混蛋去遵从。

是他自己不好，放着安逸的日子不过，一定要吃些苦，才知道自己的蠢。

我心里还留着一块地方为你悲伤。

当我们的心情宁静的时候，我们的肉体才是敏感的。

笑话往往会变成预言。

### 奥瑟罗

世人所知道的我，并不是实在的我。

人总是人，圣贤也有错误的时候。

名誉是一件无聊的骗人的东西，得到它的人未必有什么功德，失去它的人也未必有什么过失。

恶魔往往用神圣的外表，引诱世人干最恶的罪行。

没有耐性的人是多么可怜。

人总是有了某些感应，阴暗的情绪才会笼罩他的心灵。

世间的是非本来没有定准。

### 哈姆莱特

相知有素的朋友，应该用钢圈箍在你的灵魂上，可是不要对每一个泛泛的新知滥施你的交情。

你的话已经锁在我的记忆里，那钥匙你替我保管着吧。

少量的邪恶足以购销全部高贵的品质，害得人声名狼藉。

一个躁急的性格不免会有的发作，一个血气方刚的少年的一时胡闹，算不了什么。

肚子里有学问是幸福。

疯狂的人往往能够说出理智清醒的人说不出来的话。

不过像一般庸庸碌碌之辈在这世上虚度时光而已。

无荣无耻便是我们的幸福。

丹麦是一所牢狱。那么世界也是一所牢狱。

野心家本身的存在，也不过是一个梦的影子。

一个老年人是第二次做婴孩。

使他的灵魂融化在他的意象里。

也许他看准了我的柔弱和忧郁，才来向我作祟，要把我引诱到沉沦的路上。

生存还是毁灭，这是一个值得思考的问题。

美德不能熏陶我们罪恶的本性。
上帝给了我们一张脸，你们又替自己另外造了一张。
我好苦，谁料过去的繁华，变作今朝的泥土。
大人物的疯狂是不能听其自然的。
你就是我灵魂里选中的一个人，因为你虽然经历一切的颠沛，却不曾受到一点伤害，命运的虐待和恩宠，你都是受之泰然；能够把感情和理智调整得那么恰当，命运不能把他玩弄于执掌之间，那样的人是有福的。
它很短，殿下。就像女人的爱情一样。
有的人失眠，有的人酣睡。世界就是这样循环轮转。
不幸已经开始，更大的灾祸还在接踵而至。
从这种变化上，我们大可看透生命的无常。
哪一个人的心里可以装得下这样沉重的悲伤？哪一个人的哀恸的词句，可以使天上的行星惊疑止步？那是我，丹麦王子哈姆莱特。
我们应该承认，有时候一时孟浪，往往反而可以做出一些为我们的深谋远虑所做不成功的事。
一个人既然在离开世界的时候只能一无所有，那么早早脱身而去不是更好吗？随它去。

三、配置PAT侧边栏

在docs中创建pat文件夹，在pat中创建basic文件夹，在basic下面创建三个md文件，分别为1001.md、1002.md、README.md。在config.js中有sidebar配置/pat/bisic/映射：

"/pat/basic/": [
    "",
    "1001",
    "1002"
],

其中""默认映射README.md，"1001"映射到1001.md，"1002"映射到1002.md。

README.md内容如下：

### PAT乙级题目列表
这是浙江大学PAT题目列表

1001.md内容如下：

### 1001 害死人不偿命的(3n+1)猜想 (15分)

**卡拉兹(Callatz)猜想**：
对任何一个自然数n，如果它是偶数，那么把它砍掉一半；如果它是奇数，那么把(3n+1)砍掉一半。这样一直反复砍下去，最后一定在某一步得到n=1。卡拉兹在1950年的世界数学家大会上公布了这个猜想，传说当时耶鲁大学师生齐动员，拼命想证明这个貌似很傻很天真的命题，结果闹得学生们无心学业，一心只证(3n+1)，以至于有人说这是一个阴谋，卡拉兹是在蓄意延缓美国数学界教学与科研的进展……
我们今天的题目不是证明卡拉兹猜想，而是对给定的任一不超过1000的正整数n，简单地数一下，需要多少步(砍几下)才能得到n=1？

**输入格式**：

每个测试输入包含1个测试用例，即给出自然数n的值。

**输出格式**：

输出从 n 计算到1需要的步数。

**输入样例**:

~~~ bash
3
~~~

**输出样例**:

~~~ bash
5
~~~



代码实现：

~~~ java
//java代码：
import java.util.Scanner;
public class Main {
   public static void main(String[] args) {
        Scanner scanner =new Scanner(System.in);
        int N = scanner.nextInt();
        int steps =0;
        while (N !=1) {
            if (N %2 ==0) {
                N = N /2;
            } else {
                N = (3 * N +1) / 2;
            }
            steps++;
        }
        System.out.println(steps);
   }
}
~~~

1002…md内容如下：

### 1002 写出这个数(20 point(s))


读入一个正整数 *n*，计算其各位数字之和，用汉语拼音写出和的每一位数字。

**输入格式**：

每个测试输入包含 1 个测试用例，即给出自然数 *n* 的值。这里保证 *n* 小于 10<sup>100</sup>。

**输出格式**：

在一行内输出 *n* 的各位数字之和的每一位，拼音数字间有 1 空格，但一行中最后一个拼音数字后没有空格。

**输入样例**：

```in
1234567890987654321123456789
```

**输出样例**：

```out
yi san wu
```

**Java代码实现**：

~~~java
//Java代码实现：
import java.util.Scanner;
public class Main {
  public int calculate(String str) {
    int value = 0;
    while(str.length() > 0){
      value = value + (int)(str.charAt(0)) - 48;
      str=str.substring(1,str.length());
    }
    return value;
  }
  public String convert(int n){
    switch (n) {
    case 0:
      return "ling";
    case 1:
      return "yi";
    case 2:
      return "er";
    case 3:
      return "san";
    case 4:
      return "si";
    case 5:
      return "wu";
    case 6:
      return "liu";
    case 7:
      return "qi";
    case 8:
      return "ba";
    case 9:
      return "jiu";
    default:
      break;
    }
    return null;
  }
  public String result(int value){
    String result = "";
    while(value > 0){
      int temp = value % 10;
      value = value/10;
      if(result == ""){
        result = convert(temp) + "" + result;
      } else {
        result = convert(temp) + " " + result;
      }      
    }
    return result;
  }
  public static void main(String[] args) {
    Scanner in = new Scanner(System.in);
    String str = in.nextLine();
    Main m = new Main();
    System.out.println(m.result(m.calculate(str)));
  }
}
~~~

总的目录结构如下：

四、效果展示

让我们看一下效果。

点击左边栏1001 害死人不偿命的(3n+1)猜想 (15分)即可访问到1001.md的文件。点击1002 写出这个数(20 point(s))即可访问到1002.md文件。