仅安の小屋

注意：本样式美化方式只适用于 Next 主题，并且最好懂一些 CSS 前端知识，以便有些不兼容样式部分可以自行在浏览器中 F12 调试。 修改的话就找到next主题目录下的 next\source\css\_custom\custom.styl ，这个文件是Next主题预留给用户自定义修改css样式的文件，所以我们绝大多数全局样式都在这里进行修改即可。 由于next7.x版本以上删除了 _custom\custom.styl ，没有则新建，新建完成后在next\source\css\main.styl引入即可，在末尾加入 1@import "_custom/custom"; 以下附上我的 custom.styl 文件内容为了以后方便查看 文件位置：hexo/themes/next/source/css/_custom/custom.styl 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 ...

在搭建好hexo博客之后也要给自己的博客进行备份，文章丢失可是很麻烦的一件事情。可以借助一个插件来进行备份源文件 查看hexo版本1hexo version 安装如果你的版本是2.x.x使用这条命令： 1npm install hexo-git-backup@0.0.91 --save 如果你的版本是3.x.x或者4.x.x则使用这条命令： 1npm install hexo-git-backup --save 建立分支来到你的github仓库目录或者是coding的仓库目录，选择新建分支，我创建的分支名都为backup 配置打开博客配置文件_config.yml 在最下方添加 12345678backup: type: git message: update xxx theme: coney,landscape,xxx repository: github: git@github.com:xxx/xxx.git,branchName gitcafe: git@github.com:xxx/xxx.git,b ...

前言 搭建完博客之后，感觉原有的主题太单调了，于是这几天找了很多的教程，也踩了很多的坑，因为教程上的版本和使用的版本不同，很多地方都不相同，往往一个小功能试验好多种方式，才能达到想要的效果。在这里记录下成功过的案例，方便以后查看。或许以后有朝一日，还能帮助他人 本文目录 在右上角或者左上角实现fork me on github 实现点击出现桃心效果 修改文章内链接文本样式 修改文章底部的那个带#号的标签 在每篇文章末尾统一添加“本文结束”标记 新增看板娘(能说话、能换装) 开启代码块复制功能及更换样式 打字特效 个性化回到顶部 文章末尾版权声明 添加图片灯箱 相关文章推荐 站点及文章字数统计 站点运行时间统计 实现简体 / 繁体一键切换 开启本地博客搜索功能 设置侧栏阅读进度百分比 文章置顶 精品文章 博客加入canvas粒子时钟 为站点添加标题崩溃特效 添加valine评论系统 用LeanClound给hexo+next博客添加文章阅读数 博主头像圆形并旋转 添加近期文章板块 添加博客热门文章页 添加文章打赏功能 一些基本的设置参考官方文档：Next官方文档 在右上角或者左上角实 ...

前言突发奇想，想自己搞一个博客于是就有了后来的事。记录下这个过程，积累一些经验，同时也方便以后自己看看 安装环境要想搭建Hexo，我们先需要安装一下两个其他的东西 Node.js Git 安装Node.js初识Node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 点击 这里 进入==Node.js官网==下载对应得版本自行安装即可 检查是否安装完成，按Win+R打开命令提示符，输入以下代码，查看版本号，如果出现，即为安装成功 12node -vnpm -v 添加国内镜像换成阿里的国内镜像，同样是按Win+R，输入 1npm config set registry https://registry.npm.taobao.org 安装Git初识Git Git是一个开源的分布式版本控制系统，可以有效、高速地处 ...

在美化过程中遇到的问题 问题：在使用了<–more–>标签后，点击阅读原文会自动下滑到这个标签之下的内容中，个人感觉体验不是太好 解决：(1)：此方法适用于老版本 在主题配置文件搜索“ scroll_to_more: ” 改成 “ scroll_to_more: false ” 就可以了。 (2)：新版本已经移除此项，官方认为scroll_to_more是个默认行为for任何hexo主题。需要进行强制修改，在\themes\next\layout_macro\post.swig中将 1<a class="btn" href="{{ url_for(post.path) }}#more" rel="contents"> 修改为 1<a class="btn" href="{{ url_for(post.path) }}" rel="contents"&g ...

柱状图 效果图：后端controller层代码： 123456789101112//图表 @AuthIgnore @PostMapping("getData") public R getData() { long[] idList= {3L,4L,5L,6L,7L}; List<Long> id=new ArrayList<Long>(); for (int i = 0; i < idList.length; i++) { id.add(idList[i]); } List<TbUser> userList=userService.selectBatchIds(id); return R.ok().put("data",userList); } 注意：上面代码中的 3L,4L,5L,6L,7L，对应的是数据库中的IDHTML代码： 123456789101112131415 ...

饼图 效果图：后端controller代码： 123456789101112//图表 @AuthIgnore @PostMapping("getData") public R getData() { long[] idList= {3L,4L,5L,6L,7L}; List<Long> id=new ArrayList<Long>(); for (int i = 0; i < idList.length; i++) { id.add(idList[i]); } List<TbUser> userList=userService.selectBatchIds(id); return R.ok().put("data",userList); } 注意：上面代码中的 3L,4L,5L,6L,7L，对应的是数据库中的IDHTML代码： 这里引用的都是本地下载好的包还可以引用网上的 ...

linux安装java环境 安装第一步：下载JDK进入https://www.oracle.com/java/technologies/javase-jdk8-downloads.html下载合适的JDK版本，进行安装 选择合适的版本由于是linux系统，所以需要下载linux版本的 及后缀名为 tar.gz的本文 以 jdk-8u5-linux-i586.tar.gz 为例 第二步 创建目录 在usr目录下创建 java目录 1mkdir /usr/java 把下载好的文件放在java目录下可以用 filezilla 工具进行传输 输入 ls 查看是否上传成功出现上图即为成功 第三步 解压进入 **/usr/java/**目录下准备解压 1tar zxvf jdk-8u5-linux-i586.tar.gz 等待解压完成 配置环境变量输入vim /etc/profile按 i 键进行插入在最下面添加以下内容 123456set java environmentJAVA_HOME=/usr/java/jdk1.8.0_05 JRE_HOME=/usr/jav ...

linux虚拟机上安装Tomcat linux虚拟机上安装Tomcat 注意：安装软件之前要安装java JDk 安装软件：apache-tomcat-9.0.29.tar.gz下载地址：https://tomcat.apache.org/download-90.cgihttps://tomcat.apache.org/download-90.cgi1、创建目录 ：mkdir /usr/tomcat2、将下载的文件 移动到 /usr/tomcat/目录下3、进行解压 1tar -xzvf apache-tomcat-9.0.29.tar.gz 4、解压完成后 启动Tomcat 进入Tomcat里面的bin 目录 1cd bin 进入bin目录后执行： ./startup.sh –>启动tomcat 执行： ./shutdown.sh –>关闭tomcat 设置开机自启每次开机都要启动，有点麻烦 可以设置成开机自启 1、找到/etc文件夹下的rc.local文件， 输入rc.local 按 i 键 或 insert 键进行插入 2、在文件的最后添加以下j ...

ajax判断用户名唯一 判断用户名唯一性dao层： 12@Query(value="select * from stu where name like CONCAT('%',:name,'%')",nativeQuery=true) List<Stu> findByName(@Param("name") String name); 以上SQL语句也可以进行模糊查询，以后会有说明 service层： 123public List<Stu> findByName(String name) { return stuDao.findByName(name); } controller层： 1234567891011//判断是否有重复名字 @RequestMapping("findByName") @ResponseBody public boolean findByName(HttpServletRequest request) { ...