一、总体美化教程 这次的美化主要分为四个部分: 文章内显示封面 给文章添加更新时间 修改代码块样式以及添加复制功能(这个功能有点问题,具体解决办法看文章末尾) 给网站添加点击效果(这个功能我没有加,感觉太花哨了 ) 参考文章:Diaspora 主题美化日记 - 棕果核 (mrzgh.top) 二、代码块以及复制按钮的样式问题 因为原文作者写文章使用的编辑器不是Typora,所以他的代码块美化这一点和我们有所区别 问题一:代码块内容超出长度后会显示滚动条,有点丑,干掉 问题二:复制按钮会随着滚动条滚动而位移,不能忍,干掉 这里引用上文链接作者的一段话: 因每个人的目录都不同,设定博客根目录为 Blogroot,主题根目录为
butterly PC端展示(白天/夜晚) 移动端展示(白天/夜晚) 新增valine评论 twopeople展示 image.png 代码预留 .xpand(style='height:200px;') canvas.illo(width='800' height='800' style='max-width: 200px; max-height: 200px; touch-action: none; width: 640px; height: 640px;')
-webkit-animation-name:typing-f3-l9;animation-name:typing-f3-l9}#paw-left--down,#paw-left--up,#paw-right WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz +KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q +k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP +ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs
DIY主题,让你拥有属于自己的风格。 同时也介绍了如何使用现在有的主题包来替换IDEA默认的主题。 IDEA插件主题 使用方法,点击File>Settings>Plugins 输入插件名称即可下载 如果主题未生效的话可以检查一下自己的IDEA版本必须使用19.1之后的版本 同时注意19.2版本的IDEA 插件链接:https://plugins.jetbrains.com/plugin/12112-solarized-theme/ 更多插件 目前只是选取几个好评的主题(主要还是觉得好看),想要获取更多主题的话可以登陆 使用主题包 推荐一个网站color-themes http://color-themes.com/ ?
浏览器动态标题 主题设置 - 开发者设置 - 自定义输出body尾部的HTML代码添加以下代码 <! { transition: all 0.3s; } .img-circle:hover { transform: rotate(360deg); } 文章内打赏图标跳动 主题设置 let tags = document.querySelectorAll("#tag_cloud-2 a"); let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7 ", "#DA99FF", "#FFB380", "#D9B999"]; tags.forEach(tag => { tagsColor = colorArr[Math.floor(Math.random > 其他主题单独调用代码 <?php echo theAllViews();?><?php _me("访客总数") ?
width: 100%; height: 100%; pointer-events: none; z-index: 0; } 插入css,js,canvas到inject中 打开Butterfly主题的 ) transform rotate(9deg) 45% -webkit-transform rotate(28deg) transform ) transform rotate(9deg) 45% -webkit-transform rotate(28deg) transform spinner-box是主题原版的盒子加载动画 wizard是巫师施法加载动画 ironheart是钢铁侠核心加载动画 scarecrow是稻草人跳动加载动画 image为自定义添加静态图片或gif作为加载动画 插入方法 插入方法很简单,基于butterfly主题的强大,内置了多种在线聊天工具,这里我选择的是crisp。几步就可以完成。
美化列表 1. 给博客添加每日60s早报 前往 https://www.alapi.cn/ 注册一个账号 复制自己的Token替换下边的 你的密钥内容 ! 主题白色背景图片 在后台自定义CSS中添加如下代码 /*背景*/ body::before { z-index: -1; content: ""; top: 0; important} .bg-3{background-color:#f9bb3c!important} .bg-4{background-color:#f55555! 鼠标美化 后台自定义CSS添加如下代码 /*鼠标样式*/ body { cursor:url('https://xxi.icu/usr/themes/Cuteen/static/img z-index:1; background-position: center top; background-size: 28px 28px; background-color: #f9f9f9
文章目录 安装主题选择软件 下载主题及加载 ubuntu18登录界面更改 Docky 个人设置效果 这里我们给予ubuntu14.04和ubuntu18.4来进行说明 安装主题选择软件 对于ubuntu18.04 update sudo apt-get install ubuntu-tweeks sudo apt-get install unity-tweak-tool 无论对于哪个软件的使用来说都很简单,直接切换主题 下载主题及加载 加载主题是把下载好的主题包解压成文件夹直接放在以下的两个目录中就可以生效,这里我们只列出了比较重要的桌面主题和图标主题的路径。 /usr/share/themes/ /usr/share/icons/ 这里推荐一个主题网站 https://www.opendesktop.org/ 选择桌面主题 https://www.opendesktop.org /p/1275087/ https://github.com/anmoljagetia/Flatabulous 选择图标主题 https://www.opendesktop.org/p/1171748
该主题在halo博客Sakura的基础上进行了更改 友情链接部分 大佬分组样式:
一直以来爱游都是用的知更鸟的begin主题,当然爱游是用的破解版,前几天爱游买了一个正版begin主题,这里分享下以前爱游做的一些美化,有些在最新版的主题里面已经不适用了所以也算是记录,万一哪天我忘了呢 面包屑导航栏美化 打开主题根目录下的style.css文件,查找下面的代码: .bread { width: 1122px; height: 25px; line-height: 顶部菜单栏改为渐变背景色 在wp后台→主题选项→定制风格→自定义样式添加以下代码: #header-top { background: linear-gradient(-30deg,rgba(255,
引言 心水别人的Mirages主题,可是收费啊,虽然50元并不贵,但是本着能不花钱就不花钱的原则,我决定升级(gao fang)一下样式。 效果对比图 原图 效果 (是不是很简洁好看,那个丑丑的热门文章侧边栏请忽略,没高兴美化 已美化) 步骤 1.编写css样式文件,放到主题的/assets/css/dzhCustom.css下 .articalSite
将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。. 将以下代码添加至后台主题设置 自定义CSS。
美化有序标签 将以下代码加入到主题设置自定义Css样式中 ol{ list-style: none; /* 隐藏原来的 1. 2. 美化分隔符hr样式 <link type='text/css' rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0 /* <em>美化</em> hr 样式 */ hr { position: relative; margin: 2rem auto; width: calc(100% - 4px); border .getit a { position: relative } .well .tip:before { -webkit-box-shadow: 0 0 0 2.5px #f7f8f<em>9</em>; box-shadow: 0 0 0 2.5px #f7f8f<em>9</em> } .tip ol { margin: 0 } .tip.success { background: #61be33
TODO 我想把博客在改造一下,大概先想这些,后续想到在加吧… 网站底部样式改造 头像呼吸灯 自定义鼠标右键 友链页面 音乐播放器 头像呼吸灯 在主题后台全局css里添加 /*头像呼吸光环和鼠标悬停旋转放大 box-shadow: 0 0 4px #f00;} } 调整内容宽度 把1360px更换成你想要的宽度即可 #Joe .joe_container{ max-width: 1360px; } 自定义鼠标右键 在主题后台自定义 -- 自定义右键菜单美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat Theme by <a class="a-theme" title="当前<em>主题</em>:Joe2.0 V${theme.version!}" href="${theme.repo!}" 在主题的index.php文件中,查找到<?
个人博客主题美化 选择主题 Hexo默认的主题是landscape,推荐以下主题: snippet Hiero JSimple BlueLake 详见:https://github.com/search q=hexo-theme 应用主题 下载主题 将下载好的主题文件夹,粘贴到站点目录的themes下。 ://hexo.io/themes/theme: <主题文件夹的名称> 主题优化 以上主题都有比较详细的说明文档,本节主要解决主题优化的常见问题。 解决:将主题配置文件_config.yml中,use_motion字段的值设为 false 来关闭动画。 解决办法: 找到主题调用不蒜子的swig文件。
对应的Themes就是可更换的主题。在这一共分为两块,UI Theme和Syntax Theme,一个是UI的,一个是文件语法的,这里可以选择相应的主题。 安装主题 可以通过Installed Themes安装主题,这里我使用的都是Material的主题,大家也可以尝试下。 在给大家推荐几个主题也不错,可以尝试下: isotope-ui seti-ui monokai-flat 安装插件 安装插件Atom比Sublime做的稍微细致些,Atom有对插件的设置,以及插件介绍等 这时候,我们可以通过github下载手动安装插件或主题。 进入插件安装官网:https://atom.io/packages 搜索想下载的插件,点进去,再点击"Version",进入github ?
site on following platforms: GitHub Pages GitLab Pages Firebase Hosting Virtual Private Server (VPS) 主题推荐 docsify-share 使用的主题 https://coroo.github.io/docsify-share/#/ <!
Ubuntu 优化、美化(主题、终端) 个人博客 https://www.yuque.com/_ngp/blog/tuanh6 零 效果图 壁纸分享 一 优化Ubuntu \1 系统更新 安装完系统之后 (".")+7, "") call append(line(".")+8, "using namespace std;") call append(line(".")+9, ) call append(line(".")+8, "int main(int argc,char *argv[])") call append(line(".")+9, launcher-position Bottom 放到左侧(终端输入以下): gsettings set com.canonical.Unity.Launcher launcher-position Left \7 二 美化 1.2 Flatabulous主题 下载主题 sudo add-apt-repository ppa:noobslab/themes sudo apt-get update sudo apt-get
在我们进行自动化测试的时候,用例往往是成百上千,执行的时间是几十分钟或者是小时级别。有时,我们在调试那么多用例的时候,不知道执行到什么程度了,而pytest-sugar插件能很好解决我们的痛点。
admonition admonition,有着炫酷的效果,可以美化文章笔记,但它并不是Markdown的标准语法,不能被Markdown正常渲染,需要额外的插件配置。 hugo的LoveIt,FixIt主题都集成了admonition shorcode功能,可以比较方便的进行使用,语法和样式效果如下。