首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

分享几个实用的HEXO博客功能插件

二、功能模块 我这里主要使用也是推荐应用的功能模块主要就以下几个: Markdown 中自定义 CSS 样式 添加博客 RSS 订阅功能 文章添加 emoji 表情 文章里图片的懒加载功能 强大的静态搜索功能插件...文章添加 emoji 表情 表情这么重要的写作功能怎么能不具备呢?习惯了在微信、 QQ 上聊天的表情符号,写作也必须来几桶表情是吧?!...其实表情都是一些小图片,如果直接在写文章的时候像插入图片一样插入表情,那会比较痛苦,所以我们需要安装一个表情简写渲染的插件: hexo-filter-github-emojis : $ cnpm...install hexo-filter-github-emojis --save 安装后在根目录下的配置文件 _config.yml 中进行具体配置,还可以添加自定义的表情(我已经把网站上的部分表情下载到本地改成自定义表情了...addSearch 的变量,值 true 表示生成的这个页面是带搜索功能的页面,值没有或者 false 表示这个页面不会添加搜索引擎和显示搜索结果,关于 Front-matter 的解释就是每篇文章的开头

4.7K10

深度了解Android 7.0 ,你准备好了吗?

在Android TV 设备上,应用可以将自身置于画中画模式,从而让它们可以在用户浏览或与其他应用交互继续显示内容。...额外的“快速设置”图块添加了更多空间,用户可以通过向左或向右滑动跨分页的显示区域访问它们。 还让用户可以控制显示哪些“快速设置”图块以及显示的位置 — 用户可以通过拖放图块来添加或移动图块。...支持扩展的区域设置数量,Android N 正在改变其解析资源的方式。 十二、新增的表情符号 Android N引入更多表情符号和表情符号相关功能,包括肤色表情符号和支持变量选择。...若要检查系统字体中有哪些表情符号,使用hasGlyph(String) 方法。 ● 检查表情符号是否支持变量选择。变量选择能够呈现一些彩色或黑白的表情符号。...在移动设备上,应用应呈现彩色的表情符号,而不是黑白的。但是,如果应用显示嵌入在文本中的表情符号,那应使用黑白变量。若要确定表情符号是否有变量,使用变量选择

2.8K10
您找到你想要的搜索结果了吗?
是的
没有找到

如何设置微信透明头像和昵称?| 晓技巧

公众号留言透明头像变成灰色: 3. 虽然是用 Android 手机设置的头像,在 iPhone 上同样显示透明状态。...但当 iPhone 用户放大你的透明头像后在对方手机上会变成白色: 透明昵称也有大不同 透明昵称可不是敲几个空格那么简单,当你输入空格后想要保存,微信提示「没有输入名字,请重新填写」。...知晓程序大家提供了特殊的空格,由于 iPhone 和 Android 手机能识别的空格不同,所以我们准备了两种版本透明昵称。...为什么发出来的透明表情有黑框? 在对话框选择「照片」形式发送透明图片会有黑色边框,当保存为自定义表情后发送就是完全透明。 为了对比,我们后期将黑框加粗了 2. 透明表情是不是有背景就不「透明」了?...为什么「不可点击」的透明表情还是可以点击到? 这里说的「不可点击」是理论上的,当我们在后台回复「点击」获得的透明图片很细长,添加表情后,可点击区域也很小,接近于「不可点击」。

1.8K40

深度了解Android 7.0 ,你准备好了吗?

在Android TV 设备上,应用可以将自身置于画中画模式,从而让它们可以在用户浏览或与其他应用交互继续显示内容。 ?...额外的“快速设置”图块添加了更多空间,用户可以通过向左或向右滑动跨分页的显示区域访问它们。 还让用户可以控制显示哪些“快速设置”图块以及显示的位置 — 用户可以通过拖放图块来添加或移动图块。...支持扩展的区域设置数量,Android N 正在改变其解析资源的方式。  十二 新增的表情符号 Android N引入更多表情符号和表情符号相关功能,包括肤色表情符号和支持变量选择。...若要检查系统字体中有哪些表情符号,使用hasGlyph(String) 方法。 ● 检查表情符号是否支持变量选择。变量选择能够呈现一些彩色或黑白的表情符号。...在移动设备上,应用应呈现彩色的表情符号,而不是黑白的。但是,如果应用显示嵌入在文本中的表情符号,那应使用黑白变量。若要确定表情符号是否有变量,使用变量选择

1.4K30

如何高效地使用 Git

,则撤销到 git commit 的状态 - 修改后添加到暂存区,则撤销到 git add 的状态 # 覆盖上次提交 $ git commit --amend [-m "本次提交说明"] 版本回退...$ git log --relative-date // 使用较短的相对时间显示 $ git log --name-only // 仅在提交信息后显示已修改的文件清单 $ git log...主要用于一下情形: - 标记新的工作或一个新功能的开始 - 记录对项目的跟代码无关的改动 - 跟使用你仓库的其他人交流 - 作为仓库的第一次提交,因为第一次提交后不能被 rebase git pull...可以查看当前页面支持的 快捷键列表 使用表情 我们在 Pull Requests, Issues, commit, Markdown 文件中可以加我们喜欢的表情,使用方法如下 :name_of_emoji...: 比如 :joy: 返回一个 更多表情,可参考 emoji-cheat-sheet 其中,可能常用的表情有 :tada: :sparkles: :bug:: :white_check_mark::

55720

【拓展】谈谈字符编码:Unicode编码与emoji表情编码

不过需要注意的是,Unicode标准的想法仅仅是每个字符规定一个码位。不包括具体的存储方案。不像GB系列方案规定到每个字节在存储最高位必须1这么详细,这个标准仅仅给字符分配了码位而已。...在阅读介绍Unicode的其他资料,需要理解Unicode方案每个字符制定的码位的表示方式及规则。...如果用户的系统没有实现某个emoji表情的渲染,就会显示成一个空方框。...不过笔者使用的macbook对这种文本表示emoji的表情还没有支持,使用上面的输入法添加U+FE0E选择后并没有成功渲染出emoji的文本表示形态。...由此,我们理解了U+FE0F的作用,相当于一个修饰,在渲染文字如果遇到了U+FE0F就和前面的字符组合一下,改成渲染成一个emoji表情的形式。

6.7K42

Markdown 语法笔记

段落之间的空白行添加一个 > 符号。...代码块 代码块通常采用四个空格或一个制表缩进。当它们被放在列表中,请将它们缩进八个空格或两个制表。 1. Open the file. 2....当您创建脚注,带有脚注的上标数字会出现在您添加脚注参考的位置。读者可以单击链接以跳至页面底部的脚注内容。 要创建脚注参考,请在方括号([^1])内添加插入符号和标识。...复制和粘贴表情符号 在大多数情况下,您可以简单地从Emojipedia 等来源复制表情符号并将其粘贴到文档中。许多Markdown应用程序自动以Markdown格式的文本显示表情符号。...从Markdown应用程序导出的HTML和PDF文件应显示表情符号。 Tip: 如果您使用的是静态网站生成器,请确保将HTML页面编码UTF-8。.

4K10

小程序留言板块引入emoji表情

最近准备给博客小程序添加一个留言板功能,考虑到如果只是纯文本留言有点过于简陋了,所以准备按照仿微信风格,在评论可以添加emoji表情发送,实际上为了简化开发,原本找到了github一个插件WxEmojiView...,在点击事件中更改increase的值,当increase值true则浮层显示,当increasefalse浮层隐藏。...实际上我们的需求很简单,就是文字和emoji表情结合,在我们选择emoji表情,将emoji表情对应的字符串形式添加到输入文本中。...然后input的value值显示的就是data中的message参数。这样就可以保证我们选择emoji表情输入框可以显示。...message中,在用户选择emoji表情这时候需要使用split拆分字符串数组,因为我们将emoji自复式形式以-分隔拼接成字符串形式,所以需要先将emoji表情字符串形式分割成一个数组与emoji

3.6K10

网站如何适配暗色模式并实现手动、自动切换

[效果图] 媒体查询的优缺点 很多文章介绍你直接使用媒体查询来适配暗色模式;的确高版本的浏览器,可以提供媒体查询功能,使用CSS,加入媒体判断即可: /\* 常规浅色模式下的网页背景颜色及文本颜色 \...同时,媒体查询存在一定的兼容性问题,浏览器版本过低(如:IE 9),在查询失败: 则逻辑判断用户当前系统时间,根据时间显示暗色或亮色配色。...且Cookies中DarkMode值1 if (Mode == 1) { // 值1:添加class="night"到body标签" $("body").addClass("night"...); } //不存在暗色模式标识情况下,是否需要启用暗色模式 else if (Mode == null || Mode == "undefined" || Mode == "") {...进行判断,是否需要在表情内加入class="night"。

7.3K160

面向 JavaScript 开发人员的 ECMAScript 6 指南(1 ):新 JavaScript 中的变量声明等功能

术语 transpiler 仅在最近才得到普遍应用。...ECMAScript 6 中的表情符号支持已扩展,现在同时支持字符串字面量和变量标识名称,但是,请不要在您的代码中使用表情符号。...向函数名称中添加 “皱眉表情” 只能反映您对代码库的看法,但这可能造成需要调用它的程序员的 “防卫过当”。...这意味着字符串中保留了空格,所以上面的消息将显示在两行上。它将在 “be” 后断开,然后在继续之前显示两个空格(因为代码缩进了两个空格)。...如果数组中的值比声明的变量少,ECMAScript 将为所有剩余的变量填入值 “undefined”。

86320

Markdown高级教程

)2.斜体,要用斜体显示文本,请在单词或短语前后添加一个星号(asterisk)或下划线(underscore)3.粗体和斜体同时使用,要同时用粗体和斜体突出显示文本,请在单词或短语的前后各添加三个星号或下划线...当您创建脚注,带有脚注的上标数字会出现在您添加脚注参考的位置。读者可以单击链接以跳至页面底部的脚注内容 创建脚注 在方括号([^1])内添加插入符号和标识。...若要删除单词,请在单词前后使用两个波浪号 ~~ Markdown 代码: ~~Hi Jeremy~~ 运行效果: Hi Jeremy Emoji 表情 我们可以在 Markdown 编辑通过复制粘贴的方式添加表情...,或者通过表情添加表情表情码的前后需要分别添加一个冒号) Markdown 代码: :rocket: 运行效果: :rocket: 特别注意 不同的 Markdown 编辑器支持的表情不同,这边可以根据实际效果确认...Markdown 被渲染到网站,不同的浏览器、网站所能支持的表情也不同,也需要根据实际效果确认 完后总结了一下几乎所有的 emoji 表情,放置在了 GitHub 仓库,大家可以按需下载看一下 GitHub

