黑夜模式文字霓虹灯特效
前言博客开启黑夜模式以后为大标题和个人卡片添加霓虹灯特效
添加代码打开Blog根目录/source/css/custom.css,路径中缺少的文件夹或文件直接创建即可,写入下列代码
可以把‘—theme-color’修改为你喜欢的颜色,例如墨绿色:rgb(91,165,133)
12345678910/* 夜间模式菜单栏发光字 */[data-theme="dark"] #nav .site-page,[data-theme="dark"] #nav .menus_items .menus_item .menus_item_child li a { text-shadow: 0 0 2px var(--theme-color) !important;}/* 手机端适配 */[data-theme="dark"] #sidebar #sidebar-menus .menus_items .site-page { text-shadow: 0 0 2px var(--theme-color) !i ...
打卡记录
今天也要元气满满
使用Vercel加速博客
前言Vercel在全球都分布有CDN节点,比Github自带的Github Page更加稳定且访问速度更快,并且部署简单而且不用花钱
Vercel注册如果你看过之前的文章:添加Twikoo实现博客在线评论的话,你应该已经注册好了自己的Vercel账号
若未注册请参考添加Twikoo实现博客在线评论
或者自行注册:https://vercel.com/signup
创建仓库点击头像来到首页并点击添加project
如果有你的仓库地址就可以直接import,没有的话就点击下方的Import Third-Party Git Respository并输入你的Github仓库网址(例如我的是:hellodqy.github.io)
保持默认选项点击Deploy即可
修改域名由于Vercel的域名被墙了,所以我们需要将其修改为我们的个人域名(个人域名购买请参考添加Twikoo实现博客在线评论中的申请个人域名章节)
再次回到首页,点击你新建的项目
点击settings
点击Domains
在Domains填入你的个人域名
DNS解析(以阿里云为例)Vercel一般会给出两行记录要你添加到 ...
Github Page绑定个人域名
前言在之前的配置Twikoo评论一文中我们购买了自己的域名,当时只用了二级域名解决Vercel域名被墙的问题,现在我们把Github Page的域名修改为我们自己的域名
DNS解析(以阿里云为例)阿里云首页打开控制台
点击图片中的云解析
点击你购买的域名
点击添加记录
我们需要添加两条记录:
记录类型:CNAME
主机记录:@
解析请求来源:保持默认
记录值:网站域名,例如我的是:hellodqy.github.io
TTL:10分钟
记录类型:CNAME
主机记录:www
解析请求来源:保持默认
记录值:网站域名
TTL:10分钟
添加CNAME文件打开Blog根目录/source,新建一个文件名为CNAME的无后缀文件,填入你购买的个人域名,不需要添加https://前缀,例如我的是:
1dqywy.top
Github Page添加个人域名进入.github.io仓库,打开settings
打开Pages选项
下拉页面,找到Custom domain并填入你购买的个人域名,勾选Enforce HTTPS
注意:这里需要等待一段加载时间才能勾选Enforce ...
实现网站动态标题
添加脚本文件打开Blog根目录/source/js/title.js,路径中缺失的文件夹或文件直接新建即可
写入下列代码
1234567891011121314151617//动态标题var OriginTitile = document.title;var titleTime;document.addEventListener('visibilitychange', function () { if (document.hidden) { //离开当前页面时标签显示内容 document.title = '不要走嘛(´•̥̥̥ω•̥̥̥`)'; clearTimeout(titleTime); } else { //返回当前页面时标签显示内容 document.title = '欢迎回来(✪ω✪)'; //两秒后变回正常标题 titleTime = setTimeout(fun ...