测试页面,这只是为了 Test

date
Jan 8, 2024
outer_link
slug
test
status
Published
tags
summary
type
Page
这是本网站的测试页面,你可以在这里看到支持的所有组件(几乎)。
对了,页脚可以切换黑暗模式。
本页面所属 Notion 原页 👇

这是 H1 大标题

本文测试所有支持的元素(此为 paragraph)

二级标题 H2

行内公式👉 bulleted_list_item 👇
  • 子弹一
  • 子弹二
  • 子弹三
numbered_list_item 👇 (坏的🙅‍♂️)
  1. 序号一
  1. 序号二
  1. 序号三
to_do 👇
这个要做
这个做好了
这个也要做

三级标题 H3

toggle 👇
这个是个折叠
这是折叠后的内容
child_page 👇
只会显示标题
带注释 caption 的图片
带注释 caption 的图片
带注释的视频
分割线 👇 

分割线 👆
未署名的引用👇
完全不知道这句是哪个家伙说的话
只署名的引用👇
{'author':'《二十四节气歌》'}春雨惊春清谷天,夏满芒夏暑相连, 秋处露秋寒霜降,冬雪雪冬小大寒。
带链接的引用👇
{“link”:’https://music.apple.com/cn/album/梦幻丽莎发廊/1437765199?i=1437765215’, ‘author’: ‘五条人’}现实和我说的差太远,她不知道,我一直在撒谎。
💁‍♀️
一个真正普通的呼出
⚠️
一个普通的呼出 测试换行
🔔
提醒,这个那个这个那个
💁‍♀️
测试内嵌
ℹ️
本文已被 Twikoo 官方文档 收录👌
💡
紫色紫色紫色紫色紫色紫色
Bookmark 👇
嵌入 iframe 👇
创造 CANDY 主题,只为更好的交互
众所周知,Icarus 是一个非常优秀的 Hexo 主题。它不仅提供清爽、简洁的界面,还与各种主流插件、组件兼容的很好。更令人欣喜的是--它几乎是最活跃的 Hexo 主题之一,有着非常良好的社区氛围。作者时刻保持更新,并提供了非常完善的文档。 种种因素使我最终选择了它,并准备在其基础上修改出自己满意的设计,我将其命名为 Candy,并将在 GitHub 上与 Icarus 保持更新。本文将是这一系列文章的第一节--基础设计修改。 Icarus 主题很美观,但对我来说它与许多 Hexo 主题一样都存在一个核心问题,即首页的文章如需访问全文,需要点击 Read More 按钮、图片或标题才可以进入,而点击主文字或卡片空白处是没有反应的,恰好很多博主喜欢把摘要写成长篇大论,此时的 Read More 按钮看起来更小,很容易被忽视,点击大段文字也许是很多读者的第一反应,虽然这并不会得到任何回应。 点击、进入全文,这应该是每个博客最频繁的交互。 尴尬的小按钮难免给读者造成一些细微的障碍,当然如果对自己的内容足够自信,或者没那么讲究的话,你就可以跳过这一节了。 为了达成真正的卡片效果,我探索过一些方法。 我的第一反应是在 标签外套一层 标签然后设置 href 属性,同时 要设置成块级元素。于是我便在 layout/common/article.jsx 中这样修改: 感觉非常合理,但其实并不行,如果这样操作,在实际页面中, 标签并不会正确包裹,反而会被添加到 元素下每个子元素的首位。我并不确定是什么原因,但是根据 Stack Overflow 上的一篇 回答 中的评论: You should really point out (by suggesting this way) that: using this solution you cannot have other Anchor elements inside the article.
创造 CANDY 主题,只为更好的交互
{jsx}
// 测试代码块
<div className="relative my-2">
	<span className="absolute top-0 right-0 hidden px-2 py-1 font-mono text-sm rounded opacity-50 bg-white/10 text-light-50 sm:block">
    {value.language}
	</span>
	<pre className="overflow-hidden font-mono text-sm rounded">
    <SyntaxHighlighter language={value.language} >
      {value.text.length > 0 && value.text[0].text.content}
    </SyntaxHighlighter>
	</pre>
</div>
这是分栏的第一部分
这是分栏的第二部分
这是分栏的第二部分
这是分栏的第二部分
这是分栏的第二部分
这是分栏的第二部分
这是分栏的第一部分
这是分栏的第二部分
这是分栏的第二部分
这是分栏的第二部分
这是分栏的第二部分
这是分栏的第三部分

大段文本测试:

<!--HTML-->
<article class="flex flex-col bg-blue-50 rounded-2xl message overflow-hidden is-info">   <div class="message-header p-3 bg-blue-500 text-white">  <p><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="info-circle" class="svg-inline--fa fa-info-circle fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path></svg>📚 自定义 HTML 组件测试</p>  </div>   <div class="p-3 message-body dark:bg-true-gray-800"> 
<ol><li><a href="/post/icarus_to_candy_1/"><strong>XXXXXX</strong></a>
  <span class="icon has-text-success">
  <i class="fas fa-check-square"></i>
</span></li>
<li>XXXXXX</li>
<li>XXXXXX</li>
<li>XXXXXX</li>
</ol></d/iv> </article>
<style>
ol{
	list-style:decimal;
	padding: revert;
margin: initial;
}
.message-header {
  justify-content: start !important;
	color: white;
	background-color: #007aff;
}
  .message.is-info{
    width: 50%;
float: right;
margin-left: 20px;
    margin-bottom: 11px !important;
  }
  @media screen and (max-width: 768px){
    .message.is-info{
    width: 100%;
float: none;
margin-left: 0;
  }
  }
</style>
测试下划线
测试加粗
测试斜体
测试删除
测试红色背景
探讨一下那个恶魔果实可能性,首先,情报里有一句赋予另一个名字,这样有可能还真不少,以下逐个分析。
1. 凯多 鱼鱼果实青龙形态,从开发上凯多似乎已经摸到这个果实的天花板了,但是考虑到还有个盗版桃之助的存在,因此这个果实可能还有潜力(很可能由桃子实现隐藏实力),而其隐藏的方向也可能就不是鱼鱼果实而且货真价实的青龙果实。
2. 大妈 和凯多类似,大妈的魂魂果实似乎也处于开发度拉满的状态,但如果考虑是为了承接下面的艾尔巴夫篇,再考虑大妈的性格转变的谜团,似乎也还有潜力有带挖掘。
3. 罗 手术果实,理论上最符合描述的果实,考虑到几百年这个跨度,手术果实在古代有其他名字也很合理。但是,由于手术果实早就有50亿的估价,因此不管改不改描述这都是个炙手可热的果实,又不太符合沉寂几百年的说法。
4. 基德 磁力果实,考虑到罗的果实即使没有五老星背书其背景也依然强大,而路飞的橡胶果实又已经有了铺垫,因而从对应关系上磁力果实有强大的背景也很正常,而且新觉醒的赋予磁力的能力确实有其他潜力可挖,某种程度上也有改变世界的能力,因此也有可能性。
5. 罗宾 花花果实,前文五老星就聊过罗宾,而且罗宾的果实也有很多疑点,一个就是从小就吃了,而且被成为“恶魔之子”,但从后面看能力者其实不少,仅仅从有恶魔果实就叫这个“恶魔之子”似乎比较夸张,再考虑到鬼岛上罗宾对黑玛利亚使出的恶魔化这也和花花果实的字面不符,因此很可能罗宾的果实真实名字是“恶魔”果实,这样也能从她在考古之国奥哈拉被称为“恶魔之子”的原因,而且这也表现即使在鬼岛抓罗宾也是cp0第一要务的重要原因。
6. 乔巴 人人果实,如果不考虑果实能力开发,最差的就是这个了,而且乔巴作为鹿也确实是在野外吃到的这颗果实,细想其实也就是意味着这是被人丢掉的。而且乔巴实际上对于人人果实的开发其实和其他动物系并不同,大多动物系常态都是本体,而乔巴常态则不是驯鹿,甚至参考另一个动物吃了人人果实幻兽种的牛鬼丸,常态是狐狸发动果实则是那个僧兵,因此乔巴的人人果实很可能有其他特殊之处,而且至今为止乔巴的能力还不完全是自然开发而是通过吃药,因此另有其他真真实能力也很正常。况且改名字的目的就是为了低调,提起低调,那被人遗弃人人果实可以说是当之无愧的第一了。
7. 布鲁克 黄泉果实,这个果实谜团太多了,而且以外的不被人所知,比起趋之若鹜的手术果实低调太多,也有可能是改了名字
探讨一下那个恶魔果实可能性,首先,情报里有一句赋予另一个名字,这样有可能还真不少,以下逐个分析。
1. 凯多 鱼鱼果实青龙形态,从开发上凯多似乎已经摸到这个果实的天花板了,但是考虑到还有个盗版桃之助的存在,因此这个果实可能还有潜力(很可能由桃子实现隐藏实力),而其隐藏的方向也可能就不是鱼鱼果实而且货真价实的青龙果实。
2. 大妈 和凯多类似,大妈的魂魂果实似乎也处于开发度拉满的状态,但如果考虑是为了承接下面的艾尔巴夫篇,再考虑大妈的性格转变的谜团,似乎也还有潜力有带挖掘。
3. 罗 手术果实,理论上最符合描述的果实,考虑到几百年这个跨度,手术果实在古代有其他名字也很合理。但是,由于手术果实早就有50亿的估价,因此不管改不改描述这都是个炙手可热的果实,又不太符合沉寂几百年的说法。
4. 基德 磁力果实,考虑到罗的果实即使没有五老星背书其背景也依然强大,而路飞的橡胶果实又已经有了铺垫,因而从对应关系上磁力果实有强大的背景也很正常,而且新觉醒的赋予磁力的能力确实有其他潜力可挖,某种程度上也有改变世界的能力,因此也有可能性。
5. 罗宾 花花果实,前文五老星就聊过罗宾,而且罗宾的果实也有很多疑点,一个就是从小就吃了,而且被成为“恶魔之子”,但从后面看能力者其实不少,仅仅从有恶魔果实就叫这个“恶魔之子”似乎比较夸张,再考虑到鬼岛上罗宾对黑玛利亚使出的恶魔化这也和花花果实的字面不符,因此很可能罗宾的果实真实名字是“恶魔”果实,这样也能从她在考古之国奥哈拉被称为“恶魔之子”的原因,而且这也表现即使在鬼岛抓罗宾也是cp0第一要务的重要原因。
6. 乔巴 人人果实,如果不考虑果实能力开发,最差的就是这个了,而且乔巴作为鹿也确实是在野外吃到的这颗果实,细想其实也就是意味着这是被人丢掉的。而且乔巴实际上对于人人果实的开发其实和其他动物系并不同,大多动物系常态都是本体,而乔巴常态则不是驯鹿,甚至参考另一个动物吃了人人果实幻兽种的牛鬼丸,常态是狐狸发动果实则是那个僧兵,因此乔巴的人人果实很可能有其他特殊之处,而且至今为止乔巴的能力还不完全是自然开发而是通过吃药,因此另有其他真真实能力也很正常。况且改名字的目的就是为了低调,提起低调,那被人遗弃人人果实可以说是当之无愧的第一了。
7. 布鲁克 黄泉果实,这个果实谜团太多了,而且以外的不被人所知,比起趋之若鹜的手术果实低调太多,也有可能是改了名字

© YM.SI 2023 - 2024 - Build with Next.js & Notion