博客相关
文章平均质量分 88
本专栏主要记录博客部署相关文章,如Hexo博客配置,博客前端美化等内容
JUST LOVE SMILE
这个作者很懒,什么都没留下…
展开
-
Hexo博客 | 视频点播页面,如何在博客上优雅地展示B站等平台视频
文章目录1. 新建路径页面2. 新建主题页面3. 获取B站等平台视频嵌入代码4. 新建data文件5. 结语5. 结语之前考虑到自己剪了一些vlog,但是直接用iframe嵌入的话页面会很长,而且点开这个页面会自动加载全部视频,感觉很奇怪,并且不能很好的展示,于是写了一个视频点播页面1. 新建路径页面首先使用命令新建一个页面:hexo new page video在index.md里面写入一下内容:---title: 我的视频date: 2020-07-17 20:54:09com原创 2022-05-16 21:28:14 · 811 阅读 · 0 评论 -
博客相关 | 如何获取图片主题色并修改字体颜色
今天在写博客的时候,做了一个封面图,然后hexo cl && hexo g && gulp && hexo s一键生成,点开后却发现这个标题的字体颜色亮瞎我的眼睛:于是试了很多帖子,终于把它改好了:提取主题色的js:https://github.com/briangonzalez/rgbaster.js处理配色js如下:if (document.getElementById('post-cover')) { const img = docume原创 2022-05-16 21:24:29 · 439 阅读 · 0 评论 -
大学课程 | 《数据库》基础知识点考点大全
文章目录第一章 绪论1.1数据库系统概述1.1.1 数据库的4个基本概念1.1.2数据管理技术的产生和发展1.1.3 数据库系统的特点1.2 数据模型1.2.1 两类数据模型1.2.2 概念模型1.2.3 数据模型的组成要素1.2.4 常用的数据模型1.2.5 层次模型1.2.6 网状模型1.2.7 关系模型1.3 数据库系统的结构1.3.1 数据库系统模式的概念1.3.2 数据库系统的三级模式结构1.3.3 数据库的二级映像功能和数据独立性1.4 数据库系统的组成第二章 关系数据库2.1 关系数据结构及原创 2020-07-22 17:43:17 · 4816 阅读 · 0 评论 -
打字机效果 | 又一款花里胡哨的打字机js
CSDN无法显示效果,具体请看博客又一款花里胡哨的打字机效果,之前在github上看到过一个不那么花的打字机源码如下:<script src="https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/js/typed.js"></script><strong id="typedjs1"></strong><script>var typed = new Typed("#typedjs1", {原创 2020-07-19 16:20:59 · 344 阅读 · 0 评论 -
博客前端 | 禁止鼠标右键,F12,F5
在文件中添加以下代码<script>function unmouse(){ document.oncontextmenu = new Function("return false;"); document.onkeydown = document.onkeyup = document.onkeypress = function(event) { var e = event || window.event || arguments.callee.caller.arguments[.原创 2020-07-19 16:15:11 · 313 阅读 · 0 评论 -
必看 | Hexo博客搭建超级指南
文章目录引言环境部署工作安装Node.js安装Git注册Github账号安装Hexo推送到GithubHexo基础写博客新建页面常用基本命令Hexo进阶推荐编辑器更换主题注册Coding账号注册Gitee账号绑定域名安装插件添加robots.txt创建百度站长账号创建百度/谷歌统计账号CDN图床主题配置总结Ayer主题修改魔改--适用ejs类型的主题随机博客封面添加二级菜单添加公告板Butterfly主题魔改--适用pug类型的主题valine评论博客文章加密打字机效果图标,动态图标,网页运行时间,全站黑白原创 2020-07-16 09:32:22 · 1795 阅读 · 1 评论 -
enex格式转化为md格式
文章目录第一步第二步第三步印象笔记导出的enex格式如何转换成markdown格式第一步导出笔记为enex格式第二步确认安装了nodejs环境第三步在对应路径下使用npm安装:npm install -g enex-dump导出md文件enex-dump --src ./XXXXXXXXXX.enex之后会在该路径下生成一个dump文件夹,其中dump/notes 下为转换后的md文件,dump/attachments下为图片与其他资源…...原创 2020-06-29 12:50:39 · 1067 阅读 · 0 评论 -
Hexo博客 | 插件推荐
文章目录Hexo插件汇总更多文章请到我的博客https://justlovesmile.topHexo插件汇总插件功能文档链接hexo-generator-index-pin-top文章置顶https://github.com/netcan/hexo-generator-index-pin-tophexo-wordcount文章字数统计和阅读时长统计https://github.com/willin/hexo-wordcounthexo-abbrlink生成原创 2020-07-13 09:54:58 · 2746 阅读 · 0 评论 -
Hexo博客 | 一个插件,Hexo也可以展示PDF
文章目录安装hexo-pdf使用效果我的博客https://justlovesmile.tophexo-pdf插件一键搞定,页面展示PDF安装hexo-pdfnpm install --save hexo-pdf使用使用本地资源,可以在markdown文件路径下创建一个同名文件夹,其内放pdf文件例如:在需要的文章添加如下语句:{% pdf mydocument.pdf %}使用外部资源同理,{% pdf https://cdn.jsdelivr.net/gh/Justlov原创 2020-07-11 21:54:01 · 2084 阅读 · 0 评论 -
Hexo博客 | 前端美化之添加公告板---基于Ayer主题有两种模式
文章目录说明步骤第一步 找到对应的首页文章页的代码文章第二步 创建`broadcast.ejs`文件第三步 打开主题的配置文件第四步 效果在我的博客首页添加了告示板模块,有两种模式,一种是自定义语句,一种是一言API发现写了很多博客美化的文章了,罗列了一下Type.js打字机效果: 添加打字机效果博客中能用到的代码: 关于font awesome图标字体库,使用动态图标,添加网页运行时间,全站变黑白,鼠标点击特效,网页标题的动态效果,网页樱花特效,鼠标触动音乐特效博客中能用到的代码(二): 添原创 2020-07-01 09:37:56 · 1797 阅读 · 0 评论 -
打字机效果 | 使用type.js模拟打字输入回退效果
我的博客:https://justlovesmile.top今天在Github上发现了一个有趣的开源项目typed.jsgithub地址:https://github.com/mattboldt/typed.js/文档:https://mattboldt.github.io/typed.js/docs/导入js<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>实现效果 tr原创 2020-06-29 15:43:42 · 655 阅读 · 0 评论 -
Hexo博客 | 博客中能用到的代码(一)
文章目录>使用font awesome图标字体库>使用动态图标>网页运行时间>全站变黑白>鼠标点击特效>网页标题的动态效果>网页樱花特效>鼠标触动音乐特效我的博客:https://justlovesmile.top这篇文章介绍了如何使用font awesome图标字体库,使用动态图标,添加网页运行时间,全站变黑白,鼠标点击特效,网页标题的动态效果,网页樱花特效,鼠标触动音乐特效,之前还介绍过打字机效果,可以看看这篇文章>使用font awesom原创 2020-06-29 15:41:43 · 574 阅读 · 0 评论 -
Hexo博客 | 博客中能用到的代码(二)
文章目录>旋转小人>念两句诗我的博客:https://justlovesmile.top之前写了一个博客中能用到的代码,这是第二篇这篇文章介绍了如何添加旋转小人和每日诗句>旋转小人参考自Codepen和CodePen — 前端利器分享<div class="twopeople"> <div class="container" style="height:200px;"> <canvas class="illo" widt原创 2020-06-29 15:37:56 · 234 阅读 · 0 评论 -
Hexo博客 | Ayer主题采用随机图片作为博客封面背景
文章目录说明步骤第一步 找到对应封面的代码位置第二步,修改配置文件第三步,自定义我的博客:https://justlovesmile.top最近美化了一下我的博客首页,每次打开会随机选择一张图片作为封面发现写了很多博客美化的文章了,罗列了一下Type.js打字机效果: 添加打字机效果博客中能用到的代码: 关于font awesome图标字体库,使用动态图标,添加网页运行时间,全站变黑白,鼠标点击特效,网页标题的动态效果,网页樱花特效,鼠标触动音乐特效博客中能用到的代码(二): 添加旋转小人和原创 2020-06-29 15:22:31 · 1430 阅读 · 9 评论 -
Hexo博客 | 如何让你的valine更好看
文章目录Valine介绍Valine版本Valine添加一言valine添加每日诗句valine自定义表情valine背景我的博客:https://justlovesmile.top之前写了一个博客中能用到的代码(二),这是第三篇这篇文章介绍valine的样式优化Valine介绍Valine 诞生于2017年8月7日,是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客,目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用原创 2020-06-29 15:19:57 · 1237 阅读 · 0 评论 -
Hexo博客 | Ayer主题美化之添加二级菜单
我的博客:https://justlovesmile.topHexo主题导航栏添加二级菜单的简单方法第一步,找到所使用主题的导航栏文件,例如:Ayer主题的位于hexo\themes\ayer\layout\_partial\sidebar.ejs第二步,打开文件,找到文件对应生成菜单的位置,一般在<li></li>内,在里面添加代码 <ul class="nav nav-main"> <% for (var i in theme.menu){原创 2020-06-29 15:10:25 · 1869 阅读 · 0 评论 -
Hexo添加博客加密功能
看到了一个很有趣的Hexo插件,可以轻松实现加密功能我的博客:https://justlovesmile.top今天在浏览大佬的博客时发现了一个挺有趣的Hexo插件功能—加密Blog。感谢大佬分享????下面是添加加密功能的操作:安装hexo-blog-encrypt插件在hexo目录下npm install hexo-blog-encrypt在/Hexo/_config.yml文件中添加内容:encrypt: enable:true使用插件在想要使用加密功能的Blog头部加上原创 2020-06-29 12:56:36 · 4426 阅读 · 0 评论 -
hexo-yilia的配置
文章目录获取Yilia主题添加新页面设置打赏点击所有文章提示缺失模块配置智能菜单设置主页展示截断添加live2d模型左侧导航栏设置背景图片最后给大家推荐几个博主使用yilia这个主题时用到的一些设置我的博客:https://justlovesmile.top获取Yilia主题$ cd /hexo$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia其中/languages存放语言包,/layout存放主原创 2020-06-29 12:55:02 · 695 阅读 · 0 评论 -
hexo-第一次搭建BLOG
文章目录第一次使用hexo搭建个人博客的步骤1 准备工作2 创建仓库3 使用hexo写博客关于我怎么搭建这个blog第一次使用hexo搭建个人博客的步骤1 准备工作注册了github的账号安装了node.js和npm安装并配置了git2 创建仓库在github中创建了一个‘username.github.io’的仓库3 使用hexo安装hexo: $ npm install -g hexo初始化一个文件夹:$ cd /e/hexo/$ hexo init原创 2020-06-29 12:52:20 · 147 阅读 · 0 评论