content.json

{"meta":{"title":"橘子的小站","subtitle":"","description":"","author":"橘子","url":"https://Lavender-z.github.io","root":"/"},"pages":[{"title":"关于","date":"2021-01-16T18:24:37.000Z","updated":"2021-02-02T09:28:45.390Z","comments":false,"path":"about/index.html","permalink":"https://lavender-z.github.io/about/index.html","excerpt":"","text":""},{"title":"归档","date":"2020-12-19T18:22:57.000Z","updated":"2021-01-23T18:24:19.927Z","comments":false,"path":"archives/index.html","permalink":"https://lavender-z.github.io/archives/index.html","excerpt":"","text":""},{"title":"分类","date":"2020-12-19T18:23:35.000Z","updated":"2021-02-02T09:30:00.690Z","comments":false,"path":"categories/index.html","permalink":"https://lavender-z.github.io/categories/index.html","excerpt":"","text":""},{"title":"相册","date":"2020-12-19T18:23:56.000Z","updated":"2021-02-02T09:30:47.062Z","comments":true,"path":"gallery/index.html","permalink":"https://lavender-z.github.io/gallery/index.html","excerpt":"","text":"壁纸 收藏的一些壁纸 漫威 关于漫威的图片 OH MY GIRL 关于OH MY GIRL的图片"},{"title":"说说","date":"2020-12-20T08:41:00.000Z","updated":"2021-02-02T09:29:29.184Z","comments":false,"path":"artitalk/index.html","permalink":"https://lavender-z.github.io/artitalk/index.html","excerpt":"","text":""},{"title":"友情链接","date":"2020-12-19T18:24:20.000Z","updated":"2021-02-02T09:31:05.460Z","comments":false,"path":"link/index.html","permalink":"https://lavender-z.github.io/link/index.html","excerpt":"","text":""},{"title":"标签","date":"2020-12-19T18:23:14.000Z","updated":"2021-02-02T09:31:30.974Z","comments":false,"path":"tags/index.html","permalink":"https://lavender-z.github.io/tags/index.html","excerpt":"","text":""},{"title":"留言板","date":"2020-12-20T09:48:32.000Z","updated":"2021-02-02T09:31:52.556Z","comments":true,"path":"talk/index.html","permalink":"https://lavender-z.github.io/talk/index.html","excerpt":"","text":"来自橘子的留言: 有什么想问的？ 有什么想说的？ 有什么想吐槽的？ 哪怕是有什么好吃的、好玩的地方，都可以告诉我哦~ 自动书记人偶竭诚为您服务！ 来自橘子的留言: 有什么想问的？ 有什么想说的？ 有什么想吐槽的？ 哪怕是有什么好吃的、好玩的地方，都可以告诉我哦~"}],"posts":[{"title":"添加豆瓣书单电影页面","slug":"Blog/32894","date":"2020-12-30T03:30:45.000Z","updated":"2021-02-04T10:41:21.015Z","comments":true,"path":"2020/12/30/Blog/32894/","link":"","permalink":"https://lavender-z.github.io/2020/12/30/Blog/32894/","excerpt":"","text":"豆瓣书单电影页面 首先需要检查 hexo 的版本，在博客的根目录下执行 hexo -v 命令就可以检查版本，这个豆瓣插件需要的版本 < 4.2.0，否则会出现 bug。解决办法为降低 hexo 的版本，先卸载当前 hexo 版本，再安装低于 4.2.0 的版本即可。 $ npm uninstall hexo$ npm install hexo@4.0.0 -g 首先在博客站点目录执行下面的命令安装豆瓣插件： $ npm install hexo-douban --save 接着在博客根目录的配置文件_config.yml下，添加如下配置： douban: user: 252345665 #这个需要修改为你个人的id builtin: false #如果想生成豆瓣页面，这个需要设置为true book: title: 'This is my book title' quote: 'This is my book quote' movie: title: 'This is my movie title' quote: 'This is my movie quote' game: title: 'This is my game title' quote: 'This is my game quote' timeout: 10000 user:：你的豆瓣 ID。打开豆瓣，登入账户，然后在右上角点击 “ 个人主页 ”，这时候地址栏的 URL 大概是这样：https://www.douban.com/people/xxxxxx/ ，其中的 “xxxxxx” 就是你的个人 ID 了。 builtin:：是否将生成页面的功能嵌入hexo s和hexo g中，默认是false。 title:：该标题的名字。 quote:：写在开头的一段话，支持 html 语法。 timeout:：爬取数据的超时时间，默认是 10000ms，如果在使用时发现报了超时的错 (ETIMEOUT) 可以把这个数据设置的大一点。     如果只想显示某一个页面 (比如 movie)，那就把其他的配置项注释掉即可。 然后再主题配置文件_config.yml中添加关于此页面的菜单： menu: 媒体: url: / icon: fas fa-list children: - name: 电影 url: /movies icon: fas fa-film - name: 书单 url: /books icon: fas fa-book - name: 游戏 url: /games icon: fas fa-gamepad 在 /themes/hexo-theme-matery/layout 文件夹下面创建一个名为 douban.ejs 的文件，并将下面的内容复制进去： <%- partial('_partial/post-cover') %> <style> .hexo-douban-picture img { width: 100%; } </style><main class="content"> <div id="contact" class="container chip-container"> <div class="card"> <div class="card-content" style="padding: 30px"> <h1 style="margin: 10px 0 10px 0px;"><%= page.title %></h1> <%- page.content %> </div> </div> <div class="card"> <div class="card-content" style="text-align: center"> <h3 style="margin: 5px 0 5px 5px;">如果你有好的内容推荐，欢迎在下面留言！</h3> </div> </div> <div class="card"> <% if (theme.gitalk && theme.gitalk.enable) { %> <%- partial('_partial/gitalk') %> <% } %> <% if (theme.gitment.enable) { %> <%- partial('_partial/gitment') %> <% } %> <% if (theme.disqus.enable) { %> <%- partial('_partial/disqus') %> <% } %> <% if (theme.livere && theme.livere.enable) { %> <%- partial('_partial/livere') %> <% } %> <% if (theme.valine && theme.valine.enable) { %> <%- partial('_partial/valine') %> <% } %> </div> </div> </main> 然后在博客站点目录下的node_modules文件夹下找到hexo-douban/lib，文件夹下有三个 js 文件，分别为：books-generator.js、games-generator.js、movies-generator.js，用文本编辑器打开这三个文件，并将其文件内容末尾的代码修改为一下内容： /* 原文件内容为 layout: [`page`, `post`] ，将其修改为下面的内容*/layout: [`page`, `douban`] 最后就是使用并生成相应的页面，执行命令如下: $ hexo douban 需要注意的是，当安装 douban 插件后，hexo d将不能使用，想到使用需要写成hexo deploy。以下是可选的命令参数： -h, --help # 帮助页面-b, --books # 只生成书单页面-g, --games # 只生成游戏页面-m, --movies # 只生成电影页面 当站点配置文件的 builtin 的值为 true 时，生成页面的功能会嵌入到 hexo g 和 hexo s 中，在进行部署生成操作，会自动生成相应的页面。","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"}]},{"title":"添加天气小插件","slug":"Blog/7086","date":"2020-12-30T02:56:24.000Z","updated":"2021-02-04T09:16:47.872Z","comments":true,"path":"2020/12/30/Blog/7086/","link":"","permalink":"https://lavender-z.github.io/2020/12/30/Blog/7086/","excerpt":"","text":"添加天气小插件 首先去和风天气官网，注册完成后，配置自己的插件，选择自定义插件 ——> 自定义样式 ——> 生成代码，然后会生成一段代码，复制粘贴到themes/matery/layout/layout.ejs即可。","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"}]},{"title":"鼠标点击文字特效","slug":"Blog/58148","date":"2020-12-28T05:25:13.000Z","updated":"2021-02-04T07:48:23.818Z","comments":true,"path":"2020/12/28/Blog/58148/","link":"","permalink":"https://lavender-z.github.io/2020/12/28/Blog/58148/","excerpt":"","text":"鼠标点击文字特效 实现方法，引入 js 文件，在主题文件下的/source/js/下新建click_show_text.js，其代码如下： var a_idx = 0;jQuery(document).ready(function ($) { $("body").click(function (e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"); var $i = $("<span/>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 5, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "#FF0000" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 3000, function () { $i.remove(); }); }); setTimeout('delay()', 2000);});function delay() { $(".buryit").removeAttr("onclick");}","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"}]},{"title":"添加动态诗词","slug":"Blog/7087","date":"2020-12-28T03:12:51.000Z","updated":"2021-02-02T14:10:01.176Z","comments":true,"path":"2020/12/28/Blog/7087/","link":"","permalink":"https://lavender-z.github.io/2020/12/28/Blog/7087/","excerpt":"","text":"添加动态诗词 采用的是今日诗词，每次返回一句诗词，根据时间、地点、天气、事件智能推荐。官网有API 文档，可以去看一下，有多种安装方式，最简单的方式就是从官网获取代码，在/themes/matery/layout/_partial/head.ejs添加下面的一行代码： <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script> 然后再将/themes/matery/layout/_partial/bg-cover-content.ejs中的<%= config.description %>修改为<span id="jinrishici-sentence">正在加载今日诗词....</span>' %>，这个使用前提是将主题配置文件的subtitle的值改为false。","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"}]},{"title":"修改导航栏颜色以及透明效果","slug":"Blog/56936","date":"2020-12-28T02:56:24.000Z","updated":"2021-02-02T14:08:09.881Z","comments":true,"path":"2020/12/28/Blog/56936/","link":"","permalink":"https://lavender-z.github.io/2020/12/28/Blog/56936/","excerpt":"","text":"修改导航栏颜色以及透明效果 打开themes/matery/source/css/matery.css文件，大约在 250 行，有一个.bg-color属性，修改其属性值即可，代码如下： .bg-color { background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%); //修改成自己喜欢的颜色值 opacity: 0.8; //透明效果 值范围 0~1，看情况自己修改}","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"}]},{"title":"动态标题的设置","slug":"Blog/32645","date":"2020-12-28T02:14:37.000Z","updated":"2021-02-02T13:53:48.036Z","comments":true,"path":"2020/12/28/Blog/32645/","link":"","permalink":"https://lavender-z.github.io/2020/12/28/Blog/32645/","excerpt":"","text":"动态标题 效果图如下： 实现方法，引入 js 文件，在主题文件下的/source/js/下新建FunnyTitle.js，然后在添加到themes/matery/layout/layout.ejs或者添加到themes/matery/layout/_partial/head.ejs，其代码如下： <!--浏览器搞笑标题--> var OriginTitle = document.title; var titleTime; document.addEventListener('visibilitychange', function () { if (document.hidden) { $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Yafine/cdn@2.5/source/favicon.png"); document.title = 'ヽ(●-`Д´-)ノ你要玩捉迷藏嘛'; clearTimeout(titleTime); } else { $('[rel="icon"]').attr('href', "https://cdn.jsdelivr.net/gh/Yafine/cdn@2.5/source/favicon.png"); document.title = 'ヾ(Ő∀Ő3)ノ好哦！' + OriginTitle; titleTime = setTimeout(function () { document.title = OriginTitle; }, 2000); } }); 或者直接在themes/matery/layout/layout.ejs文件中添加如下代码： <script type="text/javascript"> var OriginTitile=document.title,st; document.addEventListener("visibilitychange",function(){ document.hidden?(document.title="ヽ(●-`Д´-)ノ你要玩捉迷藏嘛",clearTimeout(st)):(document.title="(Ő∀Ő3)ノ好哦！",st=setTimeout(function(){document.title=OriginTitile},3e3)) })</script>","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"}]},{"title":"关于博客主题的一些美化与魔改","slug":"Blog/64697","date":"2020-12-26T02:30:42.000Z","updated":"2021-02-04T10:41:40.699Z","comments":true,"path":"2020/12/26/Blog/64697/","link":"","permalink":"https://lavender-z.github.io/2020/12/26/Blog/64697/","excerpt":"","text":"写在最前面 本帖的主要目的是用最简单的语言描述博客美化的进程，同时在每个章节为可能涉及的知识点提供相应的工具网站以供读者学习。当然，最重要的是给我自己留个魔改的日记。这样升级主题玩崩了也能找到回家的路。 Matery 主题美化 主题美化会涉及到 js 文件和 css 文件等的修改，个人建议新增的 js 文件放在themes/matery/layout/layout.ejs这个文件下，这样会稍微加快博客访问的速度。不想花钱最好的方式是使用 cdn.jsdeliver。 动态标题 动态标题https://lavender-z.github.io/2020/12/28/Blog/32645/ 修改导航栏颜色以及透明效果 修改导航栏颜色以及透明效果https://lavender-z.github.io/2020/12/28/Blog/56936/ 添加动态诗词 添加动态诗词https://lavender-z.github.io/2020/12/28/Blog/7087/ 鼠标点击文字特效 添加动态诗词https://lavender-z.github.io/2020/12/28/Blog/58148/ 添加天气小插件 添加天气小插件https://lavender-z.github.io/2020/12/30/Blog/7086/ 添加豆瓣书单电影页面 添加天气小插件https://lavender-z.github.io/2020/12/30/Blog/32894/","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"}]},{"title":"使用 Matery 主题继续完成博客的搭建","slug":"Blog/50478","date":"2020-12-24T08:12:03.000Z","updated":"2021-02-02T13:23:33.231Z","comments":true,"path":"2020/12/24/Blog/50478/","link":"","permalink":"https://lavender-z.github.io/2020/12/24/Blog/50478/","excerpt":"","text":"本篇文章仅介绍简单的使用，详情请参照官方文档 写在最前面 在利用 hexo 和 Github Page 搭建好博客后，会发现系统提供的主题都是一样的，看着感觉不太舒服，这时候我们可以选择自己利用 JavaScript、css 等对博客的板块进行设计（自己做别人眼中的大佬~），也可以在 Github上搜索一些大佬们设计的主题，然后 clone 下来进行使用。 下面就来介绍一下利用 Matery 主题来继续完成博客的搭建。 安装 点击 传送门 下载 master 分支的最新稳定版的代码，解压缩后，将 hexo-theme-matery 的文件夹复制到你 Hexo 的 themes 文件夹中即可。 当然你也可以在你的站点目录文件夹下使用git clone命令来下载：直接在站点根目录下执行下面的命令，即可进行主题的下载，主题有两个版本，稳定版本和最新版本 (不定期更新优化)，自主选择版本。 git clone https://github.com/blinkfox/hexo-theme-matery themes/matery # 稳定版git clone -b develop https://github.com/blinkfox/hexo-theme-matery themes/matery #最新版(不定期进行优化更新) 主题配置 主题下载完成后，将站点配置文件中的theme值修改为你下载主题的文件名，此处为matery，那么值就修改为theme: matery。 一些站点配置文件的其他地方的修改： 语言选择：如果为中文用户，则在language: 后添加值zh-CN，如果不修改，默认为英语； 网址修改：url:的值为你的网址名，如http://xxxx.github.io，如果有域名，则修改为你的域名即可。 站点配置文件有个per_page属性，建议修改为 6 的倍数，这样网站在适应设备时，有较好的显示效果。 相关配置 请参照Hexo+github 搭建博客 (超级详细版，精细入微)这篇博客的步骤。","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"}]},{"title":"使用 Butterfly 主题继续完成博客的搭建","slug":"Blog/56687","date":"2020-12-22T08:12:03.000Z","updated":"2021-02-02T13:23:31.038Z","comments":true,"path":"2020/12/22/Blog/56687/","link":"","permalink":"https://lavender-z.github.io/2020/12/22/Blog/56687/","excerpt":"","text":"本篇文章仅介绍简单的使用，详情请参照官方文档 写在最前面 在利用 hexo 和 Github Page 搭建好博客后，会发现系统提供的主题都是一样的，看着感觉不太舒服，这时候我们可以选择自己利用 JavaScript、css 等对博客的板块进行设计（自己做别人眼中的大佬~），也可以在 Github上搜索一些大佬们设计的主题，然后 clone 下来进行使用。 下面就来介绍一下利用 Butterfly 主题来继续完成博客的搭建。 安装 Github安装Gitee安装npm安装稳定版【建议】 在博客根目录里 git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 测试版 测试版可能存在 Bugs 最新的内容可在这里下载 git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 升级方法：在主题目录下，运行git pull 稳定版【建议】 在博客根目录里 git clone -b master https://gitee.com/iamjerryw/hexo-theme-butterfly.git themes/butterfly 测试版 测试版可能存在 Bugs 最新的内容可在这里下载 git clone -b dev https://gitee.com/iamjerryw/hexo-theme-butterfly.git themes/butterfly 升级方法：在主题目录下，运行git pull 此方法只支持 Hexo 5.0.0以上版本 在博客根目录里 npm i hexo-theme-butterfly 升级方法：在博客根目录下，运行npm update hexo-theme-butterfly 应用主题 修改站点配置文件_config.yml，把主题改为butterfly theme: butterfly 插件安装 此时在设置完主题后还是会因为缺少插件而打不开，这时我们要进行下载。 npm install hexo-renderer-pug hexo-renderer-stylus --save 主题升级 请参照官方文档中的做法 相关配置 请参照官方文档中的做法 标签外挂（Tag Plugins） 标签外挂是 Hexo 独有的功能，并不是标准的 Markdown 格式。 以下的写法，只适用于 Butterfly 主题，用在其它主题上不会有效果，甚至可能会报错。使用前请留意！ Note (Bootstrap Callout) 用法1用法2{% note [class] [no-icon] [style] %}Any content (support inline tags too.io).{% endnote %} 名称 用法 class 【可选】标识（default / primary / success / info / warning / danger） no-icon 【可选】不显示 icon style 【可选】可以覆盖配置中的 style（simple / modern / flat / disabled） simple 默认 提示块标签 default 提示块标签 primary 提示块标签 success 提示块标签 info 提示块标签 warning 提示块标签 danger 提示块标签 {% note modern %}默认 提示块标签{% endnote %}{% note default simple %}default 提示块标签{% endnote %}{% note primary simple %}primary 提示块标签{% endnote %}{% note success simple %}success 提示块标签{% endnote %}{% note info simple %}info 提示块标签{% endnote %}{% note warning simple %}warning 提示块标签{% endnote %}{% note danger simple %}danger 提示块标签{% endnote %} modern 默认 提示块标签 default 提示块标签 primary 提示块标签 success 提示块标签 info 提示块标签 warning 提示块标签 danger 提示块标签 {% note modern %}默认 提示块标签{% endnote %}{% note default modern %}default 提示块标签{% endnote %}{% note primary modern %}primary 提示块标签{% endnote %}{% note success modern %}success 提示块标签{% endnote %}{% note info modern %}info 提示块标签{% endnote %}{% note warning modern %}warning 提示块标签{% endnote %}{% note danger modern %}danger 提示块标签{% endnote %} flat 默认 提示块标签 default 提示块标签 primary 提示块标签 success 提示块标签 info 提示块标签 warning 提示块标签 danger 提示块标签 {% note flat %}默认 提示块标签{% endnote %}{% note default flat %}default 提示块标签{% endnote %}{% note primary flat %}primary 提示块标签{% endnote %}{% note success flat %}success 提示块标签{% endnote %}{% note info flat %}info 提示块标签{% endnote %}{% note warning flat %}warning 提示块标签{% endnote %}{% note danger flat %}danger 提示块标签{% endnote %} disabled 默认 提示块标签 default 提示块标签 primary 提示块标签 success 提示块标签 info 提示块标签 warning 提示块标签 danger 提示块标签 {% note disabled %}默认 提示块标签{% endnote %}{% note default disabled %}default 提示块标签{% endnote %}{% note primary disabled %}primary 提示块标签{% endnote %}{% note success disabled %}success 提示块标签{% endnote %}{% note info disabled %}info 提示块标签{% endnote %}{% note warning disabled %}warning 提示块标签{% endnote %}{% note danger disabled %}danger 提示块标签{% endnote %} no-icon 默认 提示块标签 default 提示块标签 primary 提示块标签 success 提示块标签 info 提示块标签 warning 提示块标签 danger 提示块标签 {% note no-icon %}默认 提示块标签{% endnote %}{% note default no-icon %}default 提示块标签{% endnote %}{% note primary no-icon %}primary 提示块标签{% endnote %}{% note success no-icon %}success 提示块标签{% endnote %}{% note info no-icon %}info 提示块标签{% endnote %}{% note warning no-icon %}warning 提示块标签{% endnote %}{% note danger no-icon %}danger 提示块标签{% endnote %}{% note [color] [icon] [style] %}Any content (support inline tags too.io).{% endnote %} 名称 用法 color 【可选】颜色(default / blue / pink / red / purple / orange / green) icon 【可选】可配置自定义 icon (只支持 fontawesome 图标, 也可以配置 no-icon ) style 【可选】可以覆盖配置中的 style（simple / modern / flat / disabled） simple 你是刷 Visa 还是 UnionPay 新年快乐哦~ 司机一滴酒，亲人两行泪 大风车吱呀吱哟哟地转 电量低，请充电 石头剪刀布 前端最讨厌的浏览器 {% note 'fab fa-cc-visa' simple %}你是刷 Visa 还是 UnionPay{% endnote %}{% note blue 'fas fa-bullhorn' simple %}新年快乐哦~{% endnote %}{% note pink 'fas fa-car-crash' simple %}司机一滴酒，亲人两行泪{% endnote %}{% note red 'fas fa-fan' simple%}大风车吱呀吱哟哟地转{% endnote %}{% note orange 'fas fa-battery-half' simple %}电量低，请充电{% endnote %}{% note purple 'far fa-hand-scissors' simple %}石头剪刀布{% endnote %}{% note green 'fab fa-internet-explorer' simple %}前端最讨厌的浏览器{% endnote %} modern 你是刷 Visa 还是 UnionPay 新年快乐哦~ 司机一滴酒，亲人两行泪 大风车吱呀吱哟哟地转 电量低，请充电 石头剪刀布 前端最讨厌的浏览器 {% note 'fab fa-cc-visa' modern %}你是刷 Visa 还是 UnionPay{% endnote %}{% note blue 'fas fa-bullhorn' modern %}新年快乐哦~{% endnote %}{% note pink 'fas fa-car-crash' modern %}司机一滴酒，亲人两行泪{% endnote %}{% note red 'fas fa-fan' modern %}大风车吱呀吱哟哟地转{% endnote %}{% note orange 'fas fa-battery-half' modern %}电量低，请充电{% endnote %}{% note purple 'far fa-hand-scissors' modern %}石头剪刀布{% endnote %}{% note green 'fab fa-internet-explorer' modern %}前端最讨厌的浏览器{% endnote %} flat 你是刷 Visa 还是 UnionPay 新年快乐哦~ 司机一滴酒，亲人两行泪 大风车吱呀吱哟哟地转 电量低，请充电 石头剪刀布 前端最讨厌的浏览器 {% note 'fab fa-cc-visa' flat %}你是刷 Visa 还是 UnionPay{% endnote %}{% note blue 'fas fa-bullhorn' flat %}新年快乐哦~{% endnote %}{% note pink 'fas fa-car-crash' flat %}司机一滴酒，亲人两行泪{% endnote %}{% note red 'fas fa-fan' flat %}大风车吱呀吱哟哟地转{% endnote %}{% note orange 'fas fa-battery-half' flat %}电量低，请充电{% endnote %}{% note purple 'far fa-hand-scissors' flat %}石头剪刀布{% endnote %}{% note green 'fab fa-internet-explorer' flat %}前端最讨厌的浏览器{% endnote %} disabled 你是刷 Visa 还是 UnionPay 新年快乐哦~ 司机一滴酒，亲人两行泪 大风车吱呀吱哟哟地转 电量低，请充电 石头剪刀布 前端最讨厌的浏览器 {% note 'fab fa-cc-visa' disabled %}你是刷 Visa 还是 UnionPay{% endnote %}{% note blue 'fas fa-bullhorn' disabled %}新年快乐哦~{% endnote %}{% note pink 'fas fa-car-crash' disabled %}司机一滴酒，亲人两行泪{% endnote %}{% note red 'fas fa-fan' disabled %}大风车吱呀吱哟哟地转{% endnote %}{% note orange 'fas fa-battery-half' disabled %}电量低，请充电{% endnote %}{% note purple 'far fa-hand-scissors' disabled %}石头剪刀布{% endnote %}{% note green 'fab fa-internet-explorer' disabled %}前端最讨厌的浏览器{% endnote %} Gallery相册图库 <div class="gallery-group-main">{% galleryGroup name description link img-url %}{% galleryGroup name description link img-url %}{% galleryGroup name description link img-url %}</div> name：相册图库名字 description：相册图库描述 link：链接到对应相册图库的地址 img-url：相册图库封面的地址 Gallery相册 {% gallery %}markdown 图片格式{% endgallery %} tag-hide(隐藏文字) tag-hide 内的标签外挂 content 内都不建议有 h1 - h6 等标题。因为 Toc 会把隐藏内容标题也显示出来，而且当滚动屏幕时，如果隐藏内容没有显示出来，会导致 To 的滚动出现异常。 InlineInlineInlineinline在文本里面添加按钮隐藏内容，只限文字(content不能包含英文逗号，可用‚) {% hideInline content,display,bg,color %} content：文本内容 display：按钮显示的文字(可选) bg：按钮的背景颜色(可选) color：按钮文字的颜色(可选) block独立的 block 隐藏内容，可以隐藏很多内容，包括图片，代码块等等(display 不能包含英文逗号，可用‚) {% hideBlock display,bg,color %}content{% endhideBlock %} content：文本内容 display：按钮显示的文字(可选) bg：按钮的背景颜色(可选) color：按钮文字的颜色(可选) 如果需要展示的内容太多，可以把它隐藏在收缩框里，需要时再把它展开。(display 不能包含英文逗号，可用‚) {% hideToggle display,bg,color %}content{% endhideToggle %} content：文本内容 display：按钮显示的文字(可选) bg：按钮的背景颜色(可选) color：按钮文字的颜色(可选) mermaid mermaid 标签不允许嵌套于 tag-hide 内的标签外挂和 tabs 标签外挂标签外挂，会影响显示。 使用 mermaid 标签可以绘制 Flowchart（流程图）、Sequence diagram（时序图 ）、Class Diagram（类别图）、State Diagram（状态图）、Gantt（甘特图）和 Pie Chart（圆形图），具体可以查看mermaid文档 修改主题配置文件 mermaid: enable: true # built-in themes: default/forest/dark/neutral theme: default {% mermaid %}内容{% endmermaid %} Tabs {% tabs Unique name, [index] %}<!-- tab [Tab caption] [@icon] -->Any content (support inline tags too).<!-- endtab -->{% endtabs %}Unique name : Unique name of tabs block tag without comma. Will be used in #id's as prefix for each tab with their index numbers. If there are whitespaces in name, for generate #id all whitespaces will replaced by dashes. Only for current url of post/page must be unique![index] : Index number of active tab. If not specified, first tab (1) will be selected. If index is -1, no tab will be selected. It's will be something like spoiler. Optional parameter.[Tab caption] : Caption of current tab. If not caption specified, unique name with tab index suffix will be used as caption of tab. If not caption specified, but specified icon, caption will empty. Optional parameter.[@icon] : FontAwesome icon name (full-name, look like 'fas fa-font') Can be specified with or without space; e.g. 'Tab caption @icon' similar to 'Tab caption@icon'. Optional parameter. Button {% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}[url] : 链接[text] : 按钮文字[icon] : [可选] 图标[color] : [可选] 按钮背景顔色(默认style时） 按钮字体和边框顔色(outline时) default/blue/pink/red/purple/orange/green[style] : [可选] 按钮样式 默认实心 outline/留空[layout] : [可选] 按钮佈局 默认为line block/留空[position] : [可选] 按钮位置 前提是设置了layout为block 默认为左边 center/right/留空[size] : [可选] 按钮大小 larger/留空 hexo的自带标签外挂 请参照Hexo官方文档中的做法 动画图标 注意：如果使用 On parent hover 需要向父级元素添加 class 名 faa-parent animated-hover，其余两个不需要。另外可以通过添加faa-fast动画加速，faa-slow动画减速！！ 添加方式很简单，引入一个 css 库： https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/font-awesome-animation.min.css 然后在 DOM 元素的类名添加相应的动画即可。 On DOM load On hover On parent hover faa-wrench animated faa-wrench animated-hover faa-wrench faa-ring animated faa-ring animated-hover faa-ring faa-horizontal animated faa-horizontal animated-hover faa-horizontal faa-vertical animated faa-vertical animated-hover faa-vertical faa-flash animated faa-flash animated-hover faa-flash faa-bounce animated faa-bounce animated-hover faa-bounce faa-spin animated faa-spin animated-hover faa-spin faa-float animated faa-float animated-hover faa-float faa-pulse animated faa-pulse animated-hover faa-pulse faa-shake animated faa-shake animated-hover faa-shake faa-tada animated faa-tada animated-hover faa-tada faa-passing animated faa-passing animated-hover faa-passing faa-passing-reverse animated faa-passing-reverse animated-hover faa-passing-reverse faa-burst animated faa-burst animated-hover faa-burst faa-falling animated faa-falling animated-hover faa-falling faa-rising animated faa-rising animated-hover faa-rising","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Butterfly","slug":"Butterfly","permalink":"https://lavender-z.github.io/tags/Butterfly/"}]},{"title":"利用 Hexo 和 Github 搭建一个属于自己的个人博客(基础)","slug":"Blog/32921","date":"2020-12-20T07:24:37.000Z","updated":"2021-02-02T13:13:51.997Z","comments":true,"path":"2020/12/20/Blog/32921/","link":"","permalink":"https://lavender-z.github.io/2020/12/20/Blog/32921/","excerpt":"","text":"写在最前面 博客的搭建有很多种，可以利用第三方平台，也可以自建。比较早的有博客园、CSDN，近几年新兴的也比较多诸如：WordPress、SegmentFault、简书、掘金、知乎专栏、Github Page 等等。 这次我要介绍的就是利用 Github Page 和 Hexo 搭建个人博客的方式。Github Page 是 Github 提供的一种免费的静态网页托管服务（所以想想免费的空间不用也挺浪费的哈哈哈），可以用来托管博客、项目官网等静态网页。支持 Jekyll、Hugo、Hexo 编译静态资源，这次我们的主角就是 Hexo 了，具体的内容下面在文章内介绍。下面就开始吧~ 准备工作 Node.js 和 Git 的安装是搭建个人博客的第一步。下面我会详细的介绍如何安装 Node.js 和 Git。 点击查看 Node.js安装与配置Git安装与配置Github注册以及Github Pages创建配置Git用户名和邮箱首先去Node.js官网，下载 node.js 的安装程序，根据你电脑系统的配置信息，下载对应的安装程序，然后开始进行下面的步骤。 下载好与电脑系统对应的安装程序后，开始安装流程： 1.点击 Next 2.将"I accept the terms in the License Agreement"前面的复选框勾选，同意安装协议，再点 Next，进行下一步操作 3.选择 Node.js 安装程序的安装位置，在这里我以"C:\\Program Files\\nodejs"为例，点击 Next，进入下一步操作 4.选择安装的模块和功能，这里全部安装，并添加到系统环境变量 ，继续点击 Next，进入下一步操作 5.这一步可以跳过，这个选项的意思是安装一些编译本地模块的工具，比如 python，C/C++ 等，点击 Next，进入下一步 6.点击"Install"，等待 Node.js 安装完成 7.当看到下图所显示的情况，Node.js 就成功安装完毕 8.验证安装，并测试 Node.js 是否加入环境变量，当出现如下图的情况，Node.js 安装大功告成 如果执行node -v报错的话，那么手动将 Node.js 的安装路径添加到环境变量中，右击点击我的电脑 ——> 属性 ——> 高级系统设置 ——> 环境变量，在系统变量下找到名为 path 的变量名，如下图： 选中 path，或者双击，然后将你 node.js 的安装路径放在 path 变量值的最后面，如果添加之前 path 值最后有英文的分号，则直接将路径添加进去即可，如果没有，先添加分号，然后点击保存，回到桌面，打开cmd（Win+R），执行node -v，看是否成功。 9.设置 npm 的镜像源 # 查看npm的配置npm config list# 默认源npm config set registry https://registry.npmjs.org# 临时改变镜像源npm --registry=https://registry.npm.taobao.org# 永久设置为淘宝镜像源npm config set registry https://registry.npm.taobao.org# 另一种方式，编辑 ~/.npmrc 加入下面内容registry = https://registry.npm.taobao.org 10.设置 npm 的内置路径 ——> 全局模块路径和缓存路径（可选） 如果不改变内置路径也可，除非你的 C 盘空间足够 bigger，这一步可以略过，不改变的话，它的路径在： 此处参考：node 环境变量配置，npm 环境变量配置 ● npm 包全局目录：C:/Users/[username]/AppData/Roaming/npm/node_modules ● npm 包全局命令目录：C:/Users/[username]/AppData/Roaming/npm ● npm 实际去找全局命令的目录：C:/Users/[username]/.npmrc文件内容的prefix值 ● npm 包全局cache目录：C:/Users/[username]/.npmrc文件内容的cache值 首先在你 Node.js 的安装位置，新建两个文件夹，node_global和node_cache，我的路径是： D:\\Learning\\nodejs\\node_globalD:\\Learning\\nodejs\\node_cache 然后分别执行的命令就是： npm config set prefix"D:\\Learning\\nodejs\\node_global"npm config set cache "D:\\Learning\\nodejs\\node_cache" 然后在配置环境变量，右击我的电脑 ——> 属性 ——> 高级系统设置 ——> 环境变量同样的位置，在用户变量的地方，找到 path 变量进行修改，修改值如下图。然后就大功告成了，Node.js 就安装完毕了。 首先就是去Git官网下载 Git，根据你电脑系统的配置信息，下载对应的安装程序，然后开始进行下面的步骤。 1.下载好 Git 的安装包，开始安装，打开安装包，出现如图的界面，点击 Next 2.选择你要安装的位置，我以 C 盘为例，路径为图中所示，安装到其他位置的话，点击 Browse，选择你要安装的位置，然后点击 Next，进入下一步 3.选择你是否创建桌面快捷放方式，其他默认即可，点击 Next，进入下一步 4.是否将 Git 快捷方式的目录加入开是菜单栏 5.这个是选择文本编辑器的方式，默认是 Vim，也可以选择其他的方式，自主选择，在这里我选择的 Vim 默认方式。选择好文本编辑器的方式后，点击 Next，进入下一个流程 6.选择安装 Git 时对环境变量 PATH 的影响，第一种影响较小，第三种会影响到 Windows 的自带工具，默认勾选中间项，建议不要修改，直接点击 Next 继续安装 7.选择 Git 在使用 HTTPS 时使用的库，若无特殊需求，可保持默认选项，点击 Next 继续安装 8.选择提交与拉取记录时，对换行符的处理方式，若无特殊需要，默认选择即可，点击 Next 继续安装 9.选择模拟终端软件（即命令行窗口软件），若无特殊需要，可默认选择，点击 Next 继续安装 10.最新功能的询问，若不想尝试尚未保证稳定性的新功能，默认不勾选，点击 Install 即可完成安装 11.安装完成 12.回到桌面，点击鼠标右键，会出现两个选项Git GUI Here和Git Bash Here，在打开 Cmd(Win+R)，分别输入git和git --version，如果出现如下图的情况，即安装成功 1.打开Github官网首页，点击右上角的Sign Up，然后在出现的页面上填写你的相关信息，进行注册 2.验证完成后，点击 Next：Select a plan，会出现如上图的验证界面，同理，只需要将其中的动物调整为正向显示即可。接着会出现下图的界面，选择 Free，下方的两个选项可选可不选，点击 Continue 继续 3.这时 Github 会给你发一封邮件，验证一下即可，验证过后才可以创建库 4.验证完成后，开始创建库，如下图所示，仓库名创建格式必须为：<用户名>.github.io，Description为描述仓库，自定义写，填写必要的描述，也可不填。勾选Initialize this repository with a README点击Creat repository进行创建 然后就会出现如图所示的界面，即仓库创建成功！ 5.我们来测试一下，点击Create new file，出现如下界面，然后命名文件名为index.html，在填写如图的内容，再点击Commit new file，即创建成功，然后打开一个新的网页，输入网址https://<你的用户名>.github.io，即可以看见一个新的网页，其中的内容就是你写的内容。至此，Github 的注册以及 Github Pages 已经创建完成了1.在桌面点击鼠标右键，点击Git Bash Here，会出现一个界面如下图所示 2.然后分别输入下面的两个命令，并回车 $ git config --global user.name "此处填写你注册时的用户名"$ git config --global user.email "此处填写你注册时的邮箱"# 一般只要不报错，可以跳过下面寻找.gitconfig文件 3.然后找到.gitconfig文件，文件存放位置在C:/Users/[username]/.gitconfig（未找到的话，请开启显示隐藏文件的功能），用编辑器打开，看到如下图所示的内容，即配置成功 本地安装 hexo 静态博客框架以及发布到 Github Pages 1.首先选择一个磁盘作为你博客文件的存放位置，然后新建一个文件夹，比如名为 MyBlog 的文件夹，创建完后，先不要点进去，在此处点击鼠标右键，选择Git Bash Here，然后依次输入如下命令 # hexo框架的安装$ npm install -g hexo-cli# 等上一个命令完成后，在输入下面的命令$ hexo init <新建文件夹的名称> #初始化文件夹$ cd <新建文件夹的名称>$ npm install # 安装博客所需要的依赖文件 2.等待运行完成，此时文件夹中多了许多文件 注意：后续的命令均需要在站点目录下（即文件夹内）使用 Git Bash 运行 此时 Hexo 框架的本地搭建已经完成了。我们来运行一下看看，命令行依次输入以下命令 $ hexo g$ hexo s 3.浏览器中打开http://locakhost:4000或者127.0.0.1:4000，可以看到一个网页，说明 Hexo 博客已经成功在本地运行 本地博客发布到 Github Pages 之前的步骤中，我们已经完成了对 Github 账户的注册以及 Github Pages 的创建，接下来是将本地博客发布至 Github Pages。 1.首先需要安装发布的插件，在站点目录下执行下面的命令，也就是创建的博客目录下 $ npm install hexo-deployer-git --save 2.紧接着，将本地目录与 GitHub 关联起来，输入下面的命令行 $ ssh-keygen -t rsa -C "你的邮箱地址" 输入后一直回车，然后在C:/Users/[username]目录下找到名为.ssh的文件夹， 文件夹内会有两个文件，一个id_rsa.pub一个id_rsa，用文本编辑器打开id_rsa.pub，复制里面的的内容。 然后打开 Github，点击右上角的头像Settings选择SSH and GPG keys 点击New SSH key将之前复制的内容粘帖到Key的框中。 上面的Title可以随意，点击Add SSH key完成添加。 然后回到 Git 的命令行界面，测试一下是否与 GitHub 连接成功。输入下面的命令行 $ ssh -T git@github.com 点击回车，然后会出现一个询问内容，输入yes，回车，会出现一段内容Hi <account name>! You've successfully authenticated, but GitHub doesnot provide shell access.。 说明连接成功。此处这个<account name>应该是你 Github 的用户名。 3.进入博客站点目录，用文本编辑器打开_config.yml，这个_config.yml是博客的配置文件，在以后的博客修改，如个性化修改，博客SEO优化等都会使用到，修改如下几个地方 title: 你的博客名subtitle: 博客的副标题，有些主题支持description: 博客描述keywords: 博客关键词author: 作者，在文章中显示language: 博客语言语种 timezone: 时区 4.在该文件最底部，有一个 deploy，在 deploy 下面添加一个 repo 项 ，一个 branch 项，填入如下代码 deploy type: git repo: git@github.com:Github用户名/github用户名.github.io.git //也可使用https地址，如：https://github.com/Github用户名/Github用户名.github.io.git branch: master 5.最后就是生成页面，并发布至 Github Pages，执行如下命令 # Hexo会根据配置文件渲染出一套静态页面$ hexo g# 将上一步渲染出的一系列文件上传至至Github Pages$ hexo d# 也可以直接输入此命令，直接完成渲染和上传$ hexo g -d 上传完成后，在浏览器中打开https://<用户名>.github.io，查看上传的网页。如果页面变成了之前本地调试时的样子，说明上传以及完成了。没变的话查看一下上传时命令行窗口的信息有没有错误信息，没有的话清除一下浏览器缓存试试。 网页部署阶段可能会出现的 bug 报错ERROR Deployer not found: git 1.git 用户名和邮箱配置错误 $ git config --global user.name%"username"$ git config --global user.email%"username@example.com" 这里的%，在正确的格式中是一个空格，如果你之前没有打空格，那么邮箱和用户名根本就没有记录进去。回退到这一步重新进行。 2.hexo-deployer-git插件没有安装正确，重新在[Blogroot]路径下右键 ——> Git Bash Here，执行： $ npm install hexo-deployer-git –save# 重新安装之后，再尝试提交$ hexo d","categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Github","slug":"Github","permalink":"https://lavender-z.github.io/tags/Github/"}]}],"categories":[{"name":"博客搭建","slug":"博客搭建","permalink":"https://lavender-z.github.io/categories/%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/"}],"tags":[{"name":"hexo","slug":"hexo","permalink":"https://lavender-z.github.io/tags/hexo/"},{"name":"博客","slug":"博客","permalink":"https://lavender-z.github.io/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"Matery","slug":"Matery","permalink":"https://lavender-z.github.io/tags/Matery/"},{"name":"美化与魔改","slug":"美化与魔改","permalink":"https://lavender-z.github.io/tags/%E7%BE%8E%E5%8C%96%E4%B8%8E%E9%AD%94%E6%94%B9/"},{"name":"Butterfly","slug":"Butterfly","permalink":"https://lavender-z.github.io/tags/Butterfly/"},{"name":"Github","slug":"Github","permalink":"https://lavender-z.github.io/tags/Github/"}]}