1.6K10

iOS自定义的emoji表情键盘 原

emoji表情是unicode码中表情符号设计的一组编码,当然,还有独立于unicode的另一套编码SBUnicode,在OS系统中,这两种编码都有很好的支持。...UI系统自动帮我们将编码转义成表情符号,例如用SBUnicode如下代码:   UILabel * label = [[UILabel alloc]initWithFrame:CGRectMake(100...在iOS端,可以有另一种方式,通过上面我们知道,通过SBUnicode码我们可以在客户端显示表情符号,并且这个码的排列是十分有规律的,通过这个特点,我们可以通过遍历SBUnicode码的范围进行表情的创建...alloc]init];     //水平布局     layout.scrollDirection=UICollectionViewScrollDirectionHorizontal;     //设置每个表情按钮的大小...追注:测试上面的SBUnicode码在模拟器上可以正常显示,真机并不能识别,可以通过将表情全部添加到一个plist文件中,通过文件读取来创建键盘的方式进行真机上的开发。

2.9K10

MySQL如何存储Emoji表情,UTF-8和UTF-8MB4字编码有何区别

你可以想得到的是,全世界有上百种语言,日本把日文编到Shift_JIS里,韩国把韩文编到Euc-kr里,各国有各国的标准,就会不可避免地出现冲突,结果就是,在多语言混合的文本中,显示出来会有乱码。...那么如何让MySQL存储Emoji表情勒。 三、如何让MySQL存储Emoji表情 我们在创建数据库的时候,就需要选定utf-8mb4字集,而不是utf-8。...我们在设置字段字符集的时候,也需要设置utf-8mb4字集。 这样我在Navicat 中测试是可以的。...大家也可以说说想看什么,我会就写写,不会就去学学,给大家推推文。‍ 咱们后端这阶段真的是处于一个是人是鬼都在卷的时期,困难重重啊。...希望:我们,待别日相见,都已有所成。

