Skip to content

Commit

Permalink
update from gridea: 2024-02-04 11:23:22
Browse files Browse the repository at this point in the history
  • Loading branch information
@kqwqk
kqwqk committed Feb 4, 2024
0 parents commit a9d705f
Show file tree
Hide file tree
Showing 19 changed files with 30,275 additions and 0 deletions.
89 changes: 89 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Page Not Found</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
display: flex;
flex-direction: column;
height: 100vh;
text-align: center;
}
.box {
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
}
.number {
font-size: 80px;
color: #666;
font-weight: bold;
}
.text {
font-size: 14px;
margin: 24px;
color: #333;
}
.btn-container {
display: flex;
justify-content: center;
}
.btn {
padding: 8px 24px;
display: inline-block;
text-decoration: none;
background: #fff;
border: 2px solid #efefef;
color: #333;
margin: 24px;
border-radius: 20px;
cursor: pointer;
display: flex;
align-items: center;
}
.footer {
padding: 16px;
border-top: 1px solid #efefef;
color: #777;
font-weight: lighter;
}
.footer a {
text-decoration: none;
font-weight: bold;
color: #000;
}
</style>
</head>
<body>
<div class="box">
<div class="number">4 0 4</div>
<div class="text">
Page not found
</div>
<div class="btn-container">
<a class="btn" id="back">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" style="margin-right: 8px;">
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M5.828 7l2.536 2.536L6.95 10.95 2 6l4.95-4.95 1.414 1.414L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 1 0 0-12H5.828z"/>
</svg>
Back
</a>
</div>
</div>
<footer class="footer">
Powered by <a href="https://gridea.dev" target="_blank">Gridea</a>
</footer>
<script>
var back = document.getElementById('back')
back.onclick = function() { console.log('run...'); history.back() }
</script>
</body>
</html>
308 changes: 308 additions & 0 deletions F2kTQIYxT/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,308 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>断极悬桥</title>
<meta name="description" content="一身紫荆洗因果，命性后道皆率衷" />
<link rel="shortcut icon" href="https://kqwqk.github.io/favicon.ico?v=1707016991129">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.0/katex.min.css">
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.3.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">

<link rel="stylesheet" href="https://kqwqk.github.io/styles/main.css">



</head>
<body>
<div id="app" class="main px-4 flex flex-col lg:flex-row">
<div id="sidebar" class="sidebar-wrapper lg:static lg:w-1/4">
<div class="lg:sticky top-0">
<div class="sidebar-content">
<div class="flex lg:block p-4 lg:px-0 items-center fixed lg:static lg:block top-0 right-0 left-0 bg-white z-50">
<i class="ri-menu-2-line lg:mt-4 text-2xl cursor-pointer animated fadeIn" onclick="openMenu()"></i>
<a href="https://kqwqk.github.io">
<img class="animated fadeInLeft avatar rounded-lg mx-4 lg:mt-32 lg:mx-0 mt-0 lg:w-24 lg:h-24 w-12 w-12" src="https://kqwqk.github.io/images/avatar.png?v=1707016991129" alt="">
</a>
<h1 class="animated fadeInLeft lg:text-4xl font-extrabold lg:mt-8 mt-0 text-xl" style="animation-delay: 0.2s">断极悬桥</h1>
</div>

<div class="animated fadeInLeft" style="animation-delay: 0.4s">
<p class="my-4 text-gray-600 font-light hidden lg:block">
文章目录
</p>
<div class="toc-container hidden lg:block">
<ul class="markdownIt-TOC">
<li>
<ul>
<li><a href="#%E7%86%8A%E6%8E%8C%E8%AE%B0%E7%9A%84%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97">熊掌记的入门指南</a></li>
<li><a href="#%E6%95%B4%E7%90%86-%E6%90%9C%E7%B4%A2%E5%92%8C%E8%87%AA%E5%AE%9A%E4%B9%89">整理、搜索和自定义</a></li>
<li><a href="#bear-pro-%E4%B8%8E%E5%AE%9E%E7%94%A8%E6%8A%80%E5%B7%A7">Bear Pro 与实用技巧</a></li>
<li><a href="#%EF%B8%8F-%E5%85%B3%E6%B3%A8%E5%B0%8F%E7%86%8A">🐻‍❄️ 关注小熊</a></li>
</ul>
</li>
</ul>

</div>
</div>

</div>
</div>
</div>

<div class="menu-container">
<i class="ri-arrow-left-line text-2xl cursor-pointer animated fadeIn close-menu-btn" onclick="closeMenu()"></i>
<div>


<a href="/" class="menu" style="animation-delay: 0s">
首页
</a>



<a href="/archives" class="menu" style="animation-delay: 0.2s">
归档
</a>



