2024-07-28 08:31:54 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-cn">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
|
|
|
<title>完善主题</title>
|
|
|
|
|
<link rel='stylesheet' href='/css/light.css'>
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
|
|
|
<link rel="stylesheet" href="/css/normalize.css">
|
|
|
|
|
<link rel="stylesheet" href="/css/remixicon.css">
|
|
|
|
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
|
|
|
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
|
|
|
|
<link rel="stylesheet" href="/css/barrager.css">
|
|
|
|
|
<script src="/js/jquery.min.js"></script>
|
|
|
|
|
<script src="/js/jquery.barrager.js"></script>
|
|
|
|
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
|
|
|
|
<script src="/js/pjax.js"></script>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
|
|
|
|
|
|
|
|
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
|
|
|
|
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
|
|
|
|
|
<meta name="template" content="Ying" />
|
|
|
|
|
</head>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="main">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="header">
|
|
|
|
|
<div class="head_author_img load-memos-editor">
|
|
|
|
|
<img src="https://avatars.githubusercontent.com/u/94612053" class="blog-img" width="80" height="80" alt="优世界" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="site-description">
|
|
|
|
|
<h2><span class="uk-invisible">风吹云散，云卷云舒</span></h2>
|
|
|
|
|
<nav class="nav social uk-visible@m">
|
|
|
|
|
<ul class="flat">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://pan.usj.cc" title="GitHub" target="_blank"><i class="ri-cloudy-2-line"></i></a>
|
|
|
|
|
|
|
|
|
|
<a href="https://space.bilibili.com/525472039" title="Twitter" target="_blank"><i class="ri-bilibili-line"></i></a>
|
|
|
|
|
|
|
|
|
|
<a href="https://github.com/imzql" title="LinkedIn" target="_blank"><i class="ri-github-fill"></i></a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="yiyandes">风吹云散，云卷云舒</div>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
<nav class="nav">
|
|
|
|
|
<ul class="flat">
|
2024-07-28 11:42:21 +08:00
|
|
|
<li class="active"><a href="/">首页</a></li>
|
|
|
|
|
<li class="active"><a href="/about">关于</a></li>
|
|
|
|
|
<li class="active"><a href="/says">留言</a></li>
|
|
|
|
|
<li class="active"><a href="/archives">归档</a></li>
|
|
|
|
|
<li class="active"><a href="/links">友链</a></li>
|
2024-07-28 08:31:54 +08:00
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="pjax-container">
|
|
|
|
|
<article style="margin-bottom: 3.5em;">
|
|
|
|
|
<h1 class="post-title" itemprop="name headline">完善主题</h1>
|
|
|
|
|
<div class="meta">
|
|
|
|
|
作者: 小赵同学 浏览: 字数: 1571 分类:
|
|
|
|
|
|
|
|
|
|
<a href="%e7%94%9f%e6%b4%bb">生活</a>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="post-content" itemprop="articleBody">
|
|
|
|
|
<p>这段时间闲在家，自己的事情也忙的差不多了，就打算继续完善一下主题</p>
|
|
|
|
|
<p>很多经常来我博客逛的老朋友都知道，我的主题是<a href="https://qingshu.org/">肖同学</a>的Ying主题</p>
|
|
|
|
|
<p>这也是我用的时间最久的主题，主题的底层简约设计我很喜欢</p>
|
|
|
|
|
<p>当然，我也对该主题进行了一些修改，加入了自己一些想法</p>
|
|
|
|
|
<h2 id="全站pjax">全站pjax</h2>
|
|
|
|
|
<p>其实这个很早就想加入，看到张洪大佬的博客丝滑的过渡，全局无刷新很是心动</p>
|
|
|
|
|
<p>但是奈何pjax文档一直没看明白，经常去访问其他博友的博客，全局pjax刷新，体验感真的很好</p>
|
|
|
|
|
<p>上个礼拜六，打开电脑，对着文档又反复地看，心静自然凉，慢慢的看进去了</p>
|
|
|
|
|
<p>别说，还真看明白了，大佬封装好的 pjax.js 直接拿来用</p>
|
|
|
|
|
<p>花了一点时间，算是给小站加入了全站 pjax 刷新</p>
|
|
|
|
|
<p>不得不说很丝滑，打开速度也比之前快很多了</p>
|
|
|
|
|
<p>折腾代码，似乎就像搭积木游戏一样，自己想要的效果达成了，真的很有成就感</p>
|
|
|
|
|
<h2 id="情感树洞">情感树洞</h2>
|
|
|
|
|
<p>其实这个功能一直很想实现，但是一直没有找到合适的方法，参考了泽泽的文章</p>
|
|
|
|
|
<p>他的博客动态说说功能，是通过独立页面，修改评论样式实现的，但是对于经常换主题的我</p>
|
|
|
|
|
<p>每换一个主题都得去考虑主题风格，重新去修改动态的css，很是折腾，也很浪费时间</p>
|
|
|
|
|
<p>想实现这个功能，主要还是自己很想有一个自己的情感树洞</p>
|
|
|
|
|
<p>起初，我尝试过创建一个微信小号，小号不加任何好友，把朋友圈当做自己每天发疯的情感树洞</p>
|
|
|
|
|
<p>可是遭到了微信的背刺，账号没有实名，三天没登录就给封了</p>
|
|
|
|
|
<p>后面，又把目光看向了小红书平台，创建一个账号，作为自己每天的情感树洞账号</p>
|
|
|
|
|
<p>但是事实上并没有我想象中那么好</p>
|
|
|
|
|
<p>这种自媒体平台的戾气很重，有些人就是喜欢闲来无事来你的心情笔记下喷你</p>
|
|
|
|
|
<p>本来就是发疯笔记，搞得自己心情更堵了，后面也是注销了账号，这个功能渐渐搁置了</p>
|
|
|
|
|
<p>当然有朋友会说，你为什么不发朋友圈，建立一个分组，屏蔽掉不想展示的人</p>
|
|
|
|
|
<p>事实上这样只会增加自己的烦恼，每条朋友圈内容，首先还要掂量不需要展示给那些人，也是相当的麻烦</p>
|
|
|
|
|
<p>第二点就是，数据永远在微信平台，或许，未来，腾讯修改机制，账号意外的被封掉，自己的回忆都没了</p>
|
|
|
|
|
<p>我想这也是很多朋友选择搭建自己的个人博客记录的原因吧</p>
|
|
|
|
|
<p>第三点，次元世界的不同，一些年龄大的长辈，亲戚，根本不理解你的说说想表达的含义</p>
|
|
|
|
|
<p>总是拿阅历说事，在评论区指责你，我只是分享今天的emo心情，却遭到指责，这样很让人窒息</p>
|
|
|
|
|
<p>这也是我朋友圈常年不更新的原因，害，或许有很多同龄人跟我有一样的心境</p>
|
|
|
|
|
<p>后面逛到林木木大佬 [https://immmmm.com]</p>
|
|
|
|
|
<p>了解到 Memos 程序 <a href="https://usememos.com">https://usememos.com</a></p>
|
|
|
|
|
<p>通过了解，才发现memos程序，玩法这么多，部署也很简单</p>
|
|
|
|
|
<p>服务器有docker直接一行命令就可以跑起来</p>
|
|
|
|
|
<p>这不就是我一直心心念念的情感树洞的完美平替嘛！哦，不对，就像木木大佬所说的：高替！</p>
|
|
|
|
|
<p>因为有很多大佬折腾过，这边主要重写样式，其他都可以抄作业</p>
|
|
|
|
|
<p>配上pjax刷新，用着很舒适，未来即使是换主题，也可以完美的无缝切换</p>
|
|
|
|
|
<p>就算是换博客平台也可，因为memos动态可以渲染在单页上</p>
|
|
|
|
|
<p>用了一段时间，我感觉这样挺好，每一条只记录有限的一件事，或许是一句话，一张图片搭配简单的描述</p>
|
|
|
|
|
<p>这样写作压力很小，博客的仪式感太强了，每次写博客文章，给我一种很隆重的感觉，我需要准备很多东西</p>
|
|
|
|
|
<p>我很难想到什么写什么，很多文章我都需要准备好很多东西之后才开始写</p>
|
|
|
|
|
<p>因为时间线的原因，有一些当时记忆深刻的东西，时间的冲刷，渐渐的也忘掉了</p>
|
|
|
|
|
<h2 id="围观地址">围观地址</h2>
|
|
|
|
|
<p><a href="https://usj.cc/cross">https://usj.cc/cross</a></p>
|
|
|
|
|
<p><img src="/pics/2023/08/3247934729.png" alt=""></p>
|
|
|
|
|
<h2 id="参考文章">参考文章</h2>
|
|
|
|
|
<p>这里贴出一些参考文章，可避免一些想部署memos的朋友走弯路</p>
|
|
|
|
|
<p>部署memos教程：来自林木木大佬</p>
|
|
|
|
|
<p><a href="https://immmmm.com/hi-memos">https://immmmm.com/hi-memos</a></p>
|
|
|
|
|
<p>Typecho设置memos动态单页：来自拾月大佬</p>
|
|
|
|
|
<p><a href="https://www.skyue.com/23051422.html">https://www.skyue.com/23051422.html</a></p>
|
|
|
|
|
<h2 id="尾声">尾声</h2>
|
|
|
|
|
<p>想当初，看到其他博友的博客一个有新奇的功能，就想方设法的集成到主题里，</p>
|
|
|
|
|
<p>花了一下午，甚至一天的时间，整合进去后，发现根本用不上，然后又是给删掉</p>
|
|
|
|
|
<p>像这样的永无尽止的循环往复，有一说一，确实是浪费时间</p>
|
|
|
|
|
<p>曾经给自己一个借口说是学习，其实根本没学习到精粹，事实上只是把ctrl c ctrl v用的挺熟练</p>
|
|
|
|
|
<p>主题功能基本上都完善了，我的重心也即将向写作方面转移</p>
|
|
|
|
|
<p>毕竟，博客最重要还是记录嘛，折腾的心已经不再澎拜</p>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="post-tags" style="margin-top: -30px;">
|
|
|
|
|
<nav class="nav tags">
|
|
|
|
|
<ul class="flat">
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
</article>
|
|
|
|
|
<hr class="uk-divider-icon">
|
|
|
|
|
<div id="comments" class="comments-area">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
href="https://unpkg.com/@waline/client@v3/dist/waline.css"
|
|
|
|
|
/>
|
|
|
|
|
<div id="waline"></div>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@waline/client"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(document).ready(function () {
|
|
|
|
|
|
|
|
|
|
var currentPath = "\/post\/1219\/";
|
|
|
|
|
console.log(currentPath);
|
|
|
|
|
|
|
|
|
|
fetchCommentsAndCreateBarrager(currentPath, {
|
|
|
|
|
looper_time: 3000,
|
|
|
|
|
defaultAvatar: 'static/default-avatar.png',
|
|
|
|
|
defaultInfo: 'No comment',
|
|
|
|
|
defaultLink: '#',
|
|
|
|
|
close: true,
|
|
|
|
|
speed: 6,
|
|
|
|
|
color: '#fff',
|
|
|
|
|
old_ie_color: '#000000'
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
<nav class="nav" style="clear: both;">
|
|
|
|
|
© 2019 - 2024
|
|
|
|
|
<br>
|
|
|
|
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
|
|
|
|
<br>
|
|
|
|
|
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
|
|
|
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
|
|
|
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
|
|
|
</a>提供CDN加速服务
|
|
|
|
|
<br>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="/js/iconfont.js"></script>
|
|
|
|
|
<script src="/js/lightgallery.umd.min.js"></script>
|
|
|
|
|
<script src="/js/uikit.min.js"></script>
|
|
|
|
|
<script src="/js/EasyLazyload.min.js"></script>
|
|
|
|
|
<script src="/js/view-image.min.js"></script>
|
|
|
|
|
<script src="/js/main.js"></script>
|
|
|
|
|
<script src="/js/mypjax.js"></script>
|
|
|
|
|
<script src="/js/nprogress.js"></script>
|
|
|
|
|
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/echarts/5.3.0-rc.1/echarts.min.js"></script>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/@waline/client"></script>
|
|
|
|
|
<script>
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
|
|
|
if (document.querySelector("#waline")) {
|
|
|
|
|
Waline.init({
|
|
|
|
|
el: '#waline',
|
|
|
|
|
serverURL: 'https://waline.usj.cc',
|
|
|
|
|
lang: "zh-cn",
|
|
|
|
|
imageUploader: false,
|
|
|
|
|
search: false,
|
|
|
|
|
copyright: false,
|
|
|
|
|
reaction: [
|
|
|
|
|
'https://s2.loli.net/2023/09/24/EhqxZ6DFIJojGNa.gif',
|
|
|
|
|
'https://s2.loli.net/2023/09/24/qmf5As3evWNXwGQ.gif',
|
|
|
|
|
'https://s2.loli.net/2023/09/24/ueWLPkmYw75x4cs.gif',
|
|
|
|
|
'https://s2.loli.net/2023/09/24/nsC1OGoBKfa8Hel.gif',
|
|
|
|
|
'https://s2.loli.net/2023/09/24/VKuBXqR91TPHnyc.gif',
|
|
|
|
|
'https://s2.loli.net/2023/09/24/2OmAWPeulq4ta8T.gif'
|
|
|
|
|
],
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
|
|
|
|
|