1.5K20

纯代码给WordPress文章和评论添加OwO表情教程

这两天本来想着精简一下,但修改源码发现里面代码比较复杂,有些图标使用的还是背景定位来实现的,查找位置非常麻烦,有些代码根据正常删减竟然出现整个都不显示了,最后不得不放弃,也因此想着更换另外一种表情。...,而发表图片表情就会显示图片的html代码: html 这样在评论框不仅太占地方,而且也不美观。...icon": "", "text": "haha" } ] } 扩展应用 在网友@CFanLost的Typecho程序网站上发表评论表情显示表情名称短代码...] } 现在发表评论表情时评论框显示::haha::,发表成功也是这样,而不是具体的haha表情图片,这是因为我们还需要对表情短代码与图片进行转义,在functions.php文件中加入下列代码: php...上面是关于评论加入表情按钮和发表评论添加表情的方法,当然还可以在发表文章插入表情符号。 文章中插入表情符号 同样打开functions.php文件,加入下列代码即可。注意表情路径改为你自己的。

1.8K30

emoji-java 用来表情转换,你会用了吗?

如果要删除或忽略Fitzpatrick修饰。 parseFromUnicode(input, emojiTransformer) 方法就是将表情转换成对应的字符串了。...这个表情没有,那我们自己添加一个。 { "emojiChar": "?"...在idea 中发现我们自定义的这个表情显示。说明idea 是不支持这个表情的。 我们再来看看代码是否能正常转换。 可以看到,将表情转成我们自定义的别名是没有问题的。...但是将它还原成表情,却显示不出来,这里我确信应该是可以还原成功的,只是idea不支持这个表情,所以显示不出来。...总结 我们在实际开发过程中,还是可能需要存储表情的,特别是APP,手机上大家输入表情很常见,所以我们在存储的时候,可以将表情转义一下,然后显示的时候再转义回来。

2.6K10

php开发中处理emoji表情和颜文字的兼容问题

在移动设备经常会发生用户发送的内容中包含emoji表情,在显示就是乱码。 一般是因为Mysql表设计时,都是用UTF8字集的。...现在介绍在PHP开发中涉及到emoji表情的三种处理方法: 1)使用utf8mb4字集 如果你的mysql版本>=5.5.3,你大可直接将utf8直接升级utf8mb4字集 这种4字节的utf8编码可完美兼容旧的...3字节utf8字集,并且可以直接存储emoji表情,是最好的解决方案 至于字节增大带来的性能损耗,我看过一些评测,几乎是可以忽略不计的 2)使用base64编码 如果你因为某些原因无法使用utf8mb4...如果你需要显示emoji,就得准备一大堆emoji图片并使用第三方前端类库才行。 emoji表情是个麻烦的东西,即使你能存储,也不一定能完美显示,所以我们可以将它过滤掉。...方法三,可以过滤Emoji表情,但是不能对颜文字进行过滤,也不能满足所有需求。因为Mysql的utf8字集是3字节的,而emoji是4字节,数据库还是不能保存。

