代码拉取完成,页面将自动刷新
<?xml version="1.0"?>
<rss version="2.0">
<channel>
<title>余年的个人空间</title>
<subtitle>随心所欲</subtitle>
<icon>https://yunian.top/images/favicon.ico</icon>
<link>https://yunian.top</link>
<author>
<name>余年</name>
</author>
<description>学习笔记和随笔记录</description>
<language>zh-CN</language>
<pubDate>Tue, 07 May 2024 09:46:37 +0800</pubDate>
<lastBuildDate>Tue, 07 May 2024 09:46:37 +0800</lastBuildDate>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Tools/Windows/%E7%B3%BB%E7%BB%9F%E4%BD%BF%E7%94%A8/</guid>
<title>系统使用</title>
<link>https://yunian.top/MyBlog/Tools/Windows/%E7%B3%BB%E7%BB%9F%E4%BD%BF%E7%94%A8/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="软件使用" scheme="https://yunian.top/categories/MyBlog/Tools/" />
<category term="Windows" scheme="https://yunian.top/categories/MyBlog/Tools/Windows/" />
<category term="软件使用" scheme="https://yunian.top/tags/%E8%BD%AF%E4%BB%B6%E4%BD%BF%E7%94%A8/" />
<category term="Windows" scheme="https://yunian.top/tags/Windows/" />
<pubDate>Tue, 07 May 2024 09:46:37 +0800</pubDate>
<description><![CDATA[ <h1 id="系统使用"><a href="#系统使用" class="headerlink" title="系统使用"></a>系统使用</h1><h2 id="彻底删除启动项"><a href="#彻底删除启动项" class="headerlink" title="彻底删除启动项"></a>彻底删除启动项</h2><p>对电脑中开机自启动的程序进行管理,可以减少不必要的资源性能占用。在<code>任务管理器</code>中,选择<code>启动</code>一栏,可以看到自启动程序列表,每个程序的<code>命令行</code>则可以看到其自启动文件的所在目录。</p>
<p>之前清理启动项时,有一个<code>program</code>启动项不确定是什么程序,因此百度了一番,确定了它是<code>微软Teams</code>程序的残留,然后发现了不需要的启动项都可以通过删除文件及其注册表项的方法彻底禁用,这个方法可以将流氓程序彻底卸载而不用担心死灰复燃。</p>
<p>具体操作方法为:根据启动项中程序的<code>命令行</code>信息,首先找到自启动文件的目录,将其全部删除,再通过<code>Windows</code>和<code>R</code>的快捷键打开<code>运行</code>窗口,输入<code>regedit</code>打开<code>注册表编辑器</code>,检查下面启动项相关的三个地方的注册表信息:</p>
<pre><code class="bash">计算机\HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Run
计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run
计算机\HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\Microsoft\Windows\CurrentVersion\Run
</code></pre>
<p>找到<code>自启动程序</code>命令行所对应的注册表信息,右键选择将其删除即可。</p>
<h2 id="窗口移动到屏幕外无法操作"><a href="#窗口移动到屏幕外无法操作" class="headerlink" title="窗口移动到屏幕外无法操作"></a>窗口移动到屏幕外无法操作</h2><p>有些窗口拖动到了屏幕外导致无法用鼠标再操作移动,此时可以通过键盘将窗口移回屏幕内。</p>
<p>首先用<code>alt</code>和<code>tab</code>快捷键切换到需要移动的窗口,再用<code>alt</code>和<code>space空格</code>快捷键激活窗口操作菜单,<code>鼠标左键</code>单击菜单中的<code>移动</code>一项,将窗口拉长一部分到屏幕内,或者按<code>M</code>键再使用方向键上下移动窗口到屏幕内,即可重新操作窗口。</p>
<h2 id="设置U盘图标及文件夹图标"><a href="#设置U盘图标及文件夹图标" class="headerlink" title="设置U盘图标及文件夹图标"></a>设置U盘图标及文件夹图标</h2> ]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Tools/Office/Excel%E8%A1%A8%E6%A0%BC-%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8/</guid>
<title>Excel表格-基础使用</title>
<link>https://yunian.top/MyBlog/Tools/Office/Excel%E8%A1%A8%E6%A0%BC-%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="软件使用" scheme="https://yunian.top/categories/MyBlog/Tools/" />
<category term="办公设计" scheme="https://yunian.top/categories/MyBlog/Tools/Office/" />
<category term="Excel" scheme="https://yunian.top/tags/Excel/" />
<pubDate>Fri, 03 May 2024 22:34:25 +0800</pubDate>
<description><![CDATA[ <h1 id="Excel表格-基础使用"><a href="#Excel表格-基础使用" class="headerlink" title="Excel表格-基础使用"></a>Excel表格-基础使用</h1><h2 id="设置表格外部空白"><a href="#设置表格外部空白" class="headerlink" title="设置表格外部空白"></a>设置表格外部空白</h2><p>有时候出于显示或者打印的要求,会将表格的外部区域设置为空白,即只保留表格的边界和内部框线,而表外不显示任何框线。</p>
<p>实现该效果其实也很简单,只要将表格的框线根据需求设置好,在菜单区找到<code>视图</code>,取消勾选<code>网格线</code>即可。</p>
<h2 id="序号填充"><a href="#序号填充" class="headerlink" title="序号填充"></a>序号填充</h2><p>手动编写的序号在某些行删除或者新增后,无法自动更新序号,此时可以在序号列中使用<code>RAW()</code>函数根据行号设置序号。</p>
<p>单元格中的<code>RAW()</code>函数可以获取单元格所在行的行号,并且可以参与公式运算,所以通常将行号值减去表头所占行数即可得到一个递增的顺序序列,此方法生成的序号会随着单元格所在行号的变化而自动调整。</p>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Resources/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/</guid>
<title>开发工具</title>
<link>https://yunian.top/MyBlog/Resources/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="资源聚合" scheme="https://yunian.top/categories/MyBlog/Resources/" />
<category term="开发工具" scheme="https://yunian.top/tags/%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/" />
<category term="C\C++" scheme="https://yunian.top/tags/C-C/" />
<category term="Python" scheme="https://yunian.top/tags/Python/" />
<category term="Java" scheme="https://yunian.top/tags/Java/" />
<category term="数据库" scheme="https://yunian.top/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" />
<category term="服务器运维" scheme="https://yunian.top/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%BF%90%E7%BB%B4/" />
<category term="git" scheme="https://yunian.top/tags/git/" />
<category term="Unity" scheme="https://yunian.top/tags/Unity/" />
<category term="帆软报表" scheme="https://yunian.top/tags/%E5%B8%86%E8%BD%AF%E6%8A%A5%E8%A1%A8/" />
<pubDate>Mon, 25 Mar 2024 18:24:19 +0800</pubDate>
<description><![CDATA[ <h1 id="C-C-开发"><a href="#C-C-开发" class="headerlink" title="C\C++开发"></a>C\C++开发</h1><div class="links"><div class="item" title="DevCpp" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zb3VyY2Vmb3JnZS5uZXQvcHJvamVjdHMvb3J3ZWxsZGV2Y3BwLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zb3VyY2Vmb3JnZS5uZXQvcHJvamVjdHMvb3J3ZWxsZGV2Y3BwLw==">DevCpp</span>
<p class="desc">C/C++开发</p>
</div></div><div class="item" title="codeblocks" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuY29kZWJsb2Nrcy5vcmcvZG93bmxvYWRzL2JpbmFyaWVzLyNpbWFnZXNvc3dpbmRvd3M0OHBuZ2xvZ28tbWljcm9zb2Z0LXdpbmRvd3M=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuY29kZWJsb2Nrcy5vcmcvZG93bmxvYWRzL2JpbmFyaWVzLyNpbWFnZXNvc3dpbmRvd3M0OHBuZ2xvZ28tbWljcm9zb2Z0LXdpbmRvd3M=">Codeblocks</span>
<p class="desc">C/C++开发</p>
</div></div><div class="item" title="visualstudio" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly92aXN1YWxzdHVkaW8ubWljcm9zb2Z0LmNvbS96aC1oYW5zL2ZyZWUtZGV2ZWxvcGVyLW9mZmVycy8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly92aXN1YWxzdHVkaW8ubWljcm9zb2Z0LmNvbS96aC1oYW5zL2ZyZWUtZGV2ZWxvcGVyLW9mZmVycy8=">VisualStudio</span>
<p class="desc">C/C++开发</p>
</div></div></div>
<h1 id="Python开发"><a href="#Python开发" class="headerlink" title="Python开发"></a>Python开发</h1><div class="links"><div class="item" title="anaconda3" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuYW5hY29uZGEuY29tL2Rvd25sb2Fk" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuYW5hY29uZGEuY29tL2Rvd25sb2Fk">Anaconda3</span>
<p class="desc">Python开发</p>
</div></div><div class="item" title="Pycharm" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuamV0YnJhaW5zLmNvbS9weWNoYXJtL2Rvd25sb2FkLz9zZWN0aW9uPXdpbmRvd3M=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuamV0YnJhaW5zLmNvbS9weWNoYXJtL2Rvd25sb2FkLz9zZWN0aW9uPXdpbmRvd3M=">Pycharm</span>
<p class="desc">Python开发</p>
</div></div></div>
<h1 id="Java开发"><a href="#Java开发" class="headerlink" title="Java开发"></a>Java开发</h1><div class="links"><div class="item" title="eclipse" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuZWNsaXBzZS5vcmcv" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuZWNsaXBzZS5vcmcv">Eclipse</span>
<p class="desc">Java开发</p>
</div></div></div>
<h1 id="数据库管理"><a href="#数据库管理" class="headerlink" title="数据库管理"></a>数据库管理</h1><div class="links"><div class="item" title="Dbeaver" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9kYmVhdmVyLmlvL2Rvd25sb2FkLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9kYmVhdmVyLmlvL2Rvd25sb2FkLw==">Dbeaver数据库管理</span>
<p class="desc">数据库管理</p>
</div></div><div class="item" title="kettle" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zb3VyY2Vmb3JnZS5uZXQvcHJvamVjdHMvcGVudGFoby8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zb3VyY2Vmb3JnZS5uZXQvcHJvamVjdHMvcGVudGFoby8=">Kettle数据抽取同步</span>
<p class="desc">数据同步</p>
</div></div></div>
<h1 id="运维"><a href="#运维" class="headerlink" title="运维"></a>运维</h1><div class="links"><div class="item" title="FinalShell" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaG9zdGJ1Zi5jb20vdC85ODguaHRtbA==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaG9zdGJ1Zi5jb20vdC85ODguaHRtbA==">FinalShell</span>
<p class="desc">服务器运维</p>
</div></div><div class="item" title="Xshell" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly94c2hlbGwuZW4uc29mdG9uaWMuY29tLz8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly94c2hlbGwuZW4uc29mdG9uaWMuY29tLz8=">Xshell</span>
<p class="desc">服务器运维</p>
</div></div></div>
<h1 id="版本管理"><a href="#版本管理" class="headerlink" title="版本管理"></a>版本管理</h1><div class="links"><div class="item" title="git" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9naXQtc2NtLmNvbS9kb3dubG9hZHM=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9naXQtc2NtLmNvbS9kb3dubG9hZHM=">Git</span>
<p class="desc">版本管理</p>
</div></div></div>
<h1 id="Unity开发"><a href="#Unity开发" class="headerlink" title="Unity开发"></a>Unity开发</h1><div class="links"><div class="item" title="opencv" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly91bml0eS5jbi9yZWxlYXNlcz9zaWdudXA9dHJ1ZQ==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly91bml0eS5jbi9yZWxlYXNlcz9zaWdudXA9dHJ1ZQ==">Unity-游戏开发</span>
<p class="desc">游戏开发</p>
</div></div></div>
<h1 id="帆软报表设计"><a href="#帆软报表设计" class="headerlink" title="帆软报表设计"></a>帆软报表设计</h1><div class="links"><div class="item" title="帆软" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuZmFucnVhbi5jb20vZmluZXJlcG9ydC9mcjExP3V0bV9zb3VyY2U9YWQmdXRtX21lZGl1bT1mcjEx" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuZmFucnVhbi5jb20vZmluZXJlcG9ydC9mcjExP3V0bV9zb3VyY2U9YWQmdXRtX21lZGl1bT1mcjEx">帆软报表设计</span>
<p class="desc">报表设计</p>
</div></div></div>
<h1 id="其他"><a href="#其他" class="headerlink" title="其他"></a>其他</h1><div class="links"><div class="item" title="opencv" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9vcGVuY3Yub3JnL3JlbGVhc2VzLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9vcGVuY3Yub3JnL3JlbGVhc2VzLw==">opencv-计算机视觉</span>
<p class="desc">其他工具</p>
</div></div><div class="item" title="清华" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9taXJyb3JzLnR1bmEudHNpbmdodWEuZWR1LmNuLyM=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9taXJyb3JzLnR1bmEudHNpbmdodWEuZWR1LmNuLyM=">清华镜像库</span>
<p class="desc">其他工具</p>
</div></div><div class="item" title="NodeJS" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9ub2RlanMuY24vZG93bmxvYWQv" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9ub2RlanMuY24vZG93bmxvYWQv">NodeJS</span>
<p class="desc">JavaScript</p>
</div></div><div class="item" title="Apipost" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly92Ny5hcGlwb3N0LmNuL2FwaXM/dXRtX3NvdXJjZT0xMDEyMCMvYXBpcy9ydW4=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly92Ny5hcGlwb3N0LmNuL2FwaXM/dXRtX3NvdXJjZT0xMDEyMCMvYXBpcy9ydW4=">Apipost-在线端口测试</span>
<p class="desc">其他工具</p>
</div></div><div class="item" title="百度" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9haW0uYmFpZHUuY29tL3Byb2R1Y3Qvc2VhcmNoP3Byb2R1Y3RDYXRlZ29yeT02MDEwMCZwcm9kdWN0SW5kdXN0cnk9MzAwMTM=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9haW0uYmFpZHUuY29tL3Byb2R1Y3Qvc2VhcmNoP3Byb2R1Y3RDYXRlZ29yeT02MDEwMCZwcm9kdWN0SW5kdXN0cnk9MzAwMTM=">百度API市场</span>
<p class="desc">其他工具</p>
</div></div><div class="item" title="开源中国" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly90b29sLm9zY2hpbmEubmV0Lw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly90b29sLm9zY2hpbmEubmV0Lw==">代码工具-开源中国</span>
<p class="desc">其他工具</p>
</div></div><div class="item" title="Alist" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9hbGlzdC5ubi5jaS9ndWlkZS9pbnN0YWxsL2Rlc2t0b3AuaHRtbA==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9hbGlzdC5ubi5jaS9ndWlkZS9pbnN0YWxsL2Rlc2t0b3AuaHRtbA==">Alist</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="Docker" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuZG9ja2VyLmNvbS9wcm9kdWN0cy9kb2NrZXItZGVza3RvcC8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuZG9ja2VyLmNvbS9wcm9kdWN0cy9kb2NrZXItZGVza3RvcC8=">Docker虚拟容器</span>
<p class="desc">虚拟容器</p>
</div></div></div> ]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Hexo/%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E5%8F%8A%E5%A4%87%E4%BB%BD/</guid>
<title></title>
<link>https://yunian.top/MyBlog/Hexo/%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E5%8F%8A%E5%A4%87%E4%BB%BD/</link>
<pubDate>Thu, 11 Jan 2024 14:01:40 +0800</pubDate>
<description><![CDATA[ ]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Note/C++/C++%E7%AC%94%E8%AE%B0-%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/</guid>
<title>C++笔记-环境搭建</title>
<link>https://yunian.top/MyBlog/Note/C++/C++%E7%AC%94%E8%AE%B0-%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="技术笔记" scheme="https://yunian.top/categories/MyBlog/Note/" />
<category term="C++" scheme="https://yunian.top/categories/MyBlog/Note/C/" />
<category term="C++" scheme="https://yunian.top/tags/C/" />
<category term="环境搭建" scheme="https://yunian.top/tags/%E7%8E%AF%E5%A2%83%E6%90%AD%E5%BB%BA/" />
<category term="Codeblocks" scheme="https://yunian.top/tags/Codeblocks/" />
<category term="Mingw" scheme="https://yunian.top/tags/Mingw/" />
<category term="VScode" scheme="https://yunian.top/tags/VScode/" />
<pubDate>Sun, 07 Jan 2024 11:38:47 +0800</pubDate>
<description><![CDATA[ <h1 id="C-笔记-环境搭建"><a href="#C-笔记-环境搭建" class="headerlink" title="C++笔记-环境搭建"></a>C++笔记-环境搭建</h1> ]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Note/FineReport/FineReport-%E5%B8%B8%E7%94%A8%E6%A0%B7%E5%BC%8F/</guid>
<title>FineReport-常用样式</title>
<link>https://yunian.top/MyBlog/Note/FineReport/FineReport-%E5%B8%B8%E7%94%A8%E6%A0%B7%E5%BC%8F/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="技术笔记" scheme="https://yunian.top/categories/MyBlog/Note/" />
<category term="FineReport" scheme="https://yunian.top/categories/MyBlog/Note/FineReport/" />
<pubDate>Fri, 29 Dec 2023 22:48:24 +0800</pubDate>
<description><![CDATA[ <h1 id="FineReport-常用样式"><a href="#FineReport-常用样式" class="headerlink" title="FineReport-常用样式"></a>FineReport-常用样式</h1><h2 id="控件显示值拼接数据集多个字段"><a href="#控件显示值拼接数据集多个字段" class="headerlink" title="控件显示值拼接数据集多个字段"></a>控件显示值拼接数据集多个字段</h2><p>在帆软报表中,控件的显示值往往需要拼接数据库中某业务值的代码及其中文描述等,因此可以使用<code>VALUE</code>函数,将数据集中的代码和中文描述两个字段拼接作为控件的显示值,显示值设置公式如下:</p>
<pre><code class="raw">VALUE(&quot;costTitle&quot;, 2, 1, $$$) + &quot;-&quot; + $$$
</code></pre>
<h2 id="日期处理"><a href="#日期处理" class="headerlink" title="日期处理"></a>日期处理</h2><pre><code class="raw">## 上月
date(year(today()),MONTH(today())-1,day(today()))
</code></pre>
<h2 id="前置条件切换日期控件显示级别"><a href="#前置条件切换日期控件显示级别" class="headerlink" title="前置条件切换日期控件显示级别"></a>前置条件切换日期控件显示级别</h2><p>业务需求是根据某个条件控件来控制日期控件格式为<code>年月日</code>或者<code>年月</code>等不同的级别,从而实现在同一张报表上根据选择的条件来展示不同维度下的数据,而不用切换sheet页或者报表,减少用户对于其他报表参数的操作,提升用户体验。</p>
<p>以下业务场景是在成本报表中,根据两种时间维度的数据类型来控制日期控件格式,其中<code>AC</code>和<code>AX</code>类型为月成本数据,则日期控件格式为<code>年月</code>,而<code>AD</code>和<code>AE</code>类型则为日成本数据,日期控件格式为<code>年月日</code>,并调整报表中相关单元格获取对应日期控件的值。</p>
<pre><code class="raw">// 在前置条件的控件中添加JS事件
var form = this.options.form;
var p1Widget = form.getWidgetByName(&quot;会计区间月&quot;);
var p2Widget = form.getWidgetByName(&quot;Label会计区间月&quot;);
var p3Widget = form.getWidgetByName(&quot;会计区间日&quot;);
var p4Widget = form.getWidgetByName(&quot;Label会计区间日&quot;);
var value = this.getValue();
if (value == &quot;AC&quot; || value == &quot;AX&quot;) &#123;
p1Widget.setVisible(true);
p2Widget.setVisible(true);
p3Widget.setVisible(false);
p4Widget.setVisible(false);
&#125; else if (value == &quot;AD&quot; || value == &quot;AE&quot; ) &#123;
p1Widget.setVisible(false);
p2Widget.setVisible(false);
p3Widget.setVisible(true);
p4Widget.setVisible(true);
&#125; else &#123;
p1Widget.setVisible(false);
p2Widget.setVisible(false);
p3Widget.setVisible(false);
p4Widget.setVisible(false);
&#125;
</code></pre>
<p>报表单元格中的日期表头显示调整:</p>
<pre><code class="raw">//报表表头中的日期显示
&#39;公司产品成本表(&#39; + IF(OR($数据类型 == &quot;AC&quot;,数据类型 == &quot;AX&quot;), $会计区间月, IF(OR($数据类型 == &quot;AD&quot;,数据类型 == &quot;AE&quot;), $会计区间日,&quot;&quot;)) + &#39;)&#39;
//日期表头
IF(OR($数据类型 == &quot;AC&quot;,数据类型 == &quot;AX&quot;), &quot;本月&quot;, IF(OR($数据类型 == &quot;AD&quot;,数据类型 == &quot;AE&quot;), &quot;本日&quot;,&quot;&quot;))
//日期字段值
$&#123;if(OR(数据类型==&quot;AC&quot;,数据类型==&quot;AX&quot;),&quot;AND ACCOUNT_PERIOD = &#39;&quot; + 会计区间月 + &quot;&#39;&quot;,&quot;&quot;)&#125;
$&#123;if(OR(数据类型==&quot;AD&quot;,数据类型==&quot;AE&quot;),&quot;AND ACCOUNT_PERIOD = &#39;&quot; + 会计区间日 + &quot;&#39;&quot;,&quot;&quot;)&#125;
</code></pre>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Tools/%E6%B5%8F%E8%A7%88%E5%99%A8/</guid>
<title>浏览器</title>
<link>https://yunian.top/MyBlog/Tools/%E6%B5%8F%E8%A7%88%E5%99%A8/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="软件使用" scheme="https://yunian.top/categories/MyBlog/Tools/" />
<pubDate>Wed, 27 Dec 2023 16:09:53 +0800</pubDate>
<description><![CDATA[ <h3 id="打开Edge浏览器,点击浏览器首页右上角的三个点"><a href="#打开Edge浏览器,点击浏览器首页右上角的三个点" class="headerlink" title="打开Edge浏览器,点击浏览器首页右上角的三个点"></a>打开Edge浏览器,点击浏览器首页右上角的三个点</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227160804249.png" alt="image-20231227160804249"></p>
<p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227160859325.png" alt="image-20231227160859325"></p>
<h3 id="选择扩展"><a href="#选择扩展" class="headerlink" title="选择扩展"></a>选择扩展</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154351897.png" alt="image-20231227154351897"></p>
<h3 id="打开Microsoft-Edge扩展网站"><a href="#打开Microsoft-Edge扩展网站" class="headerlink" title="打开Microsoft Edge扩展网站"></a>打开Microsoft Edge扩展网站</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154444670.png" alt="image-20231227154444670"></p>
<h3 id="在扩展商店的左上角搜索栏中输入“篡改猴”后按一下回车,最热门中有“篡改猴“的话直接点击"><a href="#在扩展商店的左上角搜索栏中输入“篡改猴”后按一下回车,最热门中有“篡改猴“的话直接点击" class="headerlink" title="在扩展商店的左上角搜索栏中输入“篡改猴”后按一下回车,最热门中有“篡改猴“的话直接点击"></a>在扩展商店的左上角搜索栏中输入“篡改猴”后按一下回车,最热门中有“篡改猴“的话直接点击</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154516977.png" alt="image-20231227154516977"></p>
<h3 id="在搜索结果中点击获取"><a href="#在搜索结果中点击获取" class="headerlink" title="在搜索结果中点击获取"></a>在搜索结果中点击获取</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154601437.png" alt="image-20231227154601437"></p>
<h3 id="弹窗中选择添加添加扩展"><a href="#弹窗中选择添加添加扩展" class="headerlink" title="弹窗中选择添加添加扩展"></a>弹窗中选择添加添加扩展</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154624276.png" alt="image-20231227154624276"></p>
<h3 id="安装完插件后会打开插件官网,在官网页面中点击“用户脚本”"><a href="#安装完插件后会打开插件官网,在官网页面中点击“用户脚本”" class="headerlink" title="安装完插件后会打开插件官网,在官网页面中点击“用户脚本”"></a>安装完插件后会打开插件官网,在官网页面中点击“用户脚本”</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154802606.png" alt="image-20231227154802606"></p>
<h3 id="使用鼠标滚轮往下滑动,点击“GreasyFork”链接"><a href="#使用鼠标滚轮往下滑动,点击“GreasyFork”链接" class="headerlink" title="使用鼠标滚轮往下滑动,点击“GreasyFork”链接"></a>使用鼠标滚轮往下滑动,点击“GreasyFork”链接</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154821999.png" alt="image-20231227154821999"></p>
<h3 id="在搜索栏中输入“懒人”,按下回车"><a href="#在搜索栏中输入“懒人”,按下回车" class="headerlink" title="在搜索栏中输入“懒人”,按下回车"></a>在搜索栏中输入“懒人”,按下回车</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154905971.png" alt="image-20231227154905971"></p>
<h3 id="点击搜索结果中的第一个链接即可"><a href="#点击搜索结果中的第一个链接即可" class="headerlink" title="点击搜索结果中的第一个链接即可"></a>点击搜索结果中的第一个链接即可</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154933727.png" alt="image-20231227154933727"></p>
<h3 id="安装此脚本"><a href="#安装此脚本" class="headerlink" title="安装此脚本"></a>安装此脚本</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227154951532.png" alt="image-20231227154951532"></p>
<h3 id="点击安装"><a href="#点击安装" class="headerlink" title="点击安装"></a>点击安装</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227155021160.png" alt="image-20231227155021160"></p>
<h3 id="打开视频网站,如爱奇艺,打开需要观看的视频,鼠标移动到视频右侧的红色”VIP”按钮上,随便点击一个解析路线,如果视频未加载成功,切换解析路线即可"><a href="#打开视频网站,如爱奇艺,打开需要观看的视频,鼠标移动到视频右侧的红色”VIP”按钮上,随便点击一个解析路线,如果视频未加载成功,切换解析路线即可" class="headerlink" title="打开视频网站,如爱奇艺,打开需要观看的视频,鼠标移动到视频右侧的红色”VIP”按钮上,随便点击一个解析路线,如果视频未加载成功,切换解析路线即可"></a>打开视频网站,如爱奇艺,打开需要观看的视频,鼠标移动到视频右侧的红色”VIP”按钮上,随便点击一个解析路线,如果视频未加载成功,切换解析路线即可</h3><p><img data-src="C:\Users\余年\AppData\Roaming\Typora\typora-user-images\image-20231227160345261.png" alt="image-20231227160345261"></p>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Resources/%E5%8D%9A%E5%AE%A2%E7%9B%B8%E5%85%B3/</guid>
<title>博客相关</title>
<link>https://yunian.top/MyBlog/Resources/%E5%8D%9A%E5%AE%A2%E7%9B%B8%E5%85%B3/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="资源聚合" scheme="https://yunian.top/categories/MyBlog/Resources/" />
<category term="Hexo官方" scheme="https://yunian.top/tags/Hexo%E5%AE%98%E6%96%B9/" />
<category term="Hexo插件" scheme="https://yunian.top/tags/Hexo%E6%8F%92%E4%BB%B6/" />
<category term="图床" scheme="https://yunian.top/tags/%E5%9B%BE%E5%BA%8A/" />
<pubDate>Fri, 22 Dec 2023 12:22:25 +0800</pubDate>
<description><![CDATA[ <h1 id="Hexo官方"><a href="#Hexo官方" class="headerlink" title="Hexo官方"></a>Hexo官方</h1><div class="links"><div class="item" title="Hexo" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9oZXhvLmlvL3poLWNuL2RvY3MvY29uZmlndXJhdGlvbg==" data-background-image="https://s2.loli.net/2024/03/29/GpXUMfi6Q9wh3eY.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9oZXhvLmlvL3poLWNuL2RvY3MvY29uZmlndXJhdGlvbg==">Hexo官方文档</span>
<p class="desc">说明文档</p>
</div></div><div class="item" title="Hexo" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9oZXhvLmlvL3RoZW1lcy8=" data-background-image="https://s2.loli.net/2024/03/29/GpXUMfi6Q9wh3eY.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9oZXhvLmlvL3RoZW1lcy8=">Hexo主题仓库</span>
<p class="desc">主题仓库</p>
</div></div></div>
<h1 id="Hexo插件"><a href="#Hexo插件" class="headerlink" title="Hexo插件"></a>Hexo插件</h1><div class="links"><div class="item" title="prismjs" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9wcmlzbWpzLmNvbS8jc3VwcG9ydGVkLWxhbmd1YWdlcw==" data-background-image="https://s2.loli.net/2024/03/29/kRwY7MyHbg9sSAI.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9wcmlzbWpzLmNvbS8jc3VwcG9ydGVkLWxhbmd1YWdlcw==">Prismjs-代码高亮</span>
<p class="desc">Hexo插件</p>
</div></div><div class="item" title="algolia" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuYWxnb2xpYS5jb20v" data-background-image="https://s2.loli.net/2024/05/15/9UxK2qWgBEdFhGS.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuYWxnb2xpYS5jb20v">Algolia-站内搜索</span>
<p class="desc">Hexo插件</p>
</div></div></div>
<h1 id="图床"><a href="#图床" class="headerlink" title="图床"></a>图床</h1><div class="links"><div class="item" title="Timeless" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9pbWcudGltZWxlc3NxLmNvbS9tZS8/bGlzdD1pbWFnZXMmc29ydD10aXRsZV9hc2MmcGFnZT0x" data-background-image="https://s2.loli.net/2024/03/29/xpAko59MlPqWzVg.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9pbWcudGltZWxlc3NxLmNvbS9tZS8/bGlzdD1pbWFnZXMmc29ydD10aXRsZV9hc2MmcGFnZT0x">Timeless漫图</span>
<p class="desc">图片资源</p>
</div></div><div class="item" title="Lsky Pro" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9kb2NzLmxza3kucHJvLw==" data-background-image="https://s2.loli.net/2024/03/29/k4ZuEgjHDbcOyiL.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9kb2NzLmxza3kucHJvLw==">Lsky Pro图床</span>
<p class="desc">图床</p>
</div></div><div class="item" title="SM.MS" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zbW1zLmFwcC8=" data-background-image="https://s2.loli.net/2024/03/29/eWQRhiGDVg8Fopf.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zbW1zLmFwcC8=">SM.MS图床</span>
<p class="desc">图床</p>
</div></div></div> ]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Resources/%E5%AD%A6%E4%B9%A0%E6%95%99%E8%82%B2/</guid>
<title>学习教育</title>
<link>https://yunian.top/MyBlog/Resources/%E5%AD%A6%E4%B9%A0%E6%95%99%E8%82%B2/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="资源聚合" scheme="https://yunian.top/categories/MyBlog/Resources/" />
<category term="公开课" scheme="https://yunian.top/tags/%E5%85%AC%E5%BC%80%E8%AF%BE/" />
<category term="图书" scheme="https://yunian.top/tags/%E5%9B%BE%E4%B9%A6/" />
<category term="论文" scheme="https://yunian.top/tags/%E8%AE%BA%E6%96%87/" />
<pubDate>Fri, 22 Dec 2023 12:19:24 +0800</pubDate>
<description><![CDATA[ <h1 id="公开课堂"><a href="#公开课堂" class="headerlink" title="公开课堂"></a>公开课堂</h1><div class="links"><div class="item" title="公开课" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaWNvdXJzZTE2My5vcmc=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaWNvdXJzZTE2My5vcmc=">中国大学慕课网</span>
<p class="desc">公开课</p>
</div></div><div class="item" title="公开课" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaWNvdXJzZXMuY24vaG9tZS8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaWNvdXJzZXMuY24vaG9tZS8=">爱课程-大学公开课</span>
<p class="desc">公开课</p>
</div></div><div class="item" title="公开课" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zdHVkeS4xNjMuY29tLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zdHVkeS4xNjMuY29tLw==">网易云课堂</span>
<p class="desc">公开课</p>
</div></div><div class="item" title="公开课" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9vcGVuLjE2My5jb20v" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9vcGVuLjE2My5jb20v">网易公开课</span>
<p class="desc">公开课</p>
</div></div><div class="item" title="公开课" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9rZS5xcS5jb20v" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9rZS5xcS5jb20v">腾讯课堂</span>
<p class="desc">公开课</p>
</div></div><div class="item" title="公开课" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuNTF2b2EuY29tLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuNTF2b2EuY29tLw==">美国之音英语听力练习</span>
<p class="desc">英语听力练习</p>
</div></div><div class="item" title="公开课" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cucGlnYWkub3JnL2luZGV4LnBocA==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cucGlnYWkub3JnL2luZGV4LnBocA==">批改网英语写作</span>
<p class="desc">英语写作</p>
</div></div></div>
<h1 id="期刊图书"><a href="#期刊图书" class="headerlink" title="期刊图书"></a>期刊图书</h1><div class="links"><div class="item" title="图书资料" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cubmxjLmNuL3dlYi9zZWxlY3QuaHRtbA==" data-background-image="https://s2.loli.net/2023/12/20/2JXMTViO4lEGSAf.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cubmxjLmNuL3dlYi9zZWxlY3QuaHRtbA==">中国国家数字图书馆</span>
<p class="desc">图书资料</p>
</div></div><div class="item" title="图书资料" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9pZWVleHBsb3JlLmllZWUub3JnL1hwbG9yZS9ob21lLmpzcA==" data-background-image="https://s2.loli.net/2023/12/20/ZaJ5edCDHOrMc6w.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9pZWVleHBsb3JlLmllZWUub3JnL1hwbG9yZS9ob21lLmpzcA==">IEEE科技标准</span>
<p class="desc">图书资料</p>
</div></div><div class="item" title="图书资料" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuY25raS5uZXQv" data-background-image="https://s2.loli.net/2023/12/20/nlbfJNigsphIzx2.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuY25raS5uZXQv">中国知网</span>
<p class="desc">图书资料</p>
</div></div><div class="item" title="图书资料" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9kYmxwLnVuaS10cmllci5kZS9kYi9qb3VybmFscy9haS9pbmRleC5odG1s" data-background-image="https://s2.loli.net/2023/12/20/KaGyEpoYU5NWDjx.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9kYmxwLnVuaS10cmllci5kZS9kYi9qb3VybmFscy9haS9pbmRleC5odG1s">DBLP计算机科学期刊论文</span>
<p class="desc">图书资料</p>
</div></div><div class="item" title="PaperYY" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cucGFwZXJ5eS5jb20v" data-background-image="https://s2.loli.net/2023/12/20/8LwJqRavdWfpGK5.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cucGFwZXJ5eS5jb20v">PaperYY论文查重</span>
<p class="desc">图书资料</p>
</div></div><div class="item" title="知云" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuemhpeXVud2VueGlhbi5jbi8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuemhpeXVud2VueGlhbi5jbi8=">知云文献翻译</span>
<p class="desc">文献翻译</p>
</div></div></div>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Resources/%E8%BD%AF%E4%BB%B6%E8%B5%84%E6%BA%90/</guid>
<title>资源导航</title>
<link>https://yunian.top/MyBlog/Resources/%E8%BD%AF%E4%BB%B6%E8%B5%84%E6%BA%90/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="资源聚合" scheme="https://yunian.top/categories/MyBlog/Resources/" />
<category term="资源" scheme="https://yunian.top/tags/%E8%B5%84%E6%BA%90/" />
<category term="系统工具" scheme="https://yunian.top/tags/%E7%B3%BB%E7%BB%9F%E5%B7%A5%E5%85%B7/" />
<category term="在线工具" scheme="https://yunian.top/tags/%E5%9C%A8%E7%BA%BF%E5%B7%A5%E5%85%B7/" />
<category term="影视" scheme="https://yunian.top/tags/%E5%BD%B1%E8%A7%86/" />
<category term="音乐" scheme="https://yunian.top/tags/%E9%9F%B3%E4%B9%90/" />
<pubDate>Fri, 22 Dec 2023 12:17:16 +0800</pubDate>
<description><![CDATA[ <h1 id="系统工具"><a href="#系统工具" class="headerlink" title="系统工具"></a>系统工具</h1><div class="links"><div class="item" title="Windows10操作系统" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cubWljcm9zb2Z0LmNvbS96aC1jbi9zb2Z0d2FyZS1kb3dubG9hZC93aW5kb3dzMTA=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cubWljcm9zb2Z0LmNvbS96aC1jbi9zb2Z0d2FyZS1kb3dubG9hZC93aW5kb3dzMTA=">Windows10操作系统</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="Chrome浏览器" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuZ29vZ2xlLmNuL2ludGwvemgtQ04vY2hyb21lLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuZ29vZ2xlLmNuL2ludGwvemgtQ04vY2hyb21lLw==">Chrome浏览器</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="7zip" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuNy16aXAub3JnLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuNy16aXAub3JnLw==">7zip文件压缩</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="油猴" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9ncmVhc3lmb3JrLm9yZy96aC1DTi9zY3JpcHRz" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9ncmVhc3lmb3JrLm9yZy96aC1DTi9zY3JpcHRz">油猴脚本仓库</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="Typora" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly90eXBvcmFpby5jbi8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly90eXBvcmFpby5jbi8=">Typora文本编辑</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="向日葵" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zdW5sb2dpbi5vcmF5LmNvbS9kb3dubG9hZD9jYXRlZz1wZXJzb25hbA==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zdW5sb2dpbi5vcmF5LmNvbS9kb3dubG9hZD9jYXRlZz1wZXJzb25hbA==">向日葵远程控制</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="远程开机卡" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaXR6bi5jbi9kb3duL3BhZ2UucGhw" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaXR6bi5jbi9kb3duL3BhZ2UucGhw">远程开机卡</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="Everything" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cudm9pZHRvb2xzLmNvbS96aC1jbi9kb3dubG9hZHMv" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cudm9pZHRvb2xzLmNvbS96aC1jbi9kb3dubG9hZHMv">Everything文件搜索</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="koodo reader" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9rb29kby45NjA5NjAueHl6L3po" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9rb29kby45NjA5NjAueHl6L3po">koodo reader</span>
<p class="desc">PC文本阅读</p>
</div></div><div class="item" title="Snipaste" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuc25pcGFzdGUuY29tLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuc25pcGFzdGUuY29tLw==">Snipaste截图</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="WinRar压缩" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cud2lucmFyLmNvbS5jbi8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cud2lucmFyLmNvbS5jbi8=">WinRar压缩</span>
<p class="desc">系统工具</p>
</div></div><div class="item" title="PixPin" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9waXhwaW5hcHAuY29tLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9waXhwaW5hcHAuY29tLw==">PixPin截图</span>
<p class="desc">系统工具</p>
</div></div></div>
<h1 id="在线工具"><a href="#在线工具" class="headerlink" title="在线工具"></a>在线工具</h1><div class="links"><div class="item" title="工具" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9jb252ZXJ0aW8uY28vemgvanBnLWljby8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9jb252ZXJ0aW8uY28vemgvanBnLWljby8=">convertio-图片在线转换器</span>
<p class="desc">工具</p>
</div></div></div>
<h1 id="影视音乐"><a href="#影视音乐" class="headerlink" title="影视音乐"></a>影视音乐</h1><div class="links"><div class="item" title="影视资源" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuYWxpeXVuZHJpdmUuY29tL3MvVUFXOUFOQ282dDUvZm9sZGVyLzY1MzkwMzI1MDJmMTg0ODBhOGIyNDQzMzkyZWFjODYxY2JiNjkwMzM=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuYWxpeXVuZHJpdmUuY29tL3MvVUFXOUFOQ282dDUvZm9sZGVyLzY1MzkwMzI1MDJmMTg0ODBhOGIyNDQzMzkyZWFjODYxY2JiNjkwMzM=">4K电影-阿里云盘</span>
<p class="desc">影视资源</p>
</div></div></div>
<h1 id="其他资源"><a href="#其他资源" class="headerlink" title="其他资源"></a>其他资源</h1><div class="links"><div class="item" title="资讯" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuemZyb250aWVyLmNvbS9hcHAvI25ldw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuemZyb250aWVyLmNvbS9hcHAvI25ldw==">zFrontier装备前线</span>
<p class="desc">桌搭推荐</p>
</div></div><div class="item" title="资讯" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly90b3Bib29rLmNjL292ZXJ2aWV3" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly90b3Bib29rLmNjL292ZXJ2aWV3">topbook视频书</span>
<p class="desc">bilibili视频文字版</p>
</div></div><div class="item" title="网址导航" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG91a3UxMjMuY29tL3hpemk=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zaG91a3UxMjMuY29tL3hpemk=">收库网址导航</span>
<p class="desc">网址导航</p>
</div></div><div class="item" title="趣共享" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaGFyZS5mZWlqaXBhbi5jb20vbi9qYUJCUDA=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zaGFyZS5mZWlqaXBhbi5jb20vbi9qYUJCUDA=">趣共享-工具资源</span>
<p class="desc">工具资源</p>
</div></div><div class="item" title="热盘搜索" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cDovL3d3dy5yZXBhbnNvLmNvbS8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cDovL3d3dy5yZXBhbnNvLmNvbS8=">热盘搜索</span>
<p class="desc">百度云盘搜索</p>
</div></div><div class="item" title="奈斯搜索" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cubmljZXNvLm5ldC8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cubmljZXNvLm5ldC8=">奈斯搜索</span>
<p class="desc">阿里云盘搜索</p>
</div></div><div class="item" title="UP云搜" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cudXB5dW5zby5jb20v" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cudXB5dW5zby5jb20v">UP云搜</span>
<p class="desc">阿里云盘搜索</p>
</div></div><div class="item" title="PanSearch" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cucGFuc2VhcmNoLm1lLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cucGFuc2VhcmNoLm1lLw==">PanSearch网盘资源搜索</span>
<p class="desc">云盘搜索</p>
</div></div><div class="item" title="猫狸盘搜" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuYWxpcGFuc291LmNvbS8=" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuYWxpcGFuc291LmNvbS8=">猫狸盘搜</span>
<p class="desc">云盘搜索</p>
</div></div><div class="item" title="学霸盘搜" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cueHVlYmFwYW4uY29tLw==" data-background-image="https://s2.loli.net/2023/12/16/dzQ23eGm9BCIfjc.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cueHVlYmFwYW4uY29tLw==">学霸盘搜</span>
<p class="desc">云盘搜索</p>
</div></div></div> ]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Resources/%E7%B4%A0%E6%9D%90%E8%B5%84%E6%BA%90/</guid>
<title>素材设计</title>
<link>https://yunian.top/MyBlog/Resources/%E7%B4%A0%E6%9D%90%E8%B5%84%E6%BA%90/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="资源聚合" scheme="https://yunian.top/categories/MyBlog/Resources/" />
<category term="图片" scheme="https://yunian.top/tags/%E5%9B%BE%E7%89%87/" />
<category term="图标" scheme="https://yunian.top/tags/%E5%9B%BE%E6%A0%87/" />
<category term="字体" scheme="https://yunian.top/tags/%E5%AD%97%E4%BD%93/" />
<category term="音效" scheme="https://yunian.top/tags/%E9%9F%B3%E6%95%88/" />
<category term="素材" scheme="https://yunian.top/tags/%E7%B4%A0%E6%9D%90/" />
<category term="视频后期" scheme="https://yunian.top/tags/%E8%A7%86%E9%A2%91%E5%90%8E%E6%9C%9F/" />
<pubDate>Sat, 16 Dec 2023 10:00:07 +0800</pubDate>
<description><![CDATA[ <h1 id="图片素材"><a href="#图片素材" class="headerlink" title="图片素材"></a>图片素材</h1><div class="links"><div class="item" title="4K高清壁纸" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9waWMubmV0Ymlhbi5jb20v" data-background-image="https://s2.loli.net/2023/12/20/PITUx6jZ3uWglKO.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9waWMubmV0Ymlhbi5jb20v">4K高清壁纸</span>
<p class="desc">图片资源</p>
</div></div><div class="item" title="Hippopx免版权图库" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaGlwcG9weC5jb20vemg=" data-background-image="https://s2.loli.net/2023/12/20/sleuhpKRajbqQ1m.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaGlwcG9weC5jb20vemg=">Hippopx免版权图库</span>
<p class="desc">图片资源</p>
</div></div><div class="item" title="摄图网" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly82OTlwaWMuY29tLw==" data-background-image="https://s2.loli.net/2023/12/20/k2AIqQGKlCbf4nj.webp"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly82OTlwaWMuY29tLw==">摄图网</span>
<p class="desc">摄图网</p>
</div></div><div class="item" title="艺术名画库" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9nYWxsZXJpeC5ydS8=" data-background-image="https://s2.loli.net/2023/12/20/tjsbPnd2r8klV4F.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9nYWxsZXJpeC5ydS8=">艺术名画库</span>
<p class="desc">图片资源</p>
</div></div></div>
<h1 id="字体图标"><a href="#字体图标" class="headerlink" title="字体图标"></a>字体图标</h1><div class="links"><div class="item" title="iconfont" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaWNvbmZvbnQuY24v" data-background-image="https://s2.loli.net/2023/12/20/Nys4rncCi92hMDq.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaWNvbmZvbnQuY24v">iconfont阿里矢量图标库</span>
<p class="desc">图标</p>
</div></div><div class="item" title="fontawesome" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9mb250YXdlc29tZS5jb20v" data-background-image="https://s2.loli.net/2023/12/20/aZ9SGTUl316qvXP.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9mb250YXdlc29tZS5jb20v">fontawesome字体图标</span>
<p class="desc">字体,图标</p>
</div></div><div class="item" title="iconfinder" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaWNvbmZpbmRlci5jb20vc2VhcmNoP3E9" data-background-image="https://s2.loli.net/2023/12/20/aZ9SGTUl316qvXP.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaWNvbmZpbmRlci5jb20vc2VhcmNoP3E9">iconfinder图标搜索</span>
<p class="desc">图标</p>
</div></div><div class="item" title="icons8" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9pY29uczguY29tLw==" data-background-image="https://s2.loli.net/2023/12/20/aZ9SGTUl316qvXP.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9pY29uczguY29tLw==">icons8图标搜索</span>
<p class="desc">图标</p>
</div></div><div class="item" title="字由" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cuaGVsbG9mb250LmNuL2hvbWU=" data-background-image="https://s2.loli.net/2023/12/20/xl3vdCwQLIrs4eX.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cuaGVsbG9mb250LmNuL2hvbWU=">字由字体</span>
<p class="desc">字体</p>
</div></div><div class="item" title="黑客" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zb3VyY2Vmb3VuZHJ5Lm9yZy9oYWNrLw==" data-background-image="https://s2.loli.net/2023/12/20/J3PblrkoEFn9KU7.webp"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zb3VyY2Vmb3VuZHJ5Lm9yZy9oYWNrLw==">黑客字体</span>
<p class="desc">字体</p>
</div></div></div>
<h1 id="视频音效"><a href="#视频音效" class="headerlink" title="视频音效"></a>视频音效</h1><div class="links"><div class="item" title="LookAE" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cubG9va2FlLmNvbS8=" data-background-image="https://s2.loli.net/2023/12/20/HAwBvkf1clhW8CR.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cubG9va2FlLmNvbS8=">LookAE影视后期</span>
<p class="desc">影视素材</p>
</div></div><div class="item" title="FCPX资源站" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cubWZjcHguY29tLw==" data-background-image="https://s2.loli.net/2023/12/20/TIxCB764guatpcb.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cubWZjcHguY29tLw==">FCPX资源站</span>
<p class="desc">影视素材</p>
</div></div><div class="item" title="淘声网" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly93d3cudG9zb3VuZC5jb20v" data-background-image="https://s2.loli.net/2023/12/20/vdu1XVNbT2jaHhK.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly93d3cudG9zb3VuZC5jb20v">toSound淘声网</span>
<p class="desc">音效资源</p>
</div></div></div>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Hexo/Shoka%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE/</guid>
<title>Shoka主题配置</title>
<link>https://yunian.top/MyBlog/Hexo/Shoka%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="个人博客" scheme="https://yunian.top/categories/MyBlog/Hexo/" />
<category term="个人博客" scheme="https://yunian.top/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" />
<category term="Hexo" scheme="https://yunian.top/tags/Hexo/" />
<category term="shoka" scheme="https://yunian.top/tags/shoka/" />
<pubDate>Thu, 14 Dec 2023 23:11:23 +0800</pubDate>
<description><![CDATA[ <h1 id="一、Shoka主题简介"><a href="#一、Shoka主题简介" class="headerlink" title="一、Shoka主题简介"></a>一、Shoka主题简介</h1><p><span class="exturl" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWUv">Shoka主题</span>是主题作者参考笔记软件<code>Bear</code>和Hexo博客主题<code>Next</code>设计的一款样式标签丰富、功能齐全的二次元风格主题,支持分类精选、文章配图和多媒体播放等功能,非常适合作为笔记记录和博客分享的展示。</p>
<h1 id="二、下载主题"><a href="#二、下载主题" class="headerlink" title="二、下载主题"></a>二、下载主题</h1><p>在博客根目录下右键打开<code>Git Bash Here</code>,输入以下命令克隆安装主题包:</p>
<pre><code class="bash">git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka
</code></pre>
<p>命令执行成功结束后,<code>博客根目录\themes\</code>目录下有<code>shoka</code>文件夹即安装成功。</p>
<h1 id="三、安装依赖插件"><a href="#三、安装依赖插件" class="headerlink" title="三、安装依赖插件"></a>三、安装依赖插件</h1><p>Hexo博客的许多功能和样式效果通常都是由各种插件提供支持的,通过npm命令安装以下Shoka主题所需功能插件:</p>
<table>
<thead>
<tr>
<th align="center">插件名称</th>
<th align="center">安装命令</th>
<th align="center">功能</th>
<th align="center">影响</th>
</tr>
</thead>
<tbody><tr>
<td align="center">hexo-autoprefixer</td>
<td align="center">npm i hexo-autoprefixer –save</td>
<td align="center">给生成的css添加浏览器前缀</td>
<td align="center">必须安装的插件</td>
</tr>
<tr>
<td align="center">hexo-algoliasearch</td>
<td align="center">npm i hexo-algoliasearch –save</td>
<td align="center">站内搜索</td>
<td align="center">搜索按钮失灵</td>
</tr>
<tr>
<td align="center">hexo-symbols-count-time</td>
<td align="center">npm i hexo-symbols-count-time –save</td>
<td align="center">文章、站点字数及阅读时间统计</td>
<td align="center">无统计数据</td>
</tr>
<tr>
<td align="center">hexo-feed</td>
<td align="center">npm i hexo-feed –save</td>
<td align="center">生成Feed文件</td>
<td align="center">无Feed文件</td>
</tr>
</tbody></table>
<p>另外,Shoka主题采用的markdown渲染引擎基于<code>markdown-it</code>,需要卸载Hexo框架自带的<code>hexo-renderer-marked</code>渲染引擎或者其他引擎。</p>
<p>卸载<code>hexo-renderer-marked</code>默认引擎:</p>
<pre><code class="bash">npm un hexo-renderer-marked --save
</code></pre>
<p>安装<code>hexo-renderer-multi-markdown-it</code>渲染引擎:</p>
<pre><code class="bash">npm i hexo-renderer-multi-markdown-it --save --ignore-scripts
</code></pre>
<p>此处命令在引擎安装时跳过了<code>puppeteer </code>组件的<code>Chromium内核</code>下载,这样做是为了避免国内网络无法下载<code>Chromium内核</code>导致引擎安装失败的情况。但是跳过内核下载将会影响<code>mermaid流程图</code>标签功能的使用,所以网络条件能下载时尽量下载,去除命令末尾的<code>--ignore-scripts</code>命令参数即可。</p>
<h1 id="三、站点配置"><a href="#三、站点配置" class="headerlink" title="三、站点配置"></a>三、站点配置</h1><p>在博客根目录以及主题目录下,均有一个名称为<code>_config.yml</code>的配置文件,根目录下的为<code>全局配置文件</code>,主要用于配置站点基础信息以及控制主题插件效果等。主题目录下的则是<code>主题配置文件</code>,保存的是主题特色样式或功能的配置:</p>
<p><code>全局配置文件</code>路径:<code>博客根目录\_config.yml</code>。</p>
<p><code>主题配置文件</code>路径:<code>博客根目录\themes\shoka\_config.yml</code>。</p>
<p>也可以在博客根目录下创建<code>_config.shoka.yml</code>文件保存自定义的主题配置,方便主题升级时保留自定义配置。</p>
<p>主题和插件安装好后,就可以开始进行站点的配置了。</p>
<h2 id="(一)全局配置文件调整"><a href="#(一)全局配置文件调整" class="headerlink" title="(一)全局配置文件调整"></a>(一)全局配置文件调整</h2><p>以下所有配置均在全局配置文件中调整或添加:</p>
<ol>
<li><p>修改主题。Hexo博客默认主题为<code>landscape</code>,需要修改为<code>shoka</code></p>
<pre><code class="yaml">theme: shoka
</code></pre>
</li>
<li><p>渲染引擎配置。加入<code>markdown</code>配置,使安装的<code>markdown-it</code>渲染引擎生效</p>
<pre><code class="yaml">markdown:
render: # 渲染器设置
html: false # 过滤 HTML 标签
xhtmlOut: true # 使用 &#39;/&#39; 来闭合单标签 (比如 &lt;br /&gt;)。
breaks: true # 转换段落里的 &#39;\n&#39; 到 &lt;br&gt;。
linkify: true # 将类似 URL 的文本自动转换为链接。
typographer:
quotes: &#39;“”‘’&#39;
plugins: # markdown-it插件设置
- plugin:
name: markdown-it-toc-and-anchor
enable: true
options: # 文章目录以及锚点应用的class名称,shoka主题必须设置成这样
tocClassName: &#39;toc&#39;
anchorClassName: &#39;anchor&#39;
- plugin:
name: markdown-it-multimd-table
enable: true
options:
multiline: true
rowspan: true
headerless: true
- plugin:
name: ./markdown-it-furigana
enable: true
options:
fallbackParens: &quot;()&quot;
- plugin:
name: ./markdown-it-spoiler
enable: true
options:
title: &quot;你知道得太多了&quot;
</code></pre>
</li>
<li><p>加入<code>minify</code>配置,用于压缩文件,优化网页渲染速度</p>
<pre><code class="yaml">minify:
html:
enable: true
exclude: # 排除 hexo-feed 用到的模板文件
- &#39;**/json.ejs&#39;
- &#39;**/atom.ejs&#39;
- &#39;**/rss.ejs&#39;
css:
enable: true
exclude:
- &#39;**/*.min.css&#39;
js:
enable: true
mangle:
toplevel: true
output:
compress:
exclude:
- &#39;**/*.min.js&#39;
</code></pre>
</li>
<li><p>停用默认代码高亮功能。Shoka主题自带了Mac样式的代码高亮功能,只有停用默认代码高亮功能才能正常显示。</p>
<p>修改<code>highlight</code>和<code>prismjs</code>配置,将<code>enable</code>项的配置值均改为<code>false</code>即可</p>
<pre><code class="yaml">highlight:
enable: false
prismjs:
enable: false
</code></pre>
</li>
<li><p>加入<code>autoprefixer</code>配置</p>
<pre><code class="yaml">autoprefixer:
exclude:
- &#39;*.min.css&#39;
</code></pre>
<p>缺少这个插件配置会影响首页的卡片翻转效果在部分浏览器的显示。</p>
</li>
<li><p>加入<code>algolia</code>配置,配置搜索功能</p>
<pre><code class="yaml"># algolia:
# appId:
# apiKey:
# adminApiKey:
# chunkSize: 5000
# indexName:
# fields:
# - title #必须配置
# - path #必须配置
# - categories #推荐配置
# - content:strip:truncate,0,4000
# - gallery
# - photos
# - tags
</code></pre>
<p>此处主题默认配置注释掉了,可能需要自行注册<code>algolia</code>账号进行相关配置后再启用。</p>
</li>
<li><p>加入<code>feed</code>配置,用于生成feed文件</p>
<pre><code class="yaml">feed:
limit: 20
order_by: &quot;-date&quot;
tag_dir: false
category_dir: false
rss:
enable: true
template: &quot;themes/shoka/layout/_alternate/rss.ejs&quot;
output: &quot;rss.xml&quot;
atom:
enable: true
template: &quot;themes/shoka/layout/_alternate/atom.ejs&quot;
output: &quot;atom.xml&quot;
jsonFeed:
enable: true
template: &quot;themes/shoka/layout/_alternate/json.ejs&quot;
output: &quot;feed.json&quot;
</code></pre>
</li>
</ol>
<h2 id="(二)主题配置文件调整"><a href="#(二)主题配置文件调整" class="headerlink" title="(二)主题配置文件调整"></a>(二)主题配置文件调整</h2><p>下列配置均在主题配置文件中调整或添加:</p>
<ol>
<li><p>配置站点别称。<code>alternate</code>配置的名称将代替Logo,显示在页面顶部和底部版权标识©处。</p>
<pre><code class="yaml">alternate: YU NIAN
</code></pre>
</li>
<li><p>渲染资源的静态目录配置如下:</p>
<pre><code class="yaml">statics: / #//cdn.jsdelivr.net/gh/username/RepositoryName@latest/
css: css
js: js
images: images
</code></pre>
<p><code>statics</code>项值为<code>/</code>表示使用站点本地的静态资源,也可以使用<code>jsDelivr</code>加速线上文件,配置格式为<code>//cdn.jsdelivr.net/gh/github用户名/仓库名称@latest/</code>。其他项是对应格式的静态资源的加载路径,一般不修改。</p>
</li>
<li><p>Shoka主题可以在加载和切换页面时添加过渡动画,按需求开启页面首进或页面切换的动画效果。</p>
<pre><code class="yaml">loader:
start: true # When entering the page
switch: false # When switching to another page
</code></pre>
</li>
<li><p>自动定位指再次打开页面时,页面滚轮自动定位到上次浏览的位置。Shoka主题默认开启自动定位功能,配置设为<code>false</code>时将停用该功能。</p>
<pre><code class="yaml">auto_scroll: true
</code></pre>
</li>
<li><p>Shoka主题鼠标单击页面时会有烟花效果,启用时配置如下,可以自行调整。</p>
<pre><code class="yaml">fireworks:
enable: true # 是否启用
color: # 烟花颜色
- &quot;rgba(255,182,185,.9)&quot;
- &quot;rgba(250,227,217,.9)&quot;
- &quot;rgba(187,222,214,.9)&quot;
- &quot;rgba(138,198,209,.9)&quot;
</code></pre>
</li>
<li><p>Shoka主题为了友好显示日文等字体,使用了谷歌字体。</p>
<pre><code class="yaml">font:
enable: true
# Font options:
# `external: true` will load this font family from `host` above.
# `family: Times New Roman`. Without any quotes.
# `size: x.x`. Use `em` as unit. Default: 1 (16px)
# Global font settings used for all elements inside &lt;body&gt;.
global:
external: true
family: Mulish
size:
# Font settings for alternate title.
logo:
external: true
family: Fredericka the Great
size: 3.5
# Font settings for site title.
title:
external: true
family: Noto Serif JP
size: 2.5
# Font settings for headlines (&lt;h1&gt; to &lt;h6&gt;).
headings:
external: true
family: Noto Serif SC
size:
# Font settings for posts.
posts:
external: true
family:
# Font settings for &lt;code&gt; and code blocks.
codes:
external: true
family: Inconsolata
</code></pre>
</li>
<li><p>iconfont图标</p>
<p>Shoka主题对Font Awesome图标进行了精简和修改,Shoka图标清单保存在<code>博客根目录/themes/shoka/source/css/_iconfont.styl</code>文件中。</p>
<pre><code class="yaml"># project of https://www.iconfont.cn/
# //at.alicdn.com/t/font_1832207_c8i9n1ulxlt.css =&gt; 1832207_c8i9n1ulxlt
iconfont: &quot;1832207_c8i9n1ulxlt&quot;
</code></pre>
<p>如果需要添加或修改图标样式,需要与Shoka主题拥有者联系,具体见<span class="exturl" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWUvY29tcHV0ZXItc2NpZW5jZS9ub3RlL3RoZW1lLXNob2thLWRvYy9jb25maWcv">Shoka主题基础配置</span>中的<code>iconfont配置</code>部分。</p>
</li>
<li><p>菜单与社交按钮配置,用于调整页面顶部的菜单导航以及简介页面上展示的个人其他平台的链接跳转和图标样式。</p>
<pre><code class="yaml">menu:
home: / || home
about: /about/ || user
posts:
default: / || feather
archives: /archives/ || list-alt
categories: /categories/ || th
tags: /tags/ || tags
friends: /friends/ || heart
links: /links/ || magic
social:
github: https://github.com/yourname || github || &quot;#191717&quot;
#google: https://plus.google.com/yourname || google
#twitter: https://twitter.com/yourname || twitter || &quot;#00aff0&quot;
#zhihu: https://www.zhihu.com/people/yourname || zhihu || &quot;#1e88e5&quot;
#music: https://music.163.com/#/user/home?id=yourid || cloud-music || &quot;#e60026&quot;
#weibo: https://weibo.com/yourname || weibo || &quot;#ea716e&quot;
#about: https://about.me/yourname || address-card || &quot;#3b5998&quot;
#email: mailto:yourname@mail.com || envelope || &quot;#55acd5&quot;
#facebook: https://www.facebook.com/yourname || facebook
#stackoverflow: https://stackoverflow.com/yourname || stack-overflow
#youtube: https://youtube.com/yourname || youtube
#instagram: https://instagram.com/yourname || instagram
#skype: skype:yourname?call|chat || skype
#douban: https://www.douban.com/people/yourname/ || douban
</code></pre>
<p>各项的配置值格式为<code>链接或路径 || 图标名称 || 颜色值</code>。其中:</p>
<ul>
<li><code>||</code>作为分隔符,前后均有一个空格</li>
<li>图标配置时只需要主体名称,不用添加前缀,如图标配置为<code>github</code>,解析时则会自动转换格式为<code>ic i-github</code></li>
<li>十六进制的颜色码需要使用英文双引号<code>&quot;&quot;</code>包括起来</li>
</ul>
</li>
</ol>
<p>另外,菜单<code>menu</code>各项支持设置一级子目录,但子目录的第一项必须为<code>default</code>,用于指定父级按钮的样式。每个按钮显示的文字可以在语言包中调整,参考<a href>菜单文字显示</a>。</p>
<ol start="9">
<li><p>侧边栏用于展示个人头像、简介以及平台链接等信息,配置<code>sidebar</code>区域:</p>
<pre><code class="yaml">sidebar:
# Sidebar Position.
position: left
#position: right
# Replace the default avatar image and set the url here.
avatar: avatar.jpg
</code></pre>
<p><code>position</code>项配置侧边栏展示在左侧或者右侧;<code>avatar</code>项是设置个人头像,头像图片需要放在<code>博客根目录/source/_data/images/</code>目录下,也可以配置在线图片。</p>
</li>
<li><p>Shoka主题在页面底部可以配置展示<code>随机文章</code>和<code>最近评论</code>两个区域部件。</p>
<pre><code class="yaml">widgets:
random_posts: true # 显示随机文章
recent_comments: true # 显示最近评论
</code></pre>
</li>
<li><p>字数和阅读时间统计配置。统计数据需要安装<code>hexo-symbols-count-time</code>插件支持。在<code>全局配置文件</code>中保持默认插件配置,在主题配置文件<code>中,修改</code>footer<code>和</code>post&#96;配置:</p>
<pre><code class="yaml"># 页尾全站统计
footer:
since: 2023
count: true
# 文章界面统计
post:
count: true
</code></pre>
</li>
<li><p>Hexo内置MiniValine文章评论系统。使用前需要在<span class="exturl" data-url="aHR0cHM6Ly9jb25zb2xlLmxlYW5jbG91ZC5jbi9sb2dpbj9mcm9tPS9hcHBz">Valine官网</span>注册获取自己的<code>appId</code>和<code>appKey</code>,参考<span class="exturl" data-url="aHR0cHM6Ly92YWxpbmUuanMub3JnL3F1aWNrc3RhcnQuaHRtbA==">Valine官网教程</span>。</p>
<p>除了配置appId和appKey之外,可以根据需要配置评论者名称后的tag标签属性<code>tagMeta</code>、<code>tagColor</code>和<code>tagMember</code>等,默认访客角色为<code>visitor</code>。</p>
<p>访客角色<code>visitor</code>的键名不能修改,但是<code>visitor</code>的键值或其他key键的名称与值均可以替换,角色key键名应当统一对应。</p>
<pre><code class="yaml">valine:
appId: #Your_appId
appKey: #Your_appkey
placeholder: ヽ(○´∀`)ノ♪ # Comment box placeholder
avatar: mp # Gravatar style : mp, identicon, monsterid, wavatar, robohash, retro
pageSize: 10 # Pagination size
lang: zh-CN
visitor: true # 文章访问量统计
NoRecordIP: false # 不记录 IP
serverURLs: # When the custom domain name is enabled, fill it in here (it will be detected automatically by default, no need to fill in)
powerMode: true # 默认打开评论框输入特效
tagMeta:
visitor: 新朋友
master: 主人
friend: 小伙伴
investor: 金主粑粑
tagColor:
master: &quot;var(--color-orange)&quot;
friend: &quot;var(--color-aqua)&quot;
investor: &quot;var(--color-pink)&quot;
tagMember:
master:
# - hash of master@email.com
# - hash of master2@email.com
friend:
# - hash of friend@email.com
# - hash of friend2@email.com
investor:
# - hash of investor1@email.com
</code></pre>
<p>在文章头部参数区<code>Front Matter</code>部分也可以单独配置评论系统设置,比如评论提示<code>placeholder</code>项。</p>
<pre><code class="raw">---
valine:
placeholder: 评论提示语
---
</code></pre>
<p>如果某些文章要单独关闭评论系统,可以在头部参数中配置<code>comment</code>参数为<code>false</code>:</p>
<pre><code class="raw">---
title: 文章标题
comment: false
---
</code></pre>
</li>
<li><p>点击页面顶部右侧的阳光样式的按钮即可切换博客的日间或夜间两种背景模式,需要先在主题配置中开启夜间模式。</p>
<pre><code class="yaml">darkmode: true
</code></pre>
<p>默认情况下,博客背景模式取决于(优先级从高到低):切换按钮选择;切换设备浏览器色调;darkmode 配置项。</p>
</li>
<li><p>Shoka主题可以直接使用网易云、虾米、QQ音乐等平台的单曲或歌单的URL链接作为背景音乐播放列表。可以在<code>主题配置文件</code>中设置<code>全局播放列表</code>,也可以在文章的<code>头部参数区</code>单独设置播放列表。</p>
<pre><code class="yaml">audio:
# 单曲播放格式
- https://music.163.com/song?id=1387098940
- https://music.163.com/#/playlist?id=2088001742
- https://www.xiami.com/collect/250830668
- https://y.qq.com/n/yqq/playsquare/3535982902.html
# 歌单播放格式
- title: 列表1
list:
- https://music.163.com/#/playlist?id=2943811283
- https://music.163.com/#/playlist?id=2297706586
- title: 列表2
list:
- https://music.163.com/#/playlist?id=2031842656
</code></pre>
<p>也可以播放自定义媒体文件。</p>
<pre><code class="yaml">audio:
# 单曲播放格式
- name: &quot;曲目1&quot;
url: &quot;播放地址&quot;
artist: &quot;艺术家&quot;
cover: &quot;封面&quot;
lrc: &quot;歌词&quot;
- name: &quot;曲目2&quot;
url: &quot;播放地址&quot;
artist: &quot;艺术家&quot;
cover: &quot;封面&quot;
lrc: &quot;歌词&quot;
# 歌单播放格式
- title: 列表1
list:
- name: &quot;曲目1&quot;
url: &quot;播放地址&quot;
artist: &quot;艺术家&quot;
cover: &quot;封面&quot;
lrc: &quot;歌词&quot;
- name: &quot;曲目2&quot;
url: &quot;播放地址&quot;
artist: &quot;艺术家&quot;
cover: &quot;封面&quot;
lrc: &quot;歌词&quot;
- title: 列表2
list:
- https://music.163.com/#/playlist?id=2031842656
</code></pre>
<p>如果文章需要关闭背景音乐,在文章头部参数区配置<code>audio</code>参数。</p>
<pre><code class="raw">---
audio: false
---
</code></pre>
</li>
<li><p>文章卡片的随机图片来源是新浪图库,图片列表在<code>博客根目录\themes\shoka\_images.yml</code>文件中,可以自行上传到新浪图库后,在图片列表中添加新一行的<code>外链图片名称及后缀</code>,或者<code>图片URL</code>。</p>
<pre><code class="yaml">- 6833939bly1gicmnywqgpj20zk0m8dwx.jpg
- https://i.loli.net/2020/10/30/rjdhcSgEN8COBPA.jpg
</code></pre>
<p>也可以自定义图片列表,在<code>博客根目录\source\_data</code>目录下新建<code>images.yml</code>文件,补充六张以上的图片作为自定义列表,将完全覆盖原来的主题图片列表。</p>
<p>若将已有图床作为随机图库,可以在主题配置文件中添加<code>图床API</code>配置。</p>
<pre><code class="yaml">image_server: &quot;https://acg.xydwz.cn/api/api.php&quot;
</code></pre>
</li>
<li><p>主题配置文件中的<code>vendors</code>配置用于加载第三方组件,文件加载基于jsDelivr加速,并进行了文件合并,所以不了解时不要轻易修改。</p>
<table>
<thead>
<tr>
<th align="center">组件名称</th>
<th align="center">组件功能</th>
<th align="center">作用域</th>
</tr>
</thead>
<tbody><tr>
<td align="center">pace</td>
<td align="center">加载进度条</td>
<td align="center">全局</td>
</tr>
<tr>
<td align="center">pjax</td>
<td align="center">页面无刷新加载</td>
<td align="center">全局</td>
</tr>
<tr>
<td align="center">anime</td>
<td align="center">js 动画效果</td>
<td align="center">全局</td>
</tr>
<tr>
<td align="center">algolia,instantsearch</td>
<td align="center">基于 algolia 的站内搜索</td>
<td align="center">全局</td>
</tr>
<tr>
<td align="center">lazyload</td>
<td align="center">图片懒加载</td>
<td align="center">全局</td>
</tr>
<tr>
<td align="center">quicklink</td>
<td align="center">链接资源预加载</td>
<td align="center">全局</td>
</tr>
<tr>
<td align="center">fetch</td>
<td align="center">获取播放列表</td>
<td align="center">全局</td>
</tr>
<tr>
<td align="center">katex copy_tex</td>
<td align="center">数学公式显示及复制</td>
<td align="center">按需</td>
</tr>
<tr>
<td align="center">fancybox</td>
<td align="center">图片放大显示及排列</td>
<td align="center">按需</td>
</tr>
<tr>
<td align="center">valine</td>
<td align="center">基于 LeanCloud 的评论系统及文章阅读次数统计</td>
<td align="center">按需</td>
</tr>
<tr>
<td align="center">chart</td>
<td align="center">图表显示</td>
<td align="center">按需</td>
</tr>
</tbody></table>
</li>
</ol>
<h2 id="三-阅读相关配置"><a href="#三-阅读相关配置" class="headerlink" title="(三)阅读相关配置"></a>(三)阅读相关配置</h2><ol>
<li><p>文章置顶。在文章头部参数中配置<code>sticky: true</code>可将文章显示在博客首页的置顶区,多篇文章置顶则按照发布时间倒序排列,显示不分页。</p>
<pre><code class="raw">---
sticky: true
---
</code></pre>
</li>
<li><p>文章分类卡片。文章分类想要在首页卡片形式显示,需要在博客对应分类的目录下存放封面图<code>cover.jpg</code>,封面图文件名称不可修改。</p>
<p>在全局配置文件中的<code>catogary_map</code>配置项里配置文件名与文章链接显示值的对应关系,避免文章链接中出现中文。</p>
<pre><code class="yaml">category_map:
个人博客: blog
</code></pre>
<p>另外,<code>文章目录</code>侧的<code>系列文章</code>显示的是处于同一分类下的文章,按照文章名称正序排列。</p>
</li>
<li><p>在文章头部参数区配置<code>cover</code>项及图片路径可以指定文章在首页显示的封面图片,封面图片的相对路径应在<code>source</code>或其子目录下,也可以配置图片URL采用外链图片,不配置则随机显示一张随机图库中的图片。若在头部参数区配置了<code>photos</code>项引用多张图片而未配置<code>cover</code>项时,文章封面则会显示<code>photos</code>项的第一张图片。</p>
<pre><code class="raw">---
cover: assets/cover-1.jpg
---
</code></pre>
</li>
<li><p>文章页面也可以展示图片及相册,即在头部参数区配置前面说到的<code>photos</code>项。</p>
<pre><code class="raw">photos:
- assets/photo-1.jpg
- assets/photo-2.jpg
- https://api.com/photo-3.jpg
</code></pre>
<p>或者在文章内容的标题前面用markdown语法引用多张图片,再用<code>Justified Gallery</code>对图片进行排列。</p>
<pre><code class="raw">![](https://tva3.sinaimg.cn/large/6833939bly1giclfdu6exj20zk0m87hw.jpg)
![](https://tva3.sinaimg.cn/large/6833939bly1giclflwv2aj20zk0m84qp.jpg)
![](https://tva3.sinaimg.cn/large/6833939bly1giclg5ms2rj20zk0m8u0x.jpg)
![](https://tva3.sinaimg.cn/large/6833939bly1giclhnx9glj20zk0m8npd.jpg)
&#123;.gallery data-height=&quot;120&quot;&#125;
</code></pre>
<p>其中<code>data-height</code>设置图片行的高度,默认值为<code>220</code></p>
</li>
<li><p>主题配色。页面配色文件路径为<code>博客根目录\themes\shoka\source\css\_colors.styl</code>,自定义页面配色可以在<code>博客根目录\source\_data</code>目录下新建<code>colors.styl</code>文件,复制粘贴主题页面配色文件内容后,在新建页面配色文件中添改配色,为避免样式显示异常,原有样式名称均要存在。同理,图标配色文件也可以如是调整,图标配色的自定义文件名为<code>iconfont.styl</code>,如要添加自定义样式,可以在目录中创建<code>custom.styl</code>文件进行配置。</p>
</li>
<li><p>主题图片替换。<code>博客根目录\themes\shoka\source\images\</code>存放着头像、打赏图片等主题相关图片资源,如要替换图片,可以在<code>博客根目录\source\_data</code>目录下新建<code>images</code>目录,将替换的图片名称修改为与对应主题图片同名后放到此处即可覆盖默认主题图片。</p>
</li>
<li><p>自定义语言包用于替换<code>menu菜单按钮</code>或者默认区域的文字显示,默认语言包在<code>博客根目录\themes\shoka\languages\</code>下。</p>
</li>
</ol>
<h1 id="四、特殊语法"><a href="#四、特殊语法" class="headerlink" title="四、特殊语法"></a>四、特殊语法</h1><ol>
<li><p>链接块。将链接字段信息写在<code>links</code>标签块内,可以将链接转换成标签卡片的形式显示,便于排列和美观。可配置链接字段信息见下表:</p>
<table>
<thead>
<tr>
<th align="center">字段</th>
<th align="center">字段含义</th>
<th align="center">配置</th>
</tr>
</thead>
<tbody><tr>
<td align="center">site</td>
<td align="center">站点名称</td>
<td align="center">必填</td>
</tr>
<tr>
<td align="center">owner</td>
<td align="center">管理员名字</td>
<td align="center">可选,默认为 site 的值</td>
</tr>
<tr>
<td align="center">url</td>
<td align="center">站点链接</td>
<td align="center">必填</td>
</tr>
<tr>
<td align="center">desc</td>
<td align="center">站点描述</td>
<td align="center">可选,默认为 url 的值</td>
</tr>
<tr>
<td align="center">image</td>
<td align="center">站点图片</td>
<td align="center">可选,默认为 images&#x2F;404.png</td>
</tr>
<tr>
<td align="center">color</td>
<td align="center">方块颜色</td>
<td align="center">可选,默认为 <code>#666</code></td>
</tr>
</tbody></table>
<pre><code class="yaml">&amp;#123;% links %&amp;#125;
- site: 優萌初華
owner: 霜月琉璃
url: https://shoka.lostyu.me
desc: 琉璃的医学 &amp; 编程笔记
image: https://cdn.jsdelivr.net/gh/amehime/shoka@latest/images/avatar.jpg
color: &quot;#e9546b&quot;
- site: 優萌初華
owner: 霜月琉璃
url: https://shoka.lostyu.me
image: images/avatar.jpg
- site: 優萌初華
url: https://shoka.lostyu.me
desc: 琉璃的医学 &amp; 编程笔记
color: &quot;#9d5b8b&quot;
&amp;#123;% endlinks %&amp;#125;
</code></pre>
<div class="links"><div class="item" title="霜月琉璃" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="https://cdn.jsdelivr.net/gh/amehime/shoka@latest/images/avatar.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
<p class="desc">琉璃的医学 & 编程笔记</p>
</div></div><div class="item" title="霜月琉璃"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="/images/avatar.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
<p class="desc">https://shoka.lostyu.me</p>
</div></div><div class="item" title="優萌初華" style="--block-color:#9d5b8b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="/images/404.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
<p class="desc">琉璃的医学 & 编程笔记</p>
</div></div></div>
<p>在文章中配置大量链接会影响篇幅,所以可以在<code>source</code>或其子目录下用<code>yml文件</code>保存所有的链接信息,在文章中用<code>linksfile</code>标签引用yml文件中的站点信息。</p>
<pre><code class="raw"># 格式:&amp;#123;% linksfile [path] %&amp;#125;
&amp;#123;% linksfile friends/data.yml %&amp;#125;
</code></pre>
</li>
<li><p>代码块。代码块样式类似mac命令行,高亮功能采用<code>prism</code>组件,代码块信息格式:<code>[language] [title] [url] [link text] [mark] [command]</code></p>
<table>
<thead>
<tr>
<th align="left">字段</th>
<th align="left">字段描述</th>
<th align="left">默认值</th>
</tr>
</thead>
<tbody><tr>
<td align="left">language</td>
<td align="left">如不需要代码高亮,但希望显示代码块样式,则设为 raw,留空或设为 info ,将不显示代码高亮和代码块样式</td>
<td align="left">null</td>
</tr>
<tr>
<td align="left">title</td>
<td align="left">代码块标题</td>
<td align="left">null</td>
</tr>
<tr>
<td align="left">url</td>
<td align="left">跳转链接。若配置<code>link text</code>,则显示链接标题文字,点击后跳转</td>
<td align="left">null</td>
</tr>
<tr>
<td align="left">link text</td>
<td align="left">链接显示的标题文字</td>
<td align="left">link</td>
</tr>
<tr>
<td align="left">mark</td>
<td align="left">行高亮显示,格式为 mark:行号,行号开始-行号结束,其他行号 。 例如 mark:1,4-7,10 ,将高亮显示第 1、4、5、6、7、10行</td>
<td align="left">null</td>
</tr>
<tr>
<td align="left">command</td>
<td align="left">命令行提示符,格式为 command:(“提示内容”:行号,行号||”提示内容”:行号开始-行号结束) <br>例如 command:(“[root@localhost] $”:1,9-10||”[admin@remotehost] #”:4-6)</td>
<td align="left">null</td>
</tr>
</tbody></table>
<pre><code class="raw">```java 行高亮 https://shoka.lostyu.me 参考链接 mark:1,6-7
import java.util.Scanner;
...
Scanner in = new Scanner (System.in);
// 输入 Scan 之后,按下键盘 Alt + “/” 键,Eclipse 下自动补全。
System.out.println (in.nextLine ());
System.out.println (&quot;Hello&quot; + &quot;world.&quot;);
```
```bash 命令行提示符 command:(&quot;[root@localhost] $&quot;:1,9-10||&quot;[admin@remotehost] #&quot;:4-6)
pwd
/usr/home/chris/bin
ls -la
total 2
drwxr-xr-x 2 chris chris 11 Jan 10 16:48 .
drwxr--r-x 45 chris chris 92 Feb 14 11:10 ..
-rwxr-xr-x 1 chris chris 444 Aug 25 2013 backup
-rwxr-xr-x 1 chris chris 642 Jan 17 14:42 deploy
git add -A
git commit -m &quot;update&quot;
git push
```
</code></pre>
<pre><code class="java">import java.util.Scanner;
...
Scanner in = new Scanner (System.in);
// 输入 Scan 之后,按下键盘 Alt + “/” 键,Eclipse 下自动补全。
System.out.println (in.nextLine ());
System.out.println (&quot;Hello&quot; + &quot;world.&quot;);
</code></pre>
<pre><code class="bash">pwd
/usr/home/chris/bin
ls -la
total 2
drwxr-xr-x 2 chris chris 11 Jan 10 16:48 .
drwxr--r-x 45 chris chris 92 Feb 14 11:10 ..
-rwxr-xr-x 1 chris chris 444 Aug 25 2013 backup
-rwxr-xr-x 1 chris chris 642 Jan 17 14:42 deploy
git add -A
git commit -m &quot;update&quot;
git push
</code></pre>
</li>
<li><p><code>quiz</code>练习题。在文章头部参数区配置<code>quiz: true</code>可以设置练习题。使用<code>&#123;.quiz&#125;</code>等标签标注题型及选项答案。功能基于<code>markdown-it-bracketed-spans</code>和<code>markdown-it-attrs</code>。</p>
<table>
<thead>
<tr>
<th align="center">标签</th>
<th align="center">说明</th>
</tr>
</thead>
<tbody><tr>
<td align="center"><code>&#123;.quiz&#125;</code></td>
<td align="center">选择题</td>
</tr>
<tr>
<td align="center"><code>&#123;.quiz .multi&#125;</code></td>
<td align="center">多选题</td>
</tr>
<tr>
<td align="center"><code>&#123;.quiz .true&#125;</code></td>
<td align="center">正确的判断题</td>
</tr>
<tr>
<td align="center"><code>&#123;.quiz .false&#125;</code></td>
<td align="center">错误的判断题</td>
</tr>
<tr>
<td align="center"><code>&#123;.quiz .fill&#125;</code></td>
<td align="center">填空题</td>
</tr>
<tr>
<td align="center"><code>[]&#123;.gap&#125;</code></td>
<td align="center">空白下划线</td>
</tr>
<tr>
<td align="center"><code>[答案内容]&#123;.gap&#125;</code></td>
<td align="center">答案内容带下划线</td>
</tr>
<tr>
<td align="center"><code>&#123;.options&#125;</code></td>
<td align="center">ABCDE 选项</td>
</tr>
<tr>
<td align="center"><code>&#123;.correct&#125;</code></td>
<td align="center">选择题的正确选项</td>
</tr>
<tr>
<td align="center"><code>&gt;</code></td>
<td align="center">答案解析</td>
</tr>
<tr>
<td align="center"><code>[8.4]&#123;.mistake&#125;</code></td>
<td align="center">错题备注</td>
</tr>
</tbody></table>
<pre><code class="raw">1. 编译时多态主要指运算符重载与函数重载,而运行时多态主要指虚函数。 &#123;.quiz .true&#125;
2. 有基类`SHAPE`,派生类`CIRCLE`,声明如下变量: &#123;.quiz .multi&#125;
```cpp
SHAPE shape1,*p1;
CIRCLE circle1,*q1;
```
下列哪些项是“派生类对象替换基类对象”。
- `p1=&amp;circle1;` &#123;.correct&#125;
- `q1=&amp;shape1;`
- `shape1=circle1;` &#123;.correct&#125;
- `circle1=shape1;`
&#123;.options&#125;
&gt; - :heavy_check_mark: 令基类对象的指针指向派生类对象
&gt; - :x: 派生类指针指向基类的引用
&gt; - :heavy_check_mark: 派生类对象给基类对象赋值
&gt; - :x: 基类对象给派生类对象赋值
&gt; &#123;.options&#125;
3. 下列叙述正确的是 []&#123;.gap&#125; 。 &#123;.quiz&#125;
- 虚函数只能定义成无参函数
- 虚函数不能有返回值
- 能定义虚构造函数
- A、B、C都不对 &#123;.correct&#125;
&#123;.options&#125;
4. 如果定义`int e=8; double f=6.4, g=8.9;`,则表达式 `f+int(e/3*int(f+g)/2)%4` 的值为 [9.4]&#123;.gap&#125;。 &#123;.quiz .fill&#125;
&gt; 注意运算顺序和数据类型
&gt; [8.4]&#123;.mistake&#125;
</code></pre>
</li>
<li><p><code>emoji</code>绘文字。<code>emoji</code>表情基于<code>markdown-it-emoji</code>,表情对应标签参考<span class="exturl" data-url="aHR0cHM6Ly9naXRodWIuY29tL21hcmtkb3duLWl0L21hcmtkb3duLWl0LWVtb2ppL2Jsb2IvbWFzdGVyL2xpYi9kYXRhL2Z1bGwubWpz">emoji表情</span>。</p>
<pre><code class="raw"># emoji标签使用
:kissing_heart:
:ring:
:notes:
</code></pre>
</li>
<li><p><code>effects</code>文字特效。效果基于<code>markdown-it-ins</code>、<code>markdown-it-bracketed-spans</code>和<code>markdown-it-attrs</code>。</p>
<pre><code class="raw"># 主题风格通用颜色:default、primary(紫色)、success(绿色)、info、warning(黄色)、danger(红色)
++下划线++
++波浪线++&#123;.wavy&#125;
++着重点++&#123;.dot&#125;
++紫色下划线++&#123;.primary&#125;
++绿色波浪线++&#123;.wavy .success&#125;
++黄色着重点++&#123;.dot .warning&#125;
~~删除线~~
~~红色删除线~~&#123;.danger&#125;
==荧光高亮==
[赤橙黄绿青蓝紫]&#123;.rainbow&#125;
[红色]&#123;.red&#125;
[粉色]&#123;.pink&#125;
[橙色]&#123;.orange&#125;
[黄色]&#123;.yellow&#125;
[绿色]&#123;.green&#125;
[靛青]&#123;.aqua&#125;
[蓝色]&#123;.blue&#125;
[紫色]&#123;.purple&#125;
[灰色]&#123;.grey&#125;
快捷键 [Ctrl]&#123;.kbd&#125; + [C]&#123;.kbd .red&#125;
H~2~0
29^th^
</code></pre>
</li>
<li><p><code>spoiler</code>文字隐藏。样式效果基于<code>markdown-it-spoiler</code>和<code>markdown-it-attrs</code>。</p>
<pre><code class="raw">!! 黑幕黑幕黑幕黑幕黑幕黑幕!!: 光标悬浮于文字上显示内容
!! 模糊模糊模糊模糊模糊模糊!!&#123;.bulr&#125; : 光标选中文字显示内容
</code></pre>
<p>!! 黑幕黑幕黑幕黑幕黑幕黑幕!!: 光标悬浮于文字上显示内容<br>!! 模糊模糊模糊模糊模糊模糊!!{.bulr} : 光标选中文字显示内容</p>
</li>
<li><p><code>label</code>标签块。基于<code>markdown-it-bracketed-spans</code>和<code>markdown-it-attrs</code>显示。</p>
<pre><code class="raw">[default]&#123;.label&#125;
[primary]&#123;.label .primary&#125;
[info]&#123;.label .info&#125;
[:heavy_check_mark:success]&#123;.label .success&#125;
[warning]&#123;.label .warning&#125;
[:broken_heart:danger]&#123;.label .danger&#125;
</code></pre>
<p>[default]{.label}<br>[primary]{.label .primary}<br>[info]{.label .info}<br>[:heavy_check_mark:success]{.label .success}<br>[warning]{.label .warning}<br>[:broken_heart:danger]{.label .danger}</p>
</li>
<li><p><code>note</code>提醒块。可以将文字强调显示,基于<code>markdown-it-container</code>。</p>
<pre><code class="raw">:::default
默认默认
:::
:::primary
基本基本
:::
:::info
提示提示
:::
:::success
成功成功
:::
:::warning
警告警告
:::
:::danger
危险危险
:::
:::danger no-icon
危险危险
:::
</code></pre>
</li>
<li><p><code>tab</code>标签块。基于<code>markdown-it-container</code>,可以实现同行切换显示不同内容。</p>
<p>使用格式:</p>
<pre><code class="raw">;;;[tabID] [标签名称] # 开始行
[内容] # 标签卡片显示的内容
;;; # 结束行
# 注意:
# 每个卡片都需要一个完整标签块
# 同一行显示的不同卡片其对应的tabID需要相同;
</code></pre>
<pre><code class="raw">;;;id1 卡片 1
这里是卡片 1 的内容
** 加粗 **
[success]&#123;.label .success&#125;
&#123;% links %&#125;
- site: 優萌初華
owner: 霜月琉璃
url: https://shoka.lostyu.me
desc: 琉璃的医学 & 编程笔记
image: https://cdn.jsdelivr.net/gh/amehime/shoka@latest/images/avatar.jpg
color: "#e9546b"
&#123;% endlinks %&#125;
;;;
;;;id1 卡片 2
这里是卡片 2 的内容
:::danger
危险危险
:::
- 第一行
- 第二行
;;;
;;;id2 ②号标签卡片 1
这里是卡片 1 的内容
;;;
;;;id2 ②号标签卡片 2
这里是卡片 2 的内容
;;;
</code></pre>
<p>;;;id1 卡片 1<br>这里是卡片 1 的内容<br>** 加粗 **<br>[success]{.label .success}</p>
<div class="links"><div class="item" title="霜月琉璃" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="https://cdn.jsdelivr.net/gh/amehime/shoka@latest/images/avatar.jpg"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
<p class="desc">琉璃的医学 & 编程笔记</p>
</div></div></div>
<p> ;;;</p>
<p>;;;id1 卡片 2<br>这里是卡片 2 的内容<br>:::danger<br>危险危险<br>:::</p>
<ul>
<li>第一行</li>
<li>第二行<br>;;;</li>
</ul>
<p>;;;id2 ②号标签卡片 1<br>这里是卡片 1 的内容<br>;;;<br>;;;id2 ②号标签卡片 2<br>这里是卡片 2 的内容<br>;;;</p>
</li>
<li><p><code>collapse</code>折叠块。折叠块将较长文字或者详细流程步骤等冗余显示的部分内容折叠起来,具体内容点击后再显示,可以有效减少网页显示的篇幅,便于浏览主要内容。</p>
</li>
</ol>
<pre><code class="raw"># 使用+++标记折叠块
+++[风格颜色] [标题文字] # 开始行
[内容] # 折叠块内容,可以内嵌其他块标签内容
+++ # 结束行
</code></pre>
<pre><code class="raw">+++ 默认默认 这里是一段文字
++下划线++
+++
+++primary 紫色
:::info
参考信息
:::
- 第一行
- 第二行
+++
+++info 蓝色
;;;id3 卡片 1
这里是卡片 1 的内容
;;;
;;;id3 卡片 2
这里是卡片 2 的内容
;;;
+++
+++success 绿色
&#123;% links %&#125;
- site: 優萌初華
url: https://shoka.lostyu.me
color: "#e9546b"
&#123;% endlinks %&#125;
+++
+++warning 黄色
!! 警告警告警告警告警告!!&#123;.bulr&#125;
[label]&#123;.label .success&#125;
+++
+++danger 红色
[danger]&#123;.label .danger&#125;
+++
</code></pre>
<p> +++ 默认默认 这里是一段文字<br> ++下划线++<br>+++</p>
<p> +++primary 紫色<br> :::info<br> 参考信息<br> :::</p>
<ul>
<li>第一行</li>
<li>第二行<br>+++</li>
</ul>
<p> +++info 蓝色<br> ;;;id3 卡片 1<br> 这里是卡片 1 的内容<br> ;;;<br> ;;;id3 卡片 2<br> 这里是卡片 2 的内容<br> ;;;<br>+++</p>
<p> +++success 绿色<br> <div class="links"><div class="item" title="優萌初華" style="--block-color:#e9546b;"><span class="exturl image" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=" data-background-image="/images/404.png"></span>
<div class="info">
<span class="exturl title" data-url="aHR0cHM6Ly9zaG9rYS5sb3N0eXUubWU=">優萌初華</span>
<p class="desc">https://shoka.lostyu.me</p>
</div></div></div><br>+++</p>
<p> +++warning 黄色<br> !! 警告警告警告警告警告!!{.bulr}<br> [label]{.label .success}<br>+++</p>
<p> +++danger 红色<br> [danger]{.label .danger}<br>+++</p>
<ol start="11">
<li><code>taskList</code>待办事项。基于<code>markdown-it-task-checkbox</code>,添加风格颜色时需要在标签行下另起两行配置。</li>
</ol>
<pre><code class="raw">- [ ] 这是一个小叉叉
- [x] 这是一个红色勾勾
&#123;.danger&#125;
- [ ] 未完成
- [x] 完成
&#123;.primary&#125;
- [ ] 未完成
- [x] 默认颜色
</code></pre>
<ul>
<li><input disabled type="checkbox"> 这是一个小叉叉</li>
<li><input checked disabled type="checkbox"> 这是一个红色勾勾</li>
</ul>
<p> {.danger}</p>
<ul>
<li><input disabled type="checkbox"> 未完成</li>
<li><input checked disabled type="checkbox"> 完成</li>
</ul>
<p> {.primary}</p>
<ul>
<li><input disabled type="checkbox"> 未完成</li>
<li><input checked disabled type="checkbox"> 默认颜色</li>
</ul>
<ol start="12">
<li><p><code>furigana</code> 文字注音</p>
</li>
<li><p><code>media</code> 多媒体</p>
</li>
<li><p><code>math</code> 数学公式</p>
</li>
<li><p><code>mermaid</code> 流程图</p>
</li>
</ol>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Hexo/Hexo%E5%8D%9A%E5%AE%A2%E6%A1%86%E6%9E%B6%E6%90%AD%E5%BB%BA/</guid>
<title>Hexo博客框架搭建</title>
<link>https://yunian.top/MyBlog/Hexo/Hexo%E5%8D%9A%E5%AE%A2%E6%A1%86%E6%9E%B6%E6%90%AD%E5%BB%BA/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="个人博客" scheme="https://yunian.top/categories/MyBlog/Hexo/" />
<category term="个人博客" scheme="https://yunian.top/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" />
<category term="Hexo" scheme="https://yunian.top/tags/Hexo/" />
<pubDate>Thu, 14 Dec 2023 14:41:31 +0800</pubDate>
<description><![CDATA[ <h1 id="一、前言"><a href="#一、前言" class="headerlink" title="一、前言"></a>一、前言</h1><p><span class="exturl" data-url="aHR0cDovL2hleG8uaW8vemgtY24v">Hexo框架</span>是基于<code>Node.js</code>的快速、简洁且高效的博客框架,可以解析<code>markdown</code>格式文件并依此快速生成静态网页,还能通过自由搭配个性化主题和功能插件实现博客网站显示样式和功能的定制化效果。</p>
<h1 id="二、环境准备"><a href="#二、环境准备" class="headerlink" title="二、环境准备"></a>二、环境准备</h1><p>搭建Hexo框架前需要先安装Node环境和git工具:</p>
<p>Node.js官网下载:<span class="exturl" data-url="aHR0cDovL25vZGVqcy5jbi9kb3dubG9hZC8=">http://nodejs.cn/download/</span></p>
<p>git官网下载:<span class="exturl" data-url="aHR0cHM6Ly9naXQtc2NtLmNvbS9kb3dubG9hZA==">https://git-scm.com/download</span></p>
<p>在cmd控制台中分别输入以下命令,确认工具是否安装完成:</p>
<pre><code class="bash">node -v
npm -v
git -v
</code></pre>
<p><img data-src="https://s2.loli.net/2023/12/29/KYoRlcJNWhnVZuD.png" alt="工具安装验证"> </p>
<p>由于npm默认安装源为国外服务器,可能出现连接失败或者下载缓慢等问题,执行以下命令可以修改默认源为淘宝镜像源:</p>
<pre><code class="bash">npm config set registry https://registry.npm.taobao.org
</code></pre>
<h1 id="三、安装Hexo框架"><a href="#三、安装Hexo框架" class="headerlink" title="三、安装Hexo框架"></a>三、安装Hexo框架</h1><p>准备一个<code>空文件夹</code>作为博客根目录,例如<code>blog</code>。</p>
<p>在<code>blog</code>目录下单击<code>鼠标右键</code>,打开<code>右键菜单</code>,点击<code>Git Bash Here</code>进入Bash控制台,在<code>Bash</code>依次进行下面的操作:</p>
<ol>
<li>输入以下命令开始安装Hexo框架</li>
</ol>
<pre><code class="bash">npm install -g hexo-cli
</code></pre>
<ol start="2">
<li>输入<code>hexo version</code>命令,验证Hexo框架是否正确安装</li>
</ol>
<p><img data-src="https://s2.loli.net/2023/12/29/i4zO6hnQTdA32gF.png" alt="hexo安装验证"> </p>
<ol start="3">
<li><p>输入<code>hexo init</code>命令,在当前<code>blog</code>目录下执行Hexo框架初始化,等待初始化完成后进行下一步</p>
</li>
<li><p>执行<code>npm install</code>命令,安装hexo框架的相关依赖包</p>
</li>
<li><p>输入<code>hexo server</code>命令,可以启动本地服务器。[Ctrl]{.kbd} + [鼠标左键]{.kbd}点击Bash窗口中显示的本地站点地址,或者在浏览器中输入地址<code>http://localhost:4000</code>,即可在本地查看站点初始效果.</p>
</li>
</ol>
<p><img data-src="https://s2.loli.net/2023/12/29/VPJosMLScmyukiD.png" alt="Hexo博客初始页面"></p>
<p>在Bash窗口按[Ctrl]{.kbd} + [C]{.kbd}可以关停本地服务器。</p>
<p>至此,一个初始的Hexo博客站点已经搭建完成。</p>
<p>此时,<code>blog</code>博客根目录下主要有以下内容:</p>
<pre><code class="raw">node_modules: 安装的Hexo的依赖包和插件等
scaffolds:存放布局模板
source:博客源文件
themes:存放个性化主题文件
_config.yml: 全局配置文件
</code></pre>
<p>之后,可以在<span class="exturl" data-url="aHR0cHM6Ly9oZXhvLmlvL3RoZW1lcy8=">Hexo主题仓库</span>中下载喜欢的主题,根据主题说明进行自定义配置,即可定制化博客站点效果。结合git工具以及Gitee和Github等平台服务还可以实现博客线上部署以及源文件备份等。本站主题配置和博客部署流程可参阅文章<a href="https://yunian.top/MyBlog/Hexo/Shoka%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE/">Shoka主题配置</a>和<a href>博客部署及备份</a>。</p>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Tools/Office/Word%E6%96%87%E6%A1%A3-%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8/</guid>
<title>Word文档-基础使用</title>
<link>https://yunian.top/MyBlog/Tools/Office/Word%E6%96%87%E6%A1%A3-%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="软件使用" scheme="https://yunian.top/categories/MyBlog/Tools/" />
<category term="办公设计" scheme="https://yunian.top/categories/MyBlog/Tools/Office/" />
<category term="Word" scheme="https://yunian.top/tags/Word/" />
<pubDate>Fri, 27 Oct 2023 15:27:05 +0800</pubDate>
<description><![CDATA[ <h1 id="Word文档-基础使用"><a href="#Word文档-基础使用" class="headerlink" title="Word文档-基础使用"></a>Word文档-基础使用</h1><h2 id="标题的目录-大纲-级别"><a href="#标题的目录-大纲-级别" class="headerlink" title="标题的目录(大纲)级别"></a>标题的目录(大纲)级别</h2><p>&emsp;&emsp;目录能够让文档的结构和主题一目了然,让阅读者更快了解文档的内容和找到所需内容的位置。Word和WPS文字中都有自动生成目录的功能。但在生成目录之前,需要做的准备工作就是对文档中的多级标题设置其在目录(大纲)中的显示级别,这样自动生成的目录就会拥有分级效果。</p>
<h2 id="定义常用字体"><a href="#定义常用字体" class="headerlink" title="定义常用字体"></a>定义常用字体</h2><p>&emsp;&emsp;在Office Word中,可以为常用字体指定快捷键,方便迅速切换字体。在<code>【文件】</code>-&gt;<code>【更多】</code>-&gt;<code>【选项】</code>-&gt;<code>【自定义功能区】</code>-&gt;<code>【自定义】</code>功能列表的最下方找到<code>【宏-字体】</code>设置,之后在右侧选择想要设置快捷键的字体,为其指定新的快捷键即可,推荐使用<code>【Alt+字母】</code>的形式,可以避免大多数的热键冲突。</p>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Tools/VScode/VScode%E5%BF%AB%E6%8D%B7%E4%BB%BB%E5%8A%A1%E9%85%8D%E7%BD%AE/</guid>
<title>VScode快捷任务配置</title>
<link>https://yunian.top/MyBlog/Tools/VScode/VScode%E5%BF%AB%E6%8D%B7%E4%BB%BB%E5%8A%A1%E9%85%8D%E7%BD%AE/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="软件使用" scheme="https://yunian.top/categories/MyBlog/Tools/" />
<category term="VScode" scheme="https://yunian.top/categories/MyBlog/Tools/VScode/" />
<pubDate>Fri, 27 Oct 2023 15:27:05 +0800</pubDate>
<description><![CDATA[ <h1 id="VSCode快捷任务配置"><a href="#VSCode快捷任务配置" class="headerlink" title="VSCode快捷任务配置"></a>VSCode快捷任务配置</h1><p>在写个人博客时,会频繁在终端使用<code>Hexo</code>命令和<code>git</code>命令等,手动输入比较麻烦,因此,可以通过VScode配置<code>task任务</code>的形式将常用的命令操作简化,这种方法还可以将博客源文件快捷推送到<code>github</code>、<code>gitee</code>等远程仓库上,实现手动备份,而无需复杂的<code>workflow</code>自动化配置。</p>
<p>VScode中<code>task任务</code>有许多属性,可以自行百度了解,此处用到的主要属性及语义如下:</p>
<table>
<thead>
<tr>
<th>属性</th>
<th>语义</th>
</tr>
</thead>
<tbody><tr>
<td>label</td>
<td>任务名称</td>
</tr>
<tr>
<td>type</td>
<td>任务类型,分为<code>shell</code>和<code>process</code>两种,安装插件也可以支持其他类型</td>
</tr>
<tr>
<td>command</td>
<td>需要执行的命令,包括shell命令或者外部程序命令</td>
</tr>
<tr>
<td>options</td>
<td>配置cwd(当前工作目录)、env(环境变量)和shell的值</td>
</tr>
</tbody></table>
<p>首先,打开博客目录所在工作区,在<code>.vscode</code>文件夹下创建一个<code>tasks.json</code>名称的文件,向其中写入以下内容:</p>
<pre><code class="json">&#123;
// See https://go.microsoft.com/fwlink/?LinkId=733558
// for the documentation about the tasks.json format
&quot;version&quot;: &quot;2.0.0&quot;,
&quot;tasks&quot;: [
// 本地启动博客
&#123;
&quot;label&quot;: &quot;本地启动&quot;,
&quot;type&quot;: &quot;shell&quot;,
&quot;command&quot;: &quot;hexo cl &amp;&amp; hexo g &amp;&amp; hexo s&quot;,
&quot;options&quot;: &#123;
&quot;cwd&quot;: &quot;$&#123;workspaceFolder&#125;/MyBlog&quot;
&#125;
&#125;,
// 博客发布到gitee、github
&#123;
&quot;label&quot;: &quot;发布博客&quot;,
&quot;type&quot;: &quot;shell&quot;,
&quot;command&quot;: &quot;hexo deploy&quot;,
&quot;options&quot;: &#123;
&quot;cwd&quot;: &quot;$&#123;workspaceFolder&#125;/MyBlog&quot;
&#125;
&#125;,
// 博客源文件备份到github
&#123;
&quot;label&quot;: &quot;博客备份&quot;,
&quot;type&quot;: &quot;shell&quot;,
&quot;command&quot;: &quot;git add . &amp;&amp; git commit -am \&quot;博客源文件备份\&quot; &amp;&amp; git push github main&quot;,
&quot;options&quot;: &#123;
&quot;cwd&quot;: &quot;$&#123;workspaceFolder&#125;/MyBlog&quot;
&#125;
&#125;
]
&#125;
</code></pre>
<p>复制上述任务配置内容后,需要注意<code>cwd</code>属性中的任务工作目录配置,<code>$&#123;workspaceFolder&#125;</code>表示工作区根目录,<code>MyBlog</code>则是个人博客文件夹的名称,组合起来就是任务运行时的工作路径,所以使用前要根据具体的博客文件夹的路径来替换这里的内容。另外在<code>博客备份</code>任务配置的<code>command</code>命令中,<code>github</code>是本地仓库绑定的远程备份仓库名称,<code>main</code>是分支名称,根据需要更改。</p>
<p>任务配置完成后,可以在VScode左上角的<code>工具栏</code>中点击<code>终端</code>,选择<code>运行任务</code>,即可看到已配置好的任务,点击任务名称即可执行相应命令操作。</p>
<h1 id="task任务绑定快捷键"><a href="#task任务绑定快捷键" class="headerlink" title="task任务绑定快捷键"></a>task任务绑定快捷键</h1><p>为task任务绑定相应的快捷键可以更方便的操作。在VScode上方搜索栏中输入<code>keybindings.json</code>,可以在文件内容的末尾添加以下内容:</p>
<pre><code class="json">&#123;
&quot;key&quot;: &quot;alt+s&quot;,
&quot;command&quot;: &quot;workbench.action.tasks.runTask&quot;,
&quot;args&quot;: &quot;本地启动&quot;
&#125;,
&#123;
&quot;key&quot;: &quot;alt+d&quot;,
&quot;command&quot;: &quot;workbench.action.tasks.runTask&quot;,
&quot;args&quot;: &quot;发布博客&quot;
&#125;,
&#123;
&quot;key&quot;: &quot;alt+b&quot;,
&quot;command&quot;: &quot;workbench.action.tasks.runTask&quot;,
&quot;args&quot;: &quot;博客备份&quot;
&#125;
</code></pre>
<p>其中<code>key</code>属性代表所绑定的快捷键;<code>command</code>属性为快捷键执行的命令类型,不要更改;<code>args</code>属性则是快捷键执行参数,此处即对应的任务名称<code>label</code>。</p>
<p>注意,要将内容添加在文件默认的<code>[]</code>内,另外多个快捷键绑定内容间要以英文逗号间隔,最后一个快捷键绑定内容后面则无需逗号。</p>
<p>除了通过快捷键快速运行任务以外,还可以在VScode扩展商店中搜索<code>tasks</code>安装扩展插件,该插件会将配置好的任务显示在VScode下方的状态栏中,点击即可一键使用。如果任务过多,可以查看点击安装的task扩展查看说明,隐藏一部分任务。</p>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Tools/Office/Word%E6%96%87%E6%A1%A3-%E9%97%AE%E9%A2%98%E5%A4%84%E7%90%86/</guid>
<title>Word文档-问题处理</title>
<link>https://yunian.top/MyBlog/Tools/Office/Word%E6%96%87%E6%A1%A3-%E9%97%AE%E9%A2%98%E5%A4%84%E7%90%86/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="软件使用" scheme="https://yunian.top/categories/MyBlog/Tools/" />
<category term="办公设计" scheme="https://yunian.top/categories/MyBlog/Tools/Office/" />
<category term="Word" scheme="https://yunian.top/tags/Word/" />
<category term="空白页" scheme="https://yunian.top/tags/%E7%A9%BA%E7%99%BD%E9%A1%B5/" />
<pubDate>Fri, 27 Oct 2023 15:27:05 +0800</pubDate>
<description><![CDATA[ <h1 id="Word文档-问题处理"><a href="#Word文档-问题处理" class="headerlink" title="Word文档-问题处理"></a>Word文档-问题处理</h1><h2 id="删除空白页"><a href="#删除空白页" class="headerlink" title="删除空白页"></a>删除空白页</h2><p>&emsp;&emsp;出现空白页的原因有很多,有些是多余的<code>【空行】</code>造成的,<code>【Backspace】</code>或<code>【Delete】</code>键删除不必要的空行,再进行简单排版即可。也可以用<code>【shift】</code>+<code>【鼠标左键】</code>选中整页内容将其删除。这是最简单的情况。 </p>
<ul>
<li>分节符造成<br>&emsp;&emsp;有时候使用<code>【分节符】</code>也会产生空白页,此时无法直接删除空白页,需要先删除分节符:<br>&emsp;&emsp;在<code>【Office Word】</code>中,将视图切换为<code>【草稿】</code>后,可以看到<code>【分节符】</code>所产生的虚线,使用<code>【Ctrl】</code>+<code>【鼠标左键】</code>选中该行虚线,即可选中分节符将其删除。<br>&emsp;&emsp;<code>【WPS文字】</code>不能切换视图为草稿,此时可以通过<code>【查找替换】</code>功能(<code>【Ctrl】</code>+<code>【F/H】</code>),可以找到文本中的分节符,将其替换<code>【空格】</code>后,进而删除空白页。这个方法也可用于两个软件中多个空白页的删除。</li>
</ul>
<h2 id="英文直引号变成中文弯引号问题"><a href="#英文直引号变成中文弯引号问题" class="headerlink" title="英文直引号变成中文弯引号问题"></a>英文直引号变成中文弯引号问题</h2><p>&emsp;&emsp;这是文本校对设置导致的问题。<br>&emsp;&emsp;WPS文字中,在<code>【文件】</code>-&gt;<code>【选项】</code>-&gt;<code>【编辑】</code>-&gt;<code>【自动更正】</code>即可找到<code>【直引号替换为弯引号】</code>设置,取消勾选并确认设置即可。WPS文字默认不勾选该项。<br>&emsp;&emsp;而Office Word中,在<code>【文件】</code>-&gt;<code>【更多】</code>-&gt;<code>【选项】</code>-&gt;<code>【校对】</code>-&gt;<code>【自动更正选项】</code>-&gt;<code>【键入时自动套用格式】</code>找到该选项并取消勾选,之后都点击确认即可完成设置。Office默认勾选该项。</p>
<h2 id="取消自动编号"><a href="#取消自动编号" class="headerlink" title="取消自动编号"></a>取消自动编号</h2><p>&emsp;&emsp;新使用的Office Word或者WPS文字往往开启了自动编号功能,在书写上一项后,按下<code>【Enter】</code>回车即可生成下一项的序号。虽然自动编号有时候能方便书写,但自动编号的格式经常会引起排版不协调的问题,因此,建议关闭这个功能,手动编号。<br>&emsp;&emsp;Office Word中,在<code>【文件】</code>-&gt;<code>【更多】</code>-&gt;<code>【选项】</code>-&gt;<code>【校对】</code>-&gt;<code>【自动更正选项】</code>-&gt;<code>【键入时自动套用格式】</code>找到<code>【自动编号列表】</code>设置,取消勾选即可。<br>WPS文字中,在在<code>【文件】</code>-&gt;<code>【选项】</code>-&gt;<code>【编辑】</code>-&gt;<code>【自动更正】</code>即可找到<code>【键入时自动应用自动编号列表】</code>设置,取消勾选。</p>
<h2 id="公式显示问题"><a href="#公式显示问题" class="headerlink" title="公式显示问题"></a>公式显示问题</h2><p>&emsp;&emsp;因为公式的行高一般并不与文字相同,尤其是使用了多元数学符号的公式,那么在全文设置<code>【行距】</code>为<code>【固定值】</code>时,公式就有可能无法正常显示,此时,选中公式这一行,单独将其<code>【行距】</code>修改为<code>【单倍行距】</code>,公式行就会以自适应的行高进行显示。</p>
<h2 id="图片变形或隐藏问题"><a href="#图片变形或隐藏问题" class="headerlink" title="图片变形或隐藏问题"></a>图片变形或隐藏问题</h2><p>&emsp;&emsp;图片显示问题通常是由于图片的文字环绕方式设置与<code>【固定值】</code>行距的设置冲突。<br>&emsp;&emsp;一般来说,图片插入后的默认文字环绕方式为嵌入式,图片占据一行进行显示,若此时行距设置为固定值,图片也只能在一行的固定高度下进行显示,所以就造成了图片变形,或者被隐藏而无法显示的问题。<br>&emsp;&emsp;通常将图片所占行的行距设置为单倍行距后即可正常缩放显示。<br>&emsp;&emsp;将图片的文字环绕方式修改为其他的类型,再通过文字的排版也可以让图片正常显示,但是该方法很可能会让文件由于文字显示区域大小的不同,导致在不同的显示器上,图片显示位置发生偏移或者遮盖住文字的情况。</p>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Hexo/Markdown%E8%AF%AD%E6%B3%95/</guid>
<title>Markdown语法</title>
<link>https://yunian.top/MyBlog/Hexo/Markdown%E8%AF%AD%E6%B3%95/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="个人博客" scheme="https://yunian.top/categories/MyBlog/Hexo/" />
<category term="个人博客" scheme="https://yunian.top/tags/%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" />
<category term="Hexo" scheme="https://yunian.top/tags/Hexo/" />
<category term="Markdown" scheme="https://yunian.top/tags/Markdown/" />
<pubDate>Fri, 27 Oct 2023 15:27:05 +0800</pubDate>
<description><![CDATA[ <p>Markdown是一种轻量级的标记型语言。使用Markdown语言创作文章时,可以结合简化的文本标记,进行纯文本格式的文档编写,在发布阶段则会根据不同的语言引擎将标记后的文本内容解析成网页的各种基本元素,简化了排版布局的工作量,更快捷地实现Html网页的的内容创作。</p>
<h1 id="标题"><a href="#标题" class="headerlink" title="标题"></a>标题</h1><p>文章中的标题可以使用<code>#</code>符号进行标记,<code>#</code>接一个空格后再加上文章各标题的文本即可。<code>#</code>符号的个数也对应着文章的标题级别,最多允许六级标题,级别越高,标题字号越小。</p>
<p><img data-src="https://s2.loli.net/2024/01/20/uDvgI1bGOrAUxhS.png" alt="标题各级效果"></p>
<h1 id="列表"><a href="#列表" class="headerlink" title="列表"></a>列表</h1><p>对于要点、说明、步骤等需要列举的内容,在Markdown文本可以采用列表标签进行标记。对于并列关系的要点内容等,可以使用无序列表标记,而要更好的表现流程、步骤等内容的顺序结构,可以使用有序列表标记。</p>
<p>无序列表项的标记符号有<code>-</code>、<code>*</code>、<code>+</code>,标记符号加一个空格后再接列表项的文本内容即可,三种符号的标记效果相同,建议使用<code>-</code>符号,因为在双语输入法下都能直接输出该字符。另外,次级列表项较比上一级需要在标记前加<code>4</code>个空格或者一个<code>Tab制表符</code>递进。</p>
<p>有序列表,每项的标记符号直接使用数字和符号<code>.</code>进行标序,如<code>1.</code>、<code>2.</code>等等。</p>
<p><strong>无序列表:</strong></p>
<ul>
<li>第一项<ul>
<li>次第一项</li>
<li>次第二项</li>
</ul>
</li>
<li>第二项 </li>
<li>第三项</li>
</ul>
<p><strong>有序列表:</strong></p>
<ol>
<li>第一项</li>
<li>第二项</li>
</ol>
<h1 id="字体"><a href="#字体" class="headerlink" title="字体"></a>字体</h1><p>Markdown默认可以使用特殊字体对显示文本进行标注,标记使用如下:</p>
<p><em>*斜体*</em> 或者 <em>_斜体_</em></p>
<p><strong>**粗体**</strong></p>
<p><em><strong>***加粗斜体***</strong></em></p>
<p>~~~~删除线~~~~</p>
<p>++下划线++</p>
<p>&#x3D;&#x3D;背景高亮&#x3D;&#x3D;</p>
<h1 id="链接"><a href="#链接" class="headerlink" title="链接"></a>链接</h1><p>在Markdown文本中可以直接输入网址,网址的字符文本将自动转换成链接的形式,如<span class="exturl" data-url="aHR0cDovL3d3dy5iYWlkdS5jb20v">www.baidu.com</span></p>
<p>如果网址较长或者其他不想直接显示网址的情况,则可以采用<code>[alt](url &quot;title&quot;)</code>的格式引用链接,其中<code>alt</code>是替代网址显示的内容文本,<code>url</code>为引用的链接,<code>title</code>则是鼠标悬停于链接上时的显示文本。其中,<code>alt</code>属性和<code>url</code>属性必须配置,<code>title</code>属性默认为空,即悬停时无显示,可不配置,但配置时则不可省略双引号。<br>为避免网址过多过长影响正文篇幅排版,还可使用脚注引用格式<code>[alt]:url &quot;title&quot;</code>,将多个网址按照格式罗列在同一处如文章底部,在正文需要引用链接的地方使用对应网址的脚注标记<code>alt</code>即可,设置为脚注的网址文本在正文中不会渲染显示。<br>链接使用示例:</p>
<pre><code class="markdown">①直接输入网址:www.baidu.com
②使用[站名](网址)格式:[百度](www.baidu.com)
③也可以通过脚注的方式隐藏链接,格式为[站名][脚注名],如[百度][百度]、[Github][Github]。
[百度]:www.baidu.com &quot;百度&quot;
[Github]:www.github.com &quot;Github&quot;
</code></pre>
<p>链接语法效果:<br>①直接输入网址:<span class="exturl" data-url="aHR0cDovL3d3dy5iYWlkdS5jb20v">www.baidu.com</span><br>②使用的<code>[alt](url &quot;title&quot;)</code>格式: <span class="exturl" data-url="aHR0cHM6Ly93d3cuYmFpZHUuY29tLw==">百度</span><br>③脚注引用:<span class="exturl" data-url="aHR0cHM6Ly93d3cuYmFpZHUuY29tLw==">百度</span>,<span class="exturl" data-url="aHR0cHM6Ly9naXRodWIuY29tLw==">Github</span></p>
<h1 id="图片"><a href="#图片" class="headerlink" title="图片"></a>图片</h1><p>文章中需要插入图片时,Markdown通常引用图片的网络地址进行显示,结合图床进行站点文章图片的管理。通过相对路径也可以引用本地图片显示,不过线上部署和本地文件的相对路径容易冲突,导致文章在线上或者本地显示时无法正常加载图片。</p>
<p>Markdown图片引用的语法格式如下:</p>
<pre><code class="markdown">![alt](url &quot;title&quot;)
</code></pre>
<p>其中<code>alt</code>属性是加载失败时替代显示的文本内容,<code>url</code>属性为图片的<code>网络地址</code>或者<code>相对路径</code>,<code>title</code>属性是鼠标悬浮在图片上时显示的文本内容。</p>
<p>有些编辑器中使用Markdown语法引用图片时无法对图片的大小、位置等进行控制,此时可以使用HTML语法插入图片并设置相关属性。</p>
<p>HTML图片引用的语法格式为:</p>
<pre><code class="html">&lt;img src=url witdh=&quot;&quot; height=&quot;&quot; title=&quot;&quot; alt=&quot;&quot;/&gt;
</code></pre>
<p>此时<code>src</code>属性的赋值为<code>图片url</code>,<code>witdh</code>属性为<code>图片宽度</code>,<code>height</code>属性为<code>图片高度</code>,<code>title</code>属性和<code>alt</code>属性同上。</p>
<h1 id="表格"><a href="#表格" class="headerlink" title="表格"></a>表格</h1><p>表格也是常用的数据展示格式,Markdown表格分为<code>列名</code>、<code>分割线</code>和<code>单元格</code>三部分:表格中的每个数据都放在单元格中,单元格之间以<code>【|+】</code>分隔开;列名是表格中第一行的数据内容,是每一列数据的意义说明;在列名与数据单元格之间,即表格的第二行,这行的每个单元格需要固定插入一行分割线<code>【----】</code>,用于文档解析时区分列名与数据单元格。而分割线的左右两端可以添加<code>【:】</code>冒号用于该列的文本对齐方式的控制,与<code>【:】</code>的位置有关,在分割线左侧即是左对齐,在右侧为右对齐,而两端都有时,则为居中对齐。<br>表格使用示例:</p>
<pre><code class="markdown">&lt;!-- 列名 --&gt;
&lt;!-- 分割线/文本对齐控制 --&gt;
&lt;!-- 数据单元格 --&gt;
| 左对齐 | 右对齐 | 居中对齐 |
| :---- | ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
</code></pre>
<p>效果:</p>
<table>
<thead>
<tr>
<th align="left">左对齐</th>
<th align="right">右对齐</th>
<th align="center">居中对齐</th>
</tr>
</thead>
<tbody><tr>
<td align="left">单元格</td>
<td align="right">单元格</td>
<td align="center">单元格</td>
</tr>
<tr>
<td align="left">单元格</td>
<td align="right">单元格</td>
<td align="center">单元格</td>
</tr>
</tbody></table>
<ul>
<li>注意:不能在表格内容的所在行编写注释,否则会破坏表格格式,无法正常显示。</li>
</ul>
<h1 id="代码块"><a href="#代码块" class="headerlink" title="代码块"></a>代码块</h1><p>Markdown中,使用一组反引号<code>【`】</code>可以实现行内代码的突出显示。而行首的四个连续空格或者<code>【Tab】</code>制表符可以标记出一片代码块区域,不过用一组<code>【```】</code>可以更直观地标识出代码块区域。</p>
<pre><code class="markdown">#include &lt;stdio.h&gt;
int main(int argc, char *argv[]) &#123;
printf(&quot;Hello C World!&quot;);
return 0;
&#125;
</code></pre>
<h1 id="分割线"><a href="#分割线" class="headerlink" title="分割线"></a>分割线</h1><p>在一行内使用三个或三个以上的<code>【*】</code>、<code>【-】</code>或者<code>【_】</code>都可以在文内画出一条分割线,行内不能有注释等其他内容。<br>如下方是一条分割线</p>
<h1 id="引用"><a href="#引用" class="headerlink" title="引用"></a>引用</h1><p>创作时,有时候需要引用名人名言、名著佳句等,在Markdown中,使用<code>【&gt;】</code>符号标记引用,并支持嵌套,<code>【&gt;】</code>符号的个数即是此处引用的嵌套层数。</p>
<pre><code class="markdown">&gt; 生如夏花之绚烂,死如秋叶之静美。&lt;p align=&quot;right&quot;&gt;——泰戈尔&lt;/p&gt;
</code></pre>
<p>引用效果:</p>
<blockquote>
<p>生如夏花之绚烂,死如秋叶之静美。</p><p align="right">——泰戈尔</p><p></p>
</blockquote>
<ul>
<li>注:此处作者部分为让文本右对齐,使用了HTML标签的<code>【align】</code>属性实现。</li>
</ul>
<h1 id="其他"><a href="#其他" class="headerlink" title="其他"></a>其他</h1><p>由于Markdown文档最终会解析成HTML超文本格式,因此,对于Markdown原生语法集合无法实现的格式内容,仍然可以在Markdown文档中使用HTML语言和CSS样式来实现和控制。</p>
<h2 id="文档注释"><a href="#文档注释" class="headerlink" title="文档注释"></a>文档注释</h2><p>文档中有一些说明是用来提示创作者的,并不需要在网页中进行显示。此时,可以就使用文档注释把这部分内容隐藏显示。</p>
<ul>
<li><p>HTML注释:<br>Markdown文档支持两种HTML注释方法:一种是HTML支持的注释语法,即<code>【&lt;!-- 注释内容 --&gt;】</code>;另一种则是将元素的显示属性<code>【display】</code>设置为<code>【none】</code>,此时元素的内容即可看作是注释。</p>
<pre><code class="markdown">&lt;!-- 我是HTML直接支持的注释语法,单行注释 --&gt;
&lt;div style=&#39;display: none&#39;&gt;
我是HTML元素中的注释内容
&lt;/ div&gt;
</code></pre>
</li>
</ul>
<h2 id="特殊字符转义"><a href="#特殊字符转义" class="headerlink" title="特殊字符转义"></a>特殊字符转义</h2><p>对于<code>【&lt;】</code>、<code>【&amp;】</code>等特殊字符,使用其字符实体(<code>【&amp;lt】</code>、<code>【&amp;amp】</code>等),或者使用<code>【/】</code>进行转义后才可以直接显示。<br>而使用一对<code>【`】</code> 反引号包括直接输入的特殊字符时,则可以强调显示这些特殊字符。反引号<code>【`】</code>本身需要使用一对<code>【```】</code>才可以强调显示,<code>【```】</code>则需要一对<code>【`】</code>。</p>
<h2 id="文本控制"><a href="#文本控制" class="headerlink" title="文本控制"></a>文本控制</h2><ul>
<li>缩进<br>Markdown文档中,行首连续的四个空格会被识别成代码块标记,而行内的连续空格在解析时也会被被忽略掉。因此,要在Markdown文档中实现首行缩进,需要使用代表空格的字符实体如<code>【&amp;emsp;】</code>、<code>【&amp;#8195;】</code>占位以达到缩进效果。不同格式的空格所占的位置长度不一样,按需选择。而且字符实体后的英文分号<code>【;】</code>不可省略。</li>
</ul>
<pre><code class="markdown">1. &amp;emsp;或&amp;#8195; //全角
2. &amp;ensp;或&amp;#8194; //半角
3. &amp;nbsp;或&amp;#160; //半角的一半
</code></pre>
<ul>
<li><p>换行<br>在不同的Markdown编辑器上,有的使用一次回车也许就可以实现换行,而有道云笔记上需要在上一行末尾添加两个空格才能使用回车换行,VSCode中需要连续两次回车才能进行换行。</p>
</li>
<li><p>文本对齐<br>Markdown中文本对齐需要使用HTML标签的<code>【align】</code>属性进行控制。</p>
</li>
</ul>
<pre><code class="markdown">&lt;center&gt;行居中对齐&lt;/center&gt;
&lt;div align=&quot;center&quot;&gt;行居中对齐&lt;/div&gt;
&lt;p align=&quot;left&quot;&gt;行左对齐&lt;/p&gt;
&lt;p align=&quot;right&quot;&gt;行右对齐&lt;/p&gt;
</code></pre>
<img data-src="https://gitee.com/laoyuan13247/picture/raw/master/img/Markdown-文本对齐效果.png" witdh="100%" height="100%" title alt>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Note/Database/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%AE%A1%E7%90%86-SQL%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95/</guid>
<title>数据库管理-SQL基础语法</title>
<link>https://yunian.top/MyBlog/Note/Database/%E6%95%B0%E6%8D%AE%E5%BA%93%E7%AE%A1%E7%90%86-SQL%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="技术笔记" scheme="https://yunian.top/categories/MyBlog/Note/" />
<category term="数据库" scheme="https://yunian.top/categories/MyBlog/Note/Database/" />
<category term="数据库" scheme="https://yunian.top/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" />
<category term="技术笔记" scheme="https://yunian.top/tags/%E6%8A%80%E6%9C%AF%E7%AC%94%E8%AE%B0/" />
<category term="SQL" scheme="https://yunian.top/tags/SQL/" />
<pubDate>Fri, 27 Oct 2023 15:27:05 +0800</pubDate>
<description><![CDATA[ <h1 id="数据库管理-SQL基础语法"><a href="#数据库管理-SQL基础语法" class="headerlink" title="数据库管理-SQL基础语法"></a>数据库管理-SQL基础语法</h1><h2 id="创建数据表"><a href="#创建数据表" class="headerlink" title="创建数据表"></a>创建数据表</h2><p>数据表是数据存储的基本结构之一,支持查询、修改、删除和新增等多种数据操作,也能与其他的数据表建立关联,实现多表操作。</p>
<pre><code class="sql">-- 创建表(基础)
CREATE TABLE tableName(
column1 datatype [NOT NULL] [constraint],
cloumn2 datatype [NOT NULL] [constraint],
cloumn3 datatype [NOT NULL] [constraint],
...
)
</code></pre>
<h2 id="数据插入"><a href="#数据插入" class="headerlink" title="数据插入"></a>数据插入</h2><h3 id="1-INSERT-INTO"><a href="#1-INSERT-INTO" class="headerlink" title="1. INSERT INTO"></a>1. INSERT INTO</h3><p>在DB2等数据库中,向表中插入新数据常用的是SQL基础语法中的INSERT INTO语句。<br>INSERT INTO语句要求要插入数据的表(tableName)必须是存在的。该语句可以实现一行记录的导入或多行记录的批量导入,还可以指定更新的数据列等。指定列名时,可以只插入列出字段的数据,不指定列名和列序时,需要按照表结构设计的字段顺序和列数在VALUES排列好所有要插入的数据值。另外,还可以和SELECT查询语句关联,可将查询表中查询出的数据按照格式插入到目标表中。</p>
<pre><code class="SQL">-- 一行记录导入
INSERT INTO tableName (field1,field2,field3,...)
VALUES (value1,value2,value3,...);
-- 多行记录导入
INSERT INTO tableName (field1,field2,field3,...)
VALUES
(value11,value12,value13),
(value21,value22,value23),
...
-- 查询导入
INSERT INTO tableName (field1,field2,field3,...)
SELECT Afield1,Afield2,Afield3,...
FROM TableA
[WHERE Afield1 = &quot;&quot;]
</code></pre>
<h3 id="2-SELECT-INTO"><a href="#2-SELECT-INTO" class="headerlink" title="2.SELECT INTO"></a>2.SELECT INTO</h3><p>SELECT INTO可以从已有的表中查询出数据放入新表中,往往用于表的信息复制。不过有些数据库如DB2、MySQL等不支持SELECT INTO语句,因此,使用时需要注意数据库是否支持该语句。<br>INSERT INTO语句要求查询表和目标表都必须是已经存在的,而SELECT INTO语句要求查询表存在,而目标表不能存在,目标表会在数据插入时创建。</p>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Note/FineReport/FineReport-%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%BF%90%E7%BB%B4/</guid>
<title>帆软服务器运维</title>
<link>https://yunian.top/MyBlog/Note/FineReport/FineReport-%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%BF%90%E7%BB%B4/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="技术笔记" scheme="https://yunian.top/categories/MyBlog/Note/" />
<category term="FineReport" scheme="https://yunian.top/categories/MyBlog/Note/FineReport/" />
<pubDate>Fri, 27 Oct 2023 15:27:05 +0800</pubDate>
<description><![CDATA[ <h1 id="帆软服务器运维"><a href="#帆软服务器运维" class="headerlink" title="帆软服务器运维"></a>帆软服务器运维</h1><h2 id="重启帆软服务器"><a href="#重启帆软服务器" class="headerlink" title="重启帆软服务器"></a>重启帆软服务器</h2><p>帆软因某些报表崩溃或者内存占用过高导致服务器宕机时,使用shell工具连接帆软服务器进入指定目录,重启帆软内置的tomcat服务器:</p>
<pre><code class="shell"># 进入指定目录
cd /apps/tomcat-linux/bin
# 运行tomcat服务器启动脚本
./startup.sh
</code></pre>
]]></description>
</item>
<item>
<guid isPermalink="true">https://yunian.top/MyBlog/Note/Linux/Linux-%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/</guid>
<title>Linux-系统常用命令</title>
<link>https://yunian.top/MyBlog/Note/Linux/Linux-%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/</link>
<category term="余年" scheme="https://yunian.top/categories/MyBlog/" />
<category term="技术笔记" scheme="https://yunian.top/categories/MyBlog/Note/" />
<category term="Linux" scheme="https://yunian.top/categories/MyBlog/Note/Linux/" />
<pubDate>Fri, 27 Oct 2023 15:27:05 +0800</pubDate>
<description><![CDATA[ <h2 id="文件管理"><a href="#文件管理" class="headerlink" title="文件管理"></a>文件管理</h2><p>–删除路径下一定修改时间前的文件</p>
<pre><code class="vim">find /etl/job/script/logs -mtime +10 -name &#39;*.log&#39; -exec rm -rf &#123;&#125; \;
</code></pre>
<p>注:&#x2F;‘*.log’为日志文件后缀;+10表示修改时间为10天前;</p>
<h2 id="crontab定时模块"><a href="#crontab定时模块" class="headerlink" title="crontab定时模块"></a>crontab定时模块</h2><p>前注:<br>1、远程连接时,若误使用crontab命令等其他导致异常的情况,需要使用’Ctrl + C’命令先退出异常;<br>如果直接断开远程连接,将会导致计划列表被清空。<br>2、定时命令格式为 ‘* * * * * sh [脚本文件路径(含文件名及后缀)] [参数1] [参数2] …’;<br>其中’*’的位置分别对应分、时、天、月、年的时刻。</p>
<pre><code class="vim">--添加定时计划
crontab -e
--删除定时计划
crontab -r
--显示定时计划列表
crontab -l
--编辑定时计划内容
crontab -e
</code></pre>
]]></description>
</item>
</channel>
</rss>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。