<a href="/post/about" class="menu" style="animation-delay: 0.4s">
关于
</a>



<a href="/hzgta" class="menu" style="animation-delay: 0.6000000000000001s">
旧站
</a>


</div>
<div class="site-footer">
<div class="py-4 text-gray-700">Powered by <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a></div>
<a class="rss" href="https://kqwqk.github.io/atom.xml" target="_blank">RSS</a>
</div>
</div>
<div class="mask" onclick="closeMenu()">
</div>
<div class="content-wrapper py-32 lg:p-8 lg:w-3/4 post-detail animated fadeIn">
<h1 class="text-3xl font-bold lg:mt-16">欢迎使用熊掌记 👋</h1>
<div class="text-sm text-gray-700 lg:my-8">
2023-11-09 / 4 min read
</div>

<img class="post-feature-image rounded-lg mx-auto my-4" src="https://kqwqk.github.io/post-images/F2kTQIYxT.png" alt="">

<div class="post-content yue">
<p><strong>熊掌记</strong>是一款功能强大且优雅简洁的笔记应用程序，它可以帮助你捕捉灵感、记录生活，并轻松整理。你可以记笔记、计划你一天的生活、添加购物清单、写小说、打论文草稿等等。</p>
<p>熊掌记不需要额外学习就可以轻松上手使用。我们也为细心的你准备了一份欢迎笔记，点击你感兴趣的链接就可以直达相关功能介绍。</p>
<hr>
<h2 id="熊掌记的入门指南">熊掌记的入门指南</h2>
<ul>
<li>📝熊掌记的入门指南/如何创建新笔记|《如何创建新笔记》</li>
<li>🖍️熊掌记的入门指南/样式栏|《样式栏》
<ul>
<li>熊掌记的入门指南/📝 添加文字样式|添加文字样式</li>
<li>熊掌记的入门指南/📷 添加文本以外的内容|添加文本以外的内容——笔记可以包含照片、PDF以及几乎任何其他格式的附件</li>
<li>熊掌记的入门指南/🎨 速绘你的想法|速绘你的想法——用 Apple Pencil “绘”洒创意！</li>
</ul>
</li>
<li>ℹ️熊掌记的入门指南/了解你的笔记|《了解你的笔记》——查看信息面板的统计数据，如字数统计、阅读时间，还有笔记的目录大纲和反向链接</li>
</ul>
<hr>
<h2 id="整理-搜索和自定义">整理、搜索和自定义</h2>
<ul>
<li>🏷️ 整理、搜索和自定义/通过标签灵活整理|《#标签#整理》——如何使用标签进行笔记分类整理
<ul>
<li>整理、搜索和自定义/利用多词标签细化管理|#多词 标签#——标签也可以包含多个词语、日期等</li>
<li>整理、搜索和自定义/使用嵌套标签增加深度|#嵌套/标签——深度整理的必杀技</li>
</ul>
</li>
<li>🔍 整理、搜索和自定义/大海捞针|《熊掌记的搜索功能》
<ul>
<li>整理、搜索和自定义/智能搜索|智能搜索——利用简单符号进一步筛选你的搜索结果</li>
<li>整理、搜索和自定义/特殊搜索|特殊搜索——查找包含特定类型内容（如**@待办<strong>或</strong>@附件**）的笔记</li>
<li>整理、搜索和自定义/笔记内搜索|笔记内搜索——在当前笔记内搜索与替换</li>
</ul>
</li>
<li>🎨 整理、搜索和自定义/打造属于你的写作空间|《利用偏好设置打造属于你的写作空间》
<ul>
<li>整理、搜索和自定义/主题|主题——超过 20 款精美主题</li>
<li>整理、搜索和自定义/编辑器格式|编辑器的格式设置——自定义字体、行距和段落缩进等</li>
<li>整理、搜索和自定义/笔记列表预览选项|笔记列表预览选项——自定义笔记列表中的笔记预览样式</li>
</ul>
</li>
</ul>
<hr>
<h2 id="bear-pro-与实用技巧">Bear Pro 与实用技巧</h2>
<ul>
<li>🚀 Bear Pro 与实用技巧/Bear Pro 与实用技巧|《关于 Bear Pro》——多设备快速同步、在图像和附件中搜索、加密重要笔记等功能</li>
<li>💡Bear Pro 与实用技巧/进阶玩家的小技巧|《进阶实用功能》
<ul>
<li>Bear Pro 与实用技巧/网页剪藏|网页剪藏——通过浏览器扩展来保存网页内容</li>
<li>Bear Pro 与实用技巧/打开多个笔记窗口|打开多个笔记窗口</li>
<li>Bear Pro 与实用技巧/导出标签中的所有笔记|导出标签中的所有笔记</li>
<li>Bear Pro 与实用技巧/把笔记链接起来|笔记链接——将想法和笔记串联起来，创建个人知识管理系统</li>
<li>Bear Pro 与实用技巧/利用“标签图标”脱颖而出|标签图标——为侧边栏的标签添加个性图标</li>
<li>Bear Pro 与实用技巧/使用快捷指令自动化操作|熊掌记的快捷指令——自动化工作流</li>
</ul>
</li>
</ul>
<hr>
<h2 id="️-关注小熊">🐻‍❄️ 关注小熊</h2>
<p>在熊掌记里，你能做的有趣事情<strong>远远</strong>不止这些。如果你想继续了解熊掌记，请查看我们的<a href="https://bear.app/support">帮助与支持页面</a>，你还可以关注我们的微信公众号（@Bear熊掌记）和同名<a href="https://www.weibo.com/xiongzhangji/">官方微博</a>，我们会定期更新资讯和一些实用小技巧。小熊等你！👋</p>
<p>#熊掌记/欢迎</p>