1.1K20

Redis–各个数据类型最大存储量

在移动设备经常会发生用户发送的内容中包含emoji表情,在显示就是乱码。 一般是因为Mysql表设计时,都是用UTF8字集的。...现在介绍在PHP开发中涉及到emoji表情的三种处理方法: 1)使用utf8mb4字集 如果你的mysql版本>=5.5.3,你大可直接将utf8直接升级utf8mb4字集 这种4字节的utf8编码可完美兼容旧的...3字节utf8字集,并且可以直接存储emoji表情,是最好的解决方案 至于字节增大带来的性能损耗,我看过一些评测,几乎是可以忽略不计的 2)使用base64编码 如果你因为某些原因无法使用utf8mb4...如果你需要显示emoji,就得准备一大堆emoji图片并使用第三方前端类库才行。 emoji表情是个麻烦的东西,即使你能存储,也不一定能完美显示,所以我们可以将它过滤掉。...方法三,可以过滤Emoji表情,但是不能对颜文字进行过滤,也不能满足所有需求。因为Mysql的utf8字集是3字节的,而emoji是4字节,数据库还是不能保存。

1.1K10

MySQL插入Emoji表情

前言 今天在设计开源项目的反馈信息表遇到了emoji表情插入失败的问题,网上找了很多解决方案,答案五花八门,没找到好使的。...实现思路 因为数据库默认是UTF-8编码格式,普通的字符串占位3个字节而表情占位4字节,此时UTF-8就不够用了,需要采用utf8mb4字集就能解决这个问题了。...注意:utf8mb4字集要求数据库版本高于5.5.3。...修改数据库配置文件my.cnf,我的文件位置在: /usr/local/etc下,添加下述代码 [mysqld] character-set-server = utf8mb4 collation-server...我们用dataGrap查看下数据库表中的数据,如下所示,它显示了一个?,应该是软件无法识别。 ? 讲道理,应该是插入成功了,我们用postman请求接口试下,成功显示出来了?。 ?

4K10
领券