</div>




<div class="flex justify-between py-8">



<div class="next-post">
<a href="https://kqwqk.github.io/MB1J39DZI/">
<h3 class="post-title">
Green Dream
<i class="ri-arrow-right-line"></i>
</h3>
</a>
</div>

</div>



<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>

<div id="gitalk-container"></div>

<script>

var gitalk = new Gitalk({
clientID: '1a7a3d53a4079d665f13',
clientSecret: '4ed8053f9a79c06b3cf25fd9be5e1f076e4bef82',
repo: 'kqwqk.github.io',
owner: 'kqwqk',
admin: ['kqwqk'],
id: (location.pathname).substring(0, 49), // Ensure uniqueness and length less than 50
distractionFreeMode: false // Facebook-like distraction free mode
})

gitalk.render('gitalk-container')

</script>






</div>
</div>

<script src="https://kqwqk.github.io/media/prism.js"></script>
<script>

Prism.highlightAll()
let mainNavLinks = document.querySelectorAll(".markdownIt-TOC a");

// This should probably be throttled.
// Especially because it triggers during smooth scrolling.
// https://lodash.com/docs/4.17.10#throttle
// You could do like...
// window.addEventListener("scroll", () => {
// _.throttle(doThatStuff, 100);
// });
// Only not doing it here to keep this Pen dependency-free.

window.addEventListener("scroll", event => {
let fromTop = window.scrollY;

mainNavLinks.forEach((link, index) => {
let section = document.getElementById(decodeURI(link.hash).substring(1));
let nextSection = null
if (mainNavLinks[index + 1]) {
nextSection = document.getElementById(decodeURI(mainNavLinks[index + 1].hash).substring(1));
}
if (section.offsetTop <= fromTop) {
if (nextSection) {
if (nextSection.offsetTop > fromTop) {
link.classList.add("current");
} else {
link.classList.remove("current");
}
} else {
link.classList.add("current");
}
} else {
link.classList.remove("current");
}
});
});


document.addEventListener("DOMContentLoaded", function() {
var lazyImages = [].slice.call(document.querySelectorAll(".post-feature-image.lazy"));

if ("IntersectionObserver" in window) {
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target
lazyImage.style.backgroundImage = `url(${lazyImage.dataset.bg})`
lazyImage.classList.remove("lazy")
lazyImageObserver.unobserve(lazyImage)
}
});
});

lazyImages.forEach(function(lazyImage) {
lazyImageObserver.observe(lazyImage)
})
} else {
// Possibly fall back to a more compatible method here
}
});

const menuContainer = document.querySelector('.menu-container')
const menus = document.querySelectorAll('.menu-container .menu')
const mask = document.querySelector('.mask')
const contentWrapper = document.querySelector('.content-wrapper')
const latestArticle = document.querySelector('.latest-article')
const readMore = document.querySelector('.read-more')
const indexPage = document.querySelector('.index-page')

const isHome = location.pathname === '/'
if (latestArticle) {
latestArticle.style.display = isHome ? 'block' : 'none'
readMore.style.display = isHome ? 'block' : 'none'
indexPage.style.display = isHome ? 'none' : 'block'
}

const openMenu = () => {
menuContainer.classList.add('open')
menus.forEach(menu => {
menu.classList.add('animated', 'fadeInLeft')
})
mask.classList.add('open')
contentWrapper.classList.add('is-second')
}

const closeMenu = () => {
menuContainer.classList.remove('open')
menus.forEach(menu => {
menu.classList.remove('animated', 'fadeInLeft')
})
mask.classList.remove('open')
contentWrapper.classList.remove('is-second')
}
</script>

</body>
</html>
Loading

0 comments on commit a9d705f

Please sign in to comment.