<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>教程 on KUL藏宝库</title>
        <link>https://www.danlong360.com/c/%E6%95%99%E7%A8%8B/</link>
        <description>Recent content in 教程 on KUL藏宝库</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-cn</language>
        <copyright>KUL藏宝库</copyright>
        <lastBuildDate>Wed, 21 Jan 2026 15:44:22 +0800</lastBuildDate><atom:link href="https://www.danlong360.com/c/%E6%95%99%E7%A8%8B/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>免费领取夸克网盘1TB空间，夸克每天领取容量教程</title>
        <link>https://www.danlong360.com/post/2612134401/</link>
        <pubDate>Wed, 21 Jan 2026 15:44:22 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/2612134401/</guid>
        <description>&lt;p&gt;夸克网盘“每天领容量”方法指南：&lt;/p&gt;
&lt;p&gt;【每天领容量：】&lt;/p&gt;
&lt;p&gt;①&lt;strong&gt;新用户&lt;/strong&gt;注册第一天领取1T容量：&lt;/p&gt;
&lt;p&gt;新用户，用手机在你的手机软件商店下载夸克app，然后保存我分享的任意一个文件，即可领取1T容量；&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;注意，必须是用手机，用电脑领不到容量（可以用手机领了之后再电脑上使用）&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;用&lt;strong&gt;手机扫码下方专属二维码&lt;/strong&gt;或者&lt;strong&gt;手机打开下方专属链接&lt;/strong&gt;,保存即可免费领取1TB，第二天签到继续领取空间！&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;转存领取1T容量专属二维码&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/post/2612134401/image-20260130201325513.png&#34;
	width=&#34;126&#34;
	height=&#34;136&#34;
	
	loading=&#34;lazy&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;92&#34;
		data-flex-basis=&#34;222px&#34;
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;转存领取1T容量专属链接&lt;/strong&gt;： &lt;a class=&#34;link&#34; href=&#34;https://pan.quark.cn/s/51fb0d06dfae&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://pan.quark.cn/s/51fb0d06dfae&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;手机打开链接或者扫码后,保存&lt;/p&gt;
&lt;img src=&#34;IMG_20260121_163831.jpg&#34; style=&#34;zoom:50%;&#34; /&gt;
&lt;p&gt;&lt;strong&gt;②如何持续领容量：第二天，你继续登录夸克网盘可以继续领容量，以后每天登录每天领，还会翻倍，而且是永久容量，第七天免费领取1024MB！&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/post/2612134401/20240222051358128216.webp&#34;
	width=&#34;729&#34;
	height=&#34;731&#34;
	
	loading=&#34;lazy&#34;
	
		alt=&#34;img&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;99&#34;
		data-flex-basis=&#34;239px&#34;
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/post/2612134401/20240222051421351373.webp&#34;
	width=&#34;635&#34;
	height=&#34;622&#34;
	
	loading=&#34;lazy&#34;
	
		alt=&#34;img&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;102&#34;
		data-flex-basis=&#34;245px&#34;
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;③夸克网盘唯一缺点是，和百度网盘一样，不买会员存个文件慢得像蜗牛，买了会员快得像火箭！&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;我个人体验，夸克网盘的客户端比百度网盘好用，会员转存下载移动文件等操作都比百度网盘快！&lt;/p&gt;
</description>
        </item>
        <item>
        <title>应用程序没有调用 WSAStartup，或者 WSAStartup 失败 解决方法</title>
        <link>https://www.danlong360.com/post/26117114020/</link>
        <pubDate>Sat, 17 Jan 2026 23:40:41 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/26117114020/</guid>
        <description>&lt;p&gt;最近电脑使用过程中,一些软件经常报这个错误,找了很多方法都没解决&lt;/p&gt;
&lt;p&gt;什么重置网络的命令,一点用没有.&lt;/p&gt;
&lt;p&gt;直到我卸载了&lt;strong&gt;中国移动云盘&lt;/strong&gt;.发现问题解决了&amp;hellip;&amp;hellip;.&lt;/p&gt;
</description>
        </item>
        <item>
        <title>云原生开发：Vue3/Vite/Pinia/Axios/HTML/JS/CSS入门到项目实战</title>
        <link>https://www.danlong360.com/post/263461/</link>
        <pubDate>Sat, 17 May 2025 06:34:16 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/263461/</guid>
        <description>&lt;meta http-equiv=&#34;refresh&#34; content=&#34;0; url=https://www.coowsoft.com/35454.html&#34; /&gt;
&lt;script&gt;
	window.location.href = &#34;https:\/\/www.coowsoft.com\/35454.html&#34;;
&lt;/script&gt;
&lt;p&gt;正在跳转至 &lt;a href=&#34;https://www.coowsoft.com/35454.html&#34;&gt;https://www.coowsoft.com/35454.html&lt;/a&gt;...&lt;/p&gt;

&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/post/263461/20250517_063430.png&#34;
	width=&#34;600&#34;
	height=&#34;181&#34;
	
	loading=&#34;lazy&#34;
	
		alt=&#34;云原生开发：Vue3/Vite/Pinia/Axios/HTML/JS/CSS入门到项目实战 价值298元&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;331&#34;
		data-flex-basis=&#34;795px&#34;
	
&gt;&lt;/p&gt;
&lt;p&gt;本套课程云原生开发,零基础前端入门到脚手架实战，课程官方售价298.77元，课程包括Vue3、Vite、Pinia、Axios、HTML、JS、CSS等完整课程体系一目了然，做一个属于自己的项目；课程适合不知道职业方向、不知道该学什么、害怕被淘汰、总是被割韭菜；想要完全零基础前端知识的、想要学习HTML、CSS、JavaScript、Vue、Pinia、Vue Router、ElementPlus学员学习，文章底部附下载地址。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/post/263461/20250517_063436.png&#34;
	width=&#34;600&#34;
	height=&#34;300&#34;
	
	loading=&#34;lazy&#34;
	
		alt=&#34;云原生开发：Vue3/Vite/Pinia/Axios/HTML/JS/CSS入门到项目实战 价值298元&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;200&#34;
		data-flex-basis=&#34;480px&#34;
	
&gt;&lt;/p&gt;
&lt;h3 id=&#34;课程目录&#34;&gt;课程目录
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;1_00云原生开发课程介绍_fix_code_jd.mp4&lt;/p&gt;
&lt;p&gt;10_05理解数据类型.mp4&lt;/p&gt;
&lt;p&gt;100_17vue使用watch监听数据变化.mp4&lt;/p&gt;
&lt;p&gt;101_18vuewatch多个数据变化.mp4&lt;/p&gt;
&lt;p&gt;102_19vuewatch对象项目.mp4&lt;/p&gt;
&lt;p&gt;103_20vue键盘修饰符.mp4&lt;/p&gt;
&lt;p&gt;104_21vue鼠标修饰符.mp4&lt;/p&gt;
&lt;p&gt;105_01什么是vue组件.mp4&lt;/p&gt;
&lt;p&gt;106_02vue自定义组件初体验.mp4&lt;/p&gt;
&lt;p&gt;107_03vue组件传值defineprops.mp4&lt;/p&gt;
&lt;p&gt;108_04vue组件传值可选配置.mp4&lt;/p&gt;
&lt;p&gt;109_05vue组件自定义校验.mp4&lt;/p&gt;
&lt;p&gt;11_06理解数据结构.mp4&lt;/p&gt;
&lt;p&gt;110_06vue组件单向数据流.mp4&lt;/p&gt;
&lt;p&gt;111_07vue组件定义emit事件.mp4&lt;/p&gt;
&lt;p&gt;112_08vue组件emit事件传递参数.mp4&lt;/p&gt;
&lt;p&gt;113_09vue插槽slot介绍与使用.mp4&lt;/p&gt;
&lt;p&gt;114_10vue具名插槽-命名插槽.mp4&lt;/p&gt;
&lt;p&gt;115_11vue共享数据的发布和订阅.mp4&lt;/p&gt;
&lt;p&gt;116_12vueprovide和inject发布和订阅数据.mp4&lt;/p&gt;
&lt;p&gt;117_13vue发布函数修改provide的数据.mp4&lt;/p&gt;
&lt;p&gt;118_14vue发布只读数据.mp4&lt;/p&gt;
&lt;p&gt;119_15vue生命周期了解.mp4&lt;/p&gt;
&lt;p&gt;12_07数组的使用场景.mp4&lt;/p&gt;
&lt;p&gt;120_16vue生命周期钩子函数使用.mp4&lt;/p&gt;
&lt;p&gt;121_01什么是状态管理器pinia.mp4&lt;/p&gt;
&lt;p&gt;122_02vue状态管理基本使用.mp4&lt;/p&gt;
&lt;p&gt;123_03vue状态管理全局数据修改.mp4&lt;/p&gt;
&lt;p&gt;124_04vue状态管理actions传递参数.mp4&lt;/p&gt;
&lt;p&gt;125_05vue路由管理vuerouter介绍.mp4&lt;/p&gt;
&lt;p&gt;126_06vuerouterhash和history.mp4&lt;/p&gt;
&lt;p&gt;127_07vueroutervite初体验.mp4&lt;/p&gt;
&lt;p&gt;128_08vuerouterpush和replace.mp4&lt;/p&gt;
&lt;p&gt;129_09vuerouter动态路由.mp4&lt;/p&gt;
&lt;p&gt;13_08列表的使用场景.mp4&lt;/p&gt;
&lt;p&gt;130_10vuerouter通过js跳转路由.mp4&lt;/p&gt;
&lt;p&gt;131_11vuerouter路由调整传递参数.mp4&lt;/p&gt;
&lt;p&gt;132_12vueuserouter和useroute.mp4&lt;/p&gt;
&lt;p&gt;133_13vuerouter路由懒加载.mp4&lt;/p&gt;
&lt;p&gt;134_14vuerouter路由嵌套.mp4&lt;/p&gt;
&lt;p&gt;135_15vuerouter路由全局守卫.mp4&lt;/p&gt;
&lt;p&gt;136_16vuerouter路由独享守卫.mp4&lt;/p&gt;
&lt;p&gt;137_17axios后端接口调用介绍.mp4&lt;/p&gt;
&lt;p&gt;138_18axios初体验-发送get请求.mp4&lt;/p&gt;
&lt;p&gt;139_19axios添加请求参数.mp4&lt;/p&gt;
&lt;p&gt;14_09对象的使用场景.mp4&lt;/p&gt;
&lt;p&gt;140_20axios请求数据双向绑定.mp4&lt;/p&gt;
&lt;p&gt;141_21axios使用请求配置调用接口.mp4&lt;/p&gt;
&lt;p&gt;142_22axios创建和发送post类型的请求.mp4&lt;/p&gt;
&lt;p&gt;143_23axios接口超时配置.mp4&lt;/p&gt;
&lt;p&gt;144_24axios自定义请求头.mp4&lt;/p&gt;
&lt;p&gt;145_25axios定义全局配置.mp4&lt;/p&gt;
&lt;p&gt;146_26axios拦截器介绍.mp4&lt;/p&gt;
&lt;p&gt;147_27axios请求拦截器.mp4&lt;/p&gt;
&lt;p&gt;148_28axios响应拦截器.mp4&lt;/p&gt;
&lt;p&gt;149_29axios接口封装.mp4&lt;/p&gt;
&lt;p&gt;15_10强类型和弱类型语言.mp4&lt;/p&gt;
&lt;p&gt;150_30axios接口封装测试.mp4&lt;/p&gt;
&lt;p&gt;151_01脚手架项目及elementplus演示.mp4&lt;/p&gt;
&lt;p&gt;152_02脚手架项目基本配置.mp4&lt;/p&gt;
&lt;p&gt;153_03使用git管理项目.mp4&lt;/p&gt;
&lt;p&gt;154_04登录页-路由及登录框实现.mp4&lt;/p&gt;
&lt;p&gt;155_05登录页-实现用户名密码和登录按钮.mp4&lt;/p&gt;
&lt;p&gt;156_06登录页-实现输入框清空和密码显示功能.mp4&lt;/p&gt;
&lt;p&gt;157_07登录页-实现用户登录输入校验.mp4&lt;/p&gt;
&lt;p&gt;158_08登录页-根据校验结果设置登录的禁用状态.mp4&lt;/p&gt;
&lt;p&gt;159_09登录逻辑-实现登录调用后台接口.mp4&lt;/p&gt;
&lt;p&gt;16_11运算符分类.mp4&lt;/p&gt;
&lt;p&gt;160_10登录逻辑-接口地址和接口方法的封装.mp4&lt;/p&gt;
&lt;p&gt;161_11登录逻辑-实现jwttoken的存储.mp4&lt;/p&gt;
&lt;p&gt;162_12登录逻辑-实现请求头添加认证token.mp4&lt;/p&gt;
&lt;p&gt;163_13登录逻辑-判断登录状态是否已失效.mp4&lt;/p&gt;
&lt;p&gt;164_14登录逻辑-实现首页路由并且登录后自动跳转.mp4&lt;/p&gt;
&lt;p&gt;165_15登录逻辑-实现页面未登录的请求拦截.mp4&lt;/p&gt;
&lt;p&gt;166_16登录逻辑-登录框样式调整.mp4&lt;/p&gt;
&lt;p&gt;167_17layout-实现layout的拆分.mp4&lt;/p&gt;
&lt;p&gt;168_18layout-实现网页的标准布局.mp4&lt;/p&gt;
&lt;p&gt;169_19layout-asidelogo信息展示设计.mp4&lt;/p&gt;
&lt;p&gt;17_12数学、逻辑、比较运算符使用.mp4&lt;/p&gt;
&lt;p&gt;170_20layout-logo点击跳转及样式修复.mp4&lt;/p&gt;
&lt;p&gt;171_21layout-aside菜单实现.mp4&lt;/p&gt;
&lt;p&gt;172_22layout-自动生成菜单配置梳理.mp4&lt;/p&gt;
&lt;p&gt;173_23layout-实现菜单的自动生成.mp4&lt;/p&gt;
&lt;p&gt;174_24layout-使用iconfont定义菜单图标.mp4&lt;/p&gt;
&lt;p&gt;175_25用户管理-实现用户管理的路由映射.mp4&lt;/p&gt;
&lt;p&gt;176_26用户管理-实现菜单根据路由默认激活.mp4&lt;/p&gt;
&lt;p&gt;177_27用户管理-el-table使用详情介绍.mp4&lt;/p&gt;
&lt;p&gt;178_28用户管理-获取后端数据并展示.mp4&lt;/p&gt;
&lt;p&gt;179_29用户管理-自动获取用户列表及加载效果.mp4&lt;/p&gt;
&lt;p&gt;18_13理解逻辑控制.mp4&lt;/p&gt;
&lt;p&gt;180_30用户管理-实现删除功能和删除确认.mp4&lt;/p&gt;
&lt;p&gt;181_31用户管理-添加用户弹窗功能实现.mp4&lt;/p&gt;
&lt;p&gt;182_32用户管理-添加用户页面组件实现.mp4&lt;/p&gt;
&lt;p&gt;183_33用户管理-表单一键清空功能实现.mp4&lt;/p&gt;
&lt;p&gt;184_34用户管理-实现表单提交功能.mp4&lt;/p&gt;
&lt;p&gt;185_35用户管理-实现表单的验证.mp4&lt;/p&gt;
&lt;p&gt;186_36用户管理-实现删除后自动更新数据.mp4&lt;/p&gt;
&lt;p&gt;187_37用户管理-实现添加数据后自动刷新列表.mp4&lt;/p&gt;
&lt;p&gt;188_38用户管理-实现关闭弹窗自动刷新列表.mp4&lt;/p&gt;
&lt;p&gt;189_39用户管理-实现编辑功能的组件.mp4&lt;/p&gt;
&lt;p&gt;19_14条件语句和循环语句使用场景.mp4&lt;/p&gt;
&lt;p&gt;190_40用户管理-实现编辑功能接口调用及自动刷新.mp4&lt;/p&gt;
&lt;p&gt;191_41用户管理-解决form表单无法清空的问题.mp4&lt;/p&gt;
&lt;p&gt;192_42header-实现header功能的布局.mp4&lt;/p&gt;
&lt;p&gt;193_43header-实现用户退出的功能.mp4&lt;/p&gt;
&lt;p&gt;194_44header-使用pinia管理菜单的折叠状态.mp4&lt;/p&gt;
&lt;p&gt;195_45header-实现aside的折叠功能.mp4&lt;/p&gt;
&lt;p&gt;196_46header-解决折叠卡顿的问题.mp4&lt;/p&gt;
&lt;p&gt;197_47上线-vue多环境配置-不同环境不同配置.mp4&lt;/p&gt;
&lt;p&gt;198_48上线-前端代码部署上线流程.mp4&lt;/p&gt;
&lt;p&gt;199_49上线-使用docker容器部署前端vue代码.mp4&lt;/p&gt;
&lt;p&gt;2_01课程大纲详解fix_code_1.3jq.mp4&lt;/p&gt;
&lt;p&gt;20_15理解函数.mp4&lt;/p&gt;
&lt;p&gt;200_50上线-使用k8s部署vue前端代码.mp4&lt;/p&gt;
&lt;p&gt;201_51脚手架项目总结.mp4&lt;/p&gt;
&lt;p&gt;21_16代码开发规范的重要性.mp4&lt;/p&gt;
&lt;p&gt;22_17代码开发命名规范.mp4&lt;/p&gt;
&lt;p&gt;23_18代码开发注释规范.mp4&lt;/p&gt;
&lt;p&gt;24_00程序开发代码管理内容介绍说明.mp4&lt;/p&gt;
&lt;p&gt;25_01为什么需要代码管理.mp4&lt;/p&gt;
&lt;p&gt;26_02主流代码仓库介绍.mp4&lt;/p&gt;
&lt;p&gt;27_03gitbash安装及配置.mp4&lt;/p&gt;
&lt;p&gt;28_04git仓库管理.mp4&lt;/p&gt;
&lt;p&gt;29_05git命令详解.mp4&lt;/p&gt;
&lt;p&gt;3_02项目演示_1.3倍速.mp4&lt;/p&gt;
&lt;p&gt;30_07git分支管理.mp4&lt;/p&gt;
&lt;p&gt;31_08git版本管理.mp4&lt;/p&gt;
&lt;p&gt;32_01vscode的安装.mp4&lt;/p&gt;
&lt;p&gt;33_02vscode集成前端开发工具包.mp4&lt;/p&gt;
&lt;p&gt;34_03认识html.mp4&lt;/p&gt;
&lt;p&gt;35_04html5基本结构.mp4&lt;/p&gt;
&lt;p&gt;36_05html初体验.mp4&lt;/p&gt;
&lt;p&gt;37_06html文本标签.mp4&lt;/p&gt;
&lt;p&gt;38_07html有序和无序列表.mp4&lt;/p&gt;
&lt;p&gt;39_08html描述列表.mp4&lt;/p&gt;
&lt;p&gt;4_为什么要学这门课程.mp4&lt;/p&gt;
&lt;p&gt;40_09html表格使用.mp4&lt;/p&gt;
&lt;p&gt;41_10html表格行列标题.mp4&lt;/p&gt;
&lt;p&gt;42_11html超链接-外部链接.mp4&lt;/p&gt;
&lt;p&gt;43_12html内部链接和锚点链接.mp4&lt;/p&gt;
&lt;p&gt;44_13html超链接特殊用法.mp4&lt;/p&gt;
&lt;p&gt;45_14html图片标签img.mp4&lt;/p&gt;
&lt;p&gt;46_15html表单标签form.mp4&lt;/p&gt;
&lt;p&gt;47_16html输入框input.mp4&lt;/p&gt;
&lt;p&gt;48_17html输入框input常用属性.mp4&lt;/p&gt;
&lt;p&gt;49_18html容器标签div.mp4&lt;/p&gt;
&lt;p&gt;5_00程序开发通用思想内容介绍说明.mp4&lt;/p&gt;
&lt;p&gt;50_19css初识.mp4&lt;/p&gt;
&lt;p&gt;51_20css颜色和大小设置.mp4&lt;/p&gt;
&lt;p&gt;52_21css位置和内外边距设置.mp4&lt;/p&gt;
&lt;p&gt;53_22css边框设置.mp4&lt;/p&gt;
&lt;p&gt;54_23css背景设置.mp4&lt;/p&gt;
&lt;p&gt;55_24css内部样式表.mp4&lt;/p&gt;
&lt;p&gt;56_25css外部导入样式表.mp4&lt;/p&gt;
&lt;p&gt;57_26css类选择器.mp4&lt;/p&gt;
&lt;p&gt;58_27cssid选择器.mp4&lt;/p&gt;
&lt;p&gt;59_28css后代选择器.mp4&lt;/p&gt;
&lt;p&gt;6_01认识开发语言.mp4&lt;/p&gt;
&lt;p&gt;60_29css子选择器.mp4&lt;/p&gt;
&lt;p&gt;61_30css兄弟选择器.mp4&lt;/p&gt;
&lt;p&gt;62_31css网页布局display.mp4&lt;/p&gt;
&lt;p&gt;63_32css网页布局flex.mp4&lt;/p&gt;
&lt;p&gt;64_33css网页布局-flex排列方向.mp4&lt;/p&gt;
&lt;p&gt;65_34css网页布局-flex对齐方式.mp4&lt;/p&gt;
&lt;p&gt;66_01什么是javascript.mp4&lt;/p&gt;
&lt;p&gt;67_02javascript初体验.mp4&lt;/p&gt;
&lt;p&gt;68_03javascript操作window.mp4&lt;/p&gt;
&lt;p&gt;69_04javascript操作dom.mp4&lt;/p&gt;
&lt;p&gt;7_02开发语言对比和擅长领域分析.mp4&lt;/p&gt;
&lt;p&gt;70_05javascript修改网页样式.mp4&lt;/p&gt;
&lt;p&gt;71_06javascript实现元素的显示和隐藏.mp4&lt;/p&gt;
&lt;p&gt;72_07javascript常用数据类型.mp4&lt;/p&gt;
&lt;p&gt;73_08javascript定义变量和类型判断.mp4&lt;/p&gt;
&lt;p&gt;74_09javascript对象和数组操作.mp4&lt;/p&gt;
&lt;p&gt;75_10javascript数学运算符.mp4&lt;/p&gt;
&lt;p&gt;76_11javascript比较运算符.mp4&lt;/p&gt;
&lt;p&gt;77_12javascript逻辑运算符.mp4&lt;/p&gt;
&lt;p&gt;78_13javascript流程控制if-else.mp4&lt;/p&gt;
&lt;p&gt;79_14javascript流程控制switch.mp4&lt;/p&gt;
&lt;p&gt;8_03什么是解释型和编译型语言.mp4&lt;/p&gt;
&lt;p&gt;80_15javascript循环for和while.mp4&lt;/p&gt;
&lt;p&gt;81_16javascript循环foreach.mp4&lt;/p&gt;
&lt;p&gt;82_17javascript定义函数.mp4&lt;/p&gt;
&lt;p&gt;83_18javascript箭头函数.mp4&lt;/p&gt;
&lt;p&gt;84_01什么是vue-hc.mp4&lt;/p&gt;
&lt;p&gt;85_02为什么要使用vue.mp4&lt;/p&gt;
&lt;p&gt;86_03vue初体验-实现计数器.mp4&lt;/p&gt;
&lt;p&gt;87_04vue应用程序原理.mp4&lt;/p&gt;
&lt;p&gt;88_05vue3和vue2语法区别.mp4&lt;/p&gt;
&lt;p&gt;89_06vuevite项目工程化.mp4&lt;/p&gt;
&lt;p&gt;9_04理解变量和常量.mp4&lt;/p&gt;
&lt;p&gt;90_07vue工程化项目详解_hc_jq.mp4&lt;/p&gt;
&lt;p&gt;91_08vuesetupref和reactive的区别.mp4&lt;/p&gt;
&lt;p&gt;92_09vue定义只读数据.mp4&lt;/p&gt;
&lt;p&gt;93_10vue指令v-on.mp4&lt;/p&gt;
&lt;p&gt;94_11vue指令v-model.mp4&lt;/p&gt;
&lt;p&gt;95_12vue指令v-model修饰符.mp4&lt;/p&gt;
&lt;p&gt;96_13vue指令v-show.mp4&lt;/p&gt;
&lt;p&gt;97_14vue指令v-if-else.mp4&lt;/p&gt;
&lt;p&gt;98_15vue指令v-for.mp4&lt;/p&gt;
&lt;p&gt;99_16vuecomputed和methods区别声音变大.mp4&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;下载地址&#34;&gt;下载地址
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://pan.quark.cn/s/20e2df8be580&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://pan.quark.cn/s/20e2df8be580&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>Photoshop2025全面核心技术训练视频教程(中文字幕)</title>
        <link>https://www.danlong360.com/post/632298/</link>
        <pubDate>Wed, 12 Mar 2025 22:04:24 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/632298/</guid>
        <description>&lt;p&gt;Adobe Photoshop 2025是一款全球流行的专业图像处理软件及照片和设计软件，它隶属于Adobe Creative Cloud创意云桌面程序中心。Photoshop作为平面设计领域和数字图象处理行业的标准工具，一直以来都是设计师、摄影师以及艺术家们的首选。随着技术的不断进步，Photoshop 2025不仅在功能上有所创新，同时也引入了更多的AI驱动能力，旨在提升用户的创作效率和体验。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/post/632298/20250312_100450.png&#34;
	width=&#34;640&#34;
	height=&#34;499&#34;
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Photoshop2025全面核心技术训练视频教程(中文字幕)&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;128&#34;
		data-flex-basis=&#34;307px&#34;
	
&gt;&lt;/p&gt;
&lt;h3 id=&#34;软件特点&#34;&gt;软件特点
&lt;/h3&gt;&lt;p&gt;1. 增强的智能工具：Photoshop 2025增强了其AI驱动的能力，比如改进的“快速选择”工具，它不仅能提高精度，还能通过学习用户的选择行为进行智能推荐，从而大大提升了日常设计工作的效率。
2. 跨平台协作：用户现在可以在Mac、iPad等设备间无缝切换，方便在不同环境中进行编辑和创作，这种灵活性为创作者提供了极大的便利。
3. 用户体验优化：除了技术上的进步，Photoshop 2025也注重用户体验的优化，如新的界面语言菜单支持多种语言，这使得全球各地的用户都能更加顺畅地使用软件。
4. 非破坏性编辑：Photoshop 提供了智能对象功能，允许用户在不破坏原图的情况下应用多种效果，为后期调整带来极大便利。&lt;/p&gt;
&lt;h3 id=&#34;软件功能&#34;&gt;软件功能
&lt;/h3&gt;&lt;p&gt;生成式填色与扩张：利用最新的Adobe Firefly Image模型，用户可以创建更逼真的影像，同时还可以通过简单的文字提示来生成背景或扩展现有影像的内容。
3D对象的支持：Photoshop 2025测试版重新引入了对3D对象的支持，用户可以拖放3D对象并进行一定程度的修改。
生成工作区：新推出的生成工作区让用户可以通过输入多个生成提示，批量生成图像，并且可以根据不同的变量组合来生成多个版本的图像。&lt;/p&gt;
&lt;p&gt;为了帮助用户更好地掌握Photoshop 2025的新功能和核心技能，Julieanne Kost制作了一套名为《Photoshop 2025全面核心技术训练视频教程》的课程。这套课程分为28个章节，内容涵盖了Photoshop的核心功能，包括图层的使用、调色及滤镜的应用、选区技巧等基本功，同时也介绍了最新的AI技术应用，如内容识别功能和智能模糊。&lt;/p&gt;
&lt;h3 id=&#34;下载地址&#34;&gt;下载地址
&lt;/h3&gt;&lt;hr&gt;
&lt;p&gt;Photoshop2025全面核心技术训练视频教程(中文字幕)&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://pan.quark.cn/s/8ecedfd7bd93&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://pan.quark.cn/s/8ecedfd7bd93&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>腾小鱼：C4D零基础实训班第13期，视频&#43;资料素材</title>
        <link>https://www.danlong360.com/post/334288/</link>
        <pubDate>Sat, 08 Mar 2025 01:52:10 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/334288/</guid>
        <description>&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/post/334288/20250308_015225.png&#34;
	width=&#34;600&#34;
	height=&#34;305&#34;
	
	loading=&#34;lazy&#34;
	
		alt=&#34;腾小鱼：C4D零基础实训班第13期，视频&amp;#43;资料素材&#34;
	
	
		class=&#34;gallery-image&#34; 
		data-flex-grow=&#34;196&#34;
		data-flex-basis=&#34;472px&#34;
	
&gt;&lt;/p&gt;
&lt;p&gt;本套课程腾小鱼：C4D零基础实训班第13期，课程官方售价2280元，课程分为C4D基础入门篇、产品海报篇、商业变现篇、虚拟人物篇、动画篇等内容，帮助大家掌握三维与渲染、赢得商业项目与客户、提升职场竞争力，老师授课风趣幽默，知识点讲解清晰，不仅能让你掌握C4D的专业技能，通过商业实战案例让大家更能直接学习到能够直接应用的技巧，课程内容包括视频以及相关素材&lt;/p&gt;
&lt;h3 id=&#34;课程目录&#34;&gt;课程目录
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;01-录播课前预习&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;1.1简单物品建模（上）.mp4&lt;/p&gt;
&lt;p&gt;1.2简单物品建模（下）.mp4&lt;/p&gt;
&lt;p&gt;1.3麦饭石煎锅（上）.mp4&lt;/p&gt;
&lt;p&gt;1.4麦饭石煎锅（下）.mp4&lt;/p&gt;
&lt;p&gt;1.5精油海报（上）.mp4&lt;/p&gt;
&lt;p&gt;1.6精油海报（下）.mp4&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;02-c4d基础入门篇&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;2.1口红建模渲染（上）.mp4&lt;/p&gt;
&lt;p&gt;2.2口红建模渲染（下）.mp4&lt;/p&gt;
&lt;p&gt;2.3化妆刷建模渲染（上）.mp4&lt;/p&gt;
&lt;p&gt;2.4化妆刷建模渲染（下）.mp4&lt;/p&gt;
&lt;p&gt;2.5章节总结与作业点评.mp4&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;03-产品海报篇&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;3.1酒瓶氛围海报（上）.mp4&lt;/p&gt;
&lt;p&gt;3.2酒瓶氛围海报（下）.mp4&lt;/p&gt;
&lt;p&gt;3.3酒瓶氛围海报灯光.mp4&lt;/p&gt;
&lt;p&gt;3.4时尚眼镜海报（上）.mp4&lt;/p&gt;
&lt;p&gt;3.5时尚眼镜海报（下）.mp4&lt;/p&gt;
&lt;p&gt;3.6洗发水流体氛围海报（上）.mp4&lt;/p&gt;
&lt;p&gt;3.7洗发水流体氛围海报（下）.mp4&lt;/p&gt;
&lt;p&gt;3.8章节总结与作业点评.mp4&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;04-商业变现篇&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;4.1美妆场景建模渲染（上）.mp4&lt;/p&gt;
&lt;p&gt;4.2美妆场景建模渲染（下）.mp4&lt;/p&gt;
&lt;p&gt;4.33c产品场景建模渲染（上）.mp4&lt;/p&gt;
&lt;p&gt;4.43c产品场景建模渲染（下）.mp4&lt;/p&gt;
&lt;p&gt;4.5章节总结与作业点评.mp4&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;05-虚拟人物篇&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;5.1虚拟人物建模.mp4&lt;/p&gt;
&lt;p&gt;5.2虚拟人物渲染.mp4&lt;/p&gt;
&lt;p&gt;5.3形体与雕刻学习.mp4&lt;/p&gt;
&lt;p&gt;5.4虚拟人物材质学习.mp4&lt;/p&gt;
&lt;p&gt;5.5章节总结与作业点评.mp4&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;06-动画篇&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;6.1动画篇1（直播）.mp4&lt;/p&gt;
&lt;p&gt;6.2动画篇2.mp4&lt;/p&gt;
&lt;p&gt;6.3服装类内裤建模与渲染.mp4&lt;/p&gt;
&lt;p&gt;6.4作品集制作指导.mp4&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;课程素材&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;充电宝案例贴图&lt;/p&gt;
&lt;p&gt;第七课案例图&lt;/p&gt;
&lt;p&gt;第三课案例图&lt;/p&gt;
&lt;p&gt;第一课案例图&lt;/p&gt;
&lt;p&gt;流体案例贴图&lt;/p&gt;
&lt;p&gt;清除问号材质脚本&lt;/p&gt;
&lt;p&gt;软件工具&lt;/p&gt;
&lt;p&gt;时尚眼睛课&lt;/p&gt;
&lt;p&gt;水果工程（腾小渔调）&lt;/p&gt;
&lt;p&gt;腾小渔2024界面&lt;/p&gt;
&lt;p&gt;贴图与hdr&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;课程下载&#34;&gt;课程下载
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://pan.quark.cn/s/89dba914f229&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://pan.quark.cn/s/89dba914f229&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>obsidian搭配PicGO上传图片出现upload failed, check dev console的解决办法</title>
        <link>https://www.danlong360.com/post/obsidianerror/</link>
        <pubDate>Mon, 02 Sep 2024 15:04:18 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/obsidianerror/</guid>
        <description>&lt;p&gt;将 PICGO 中使用内置剪切板上传的功能关闭即可解决&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/09/02/1iV3mLa8bX4xp9z.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240902150611204&#34;
	
	
&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>Hugo部署到VPS</title>
        <link>https://www.danlong360.com/post/hugotovps/</link>
        <pubDate>Sun, 01 Sep 2024 09:49:23 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/hugotovps/</guid>
        <description>&lt;h3 id=&#34;vps-部署-hugo&#34;&gt;VPS 部署 Hugo
&lt;/h3&gt;&lt;h4 id=&#34;1安装-hugo&#34;&gt;1.安装 Hugo
&lt;/h4&gt;&lt;p&gt;APT 安装的版本较老，所以去 &lt;a class=&#34;link&#34; href=&#34;https://github.com/gohugoio/hugo/releases&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Github&lt;/a&gt; 直接下载 .deb 包安装，要下载 extended 版本。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;wget https://github.com/gohugoio/hugo/releases/download/v0.125.2/hugo_extended_0.125.2_linux-amd64.deb
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;dpkg -i hugo_extended_0.125.2_linux-amd64.deb
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;安装完成后检查版本。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;hugo version
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h4 id=&#34;2运行-hugo&#34;&gt;2.运行 Hugo
&lt;/h4&gt;&lt;p&gt;把本机的 hugo 博客目录打包上传到 VPS 上，在 hugo 目录运行：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;hugo server --appendPort&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;nb&#34;&gt;false&lt;/span&gt; --baseURL&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;https://域名&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;如果不加 –appendPort 参数会导致搜索无法使用。&lt;/p&gt;
&lt;p&gt;运行后会在 hugo 目录生成 public 目录，用 Nginx 配置的静态网站指向这个目录，再配置好证书就可以访问了。&lt;/p&gt;
&lt;h4 id=&#34;3同步&#34;&gt;3.同步
&lt;/h4&gt;&lt;p&gt;安装了 Syncthing 在服务器和本机上双向同步 Hugo 目录。&lt;/p&gt;
&lt;p&gt;这样修改了内容基本秒是同步的，记得排除掉 VPS 的 public/* 目录。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/09/01/8ziY4nosaIhe25U.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240901095339637&#34;
	
	
&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>删除腾讯文档等软件导致的Windows右键-新建中多余菜单项</title>
        <link>https://www.danlong360.com/post/youjian111/</link>
        <pubDate>Fri, 30 Aug 2024 23:28:45 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/youjian111/</guid>
        <description>&lt;p&gt;在电脑中安装腾讯文档等软件应用后,会在右键新建菜单中多了很多菜单.用起来也不方便,直接删掉最好,这类菜单比较顽固,常规手法很难删除.找了一款国外软件,可以很方便的解决掉这个问题.&lt;/p&gt;
&lt;h3 id=&#34;问题演示&#34;&gt;问题演示
&lt;/h3&gt;&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/30/5pCFr1HNic7yavV.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240830233125995&#34;
	
	
&gt;&lt;/p&gt;
&lt;h3 id=&#34;解决方法&#34;&gt;解决方法
&lt;/h3&gt;&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/30/Tgi5weZSa1UcByv.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240830233145636&#34;
	
	
&gt;&lt;/p&gt;
&lt;h3 id=&#34;下载地址&#34;&gt;下载地址
&lt;/h3&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://pan.quark.cn/s/8eb5be84df96&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://pan.quark.cn/s/8eb5be84df96&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>Windows系统中为 git 命令设置代理</title>
        <link>https://www.danlong360.com/post/gitproxy/</link>
        <pubDate>Tue, 27 Aug 2024 18:31:01 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/gitproxy/</guid>
        <description>&lt;h2 id=&#34;1设置方式http和socks&#34;&gt;1.设置方式：&lt;code&gt;http&lt;/code&gt;和&lt;code&gt;socks&lt;/code&gt;
&lt;/h2&gt;&lt;p&gt;v2rayN 默认监听 1080/1081 端口，如果修改过默认端口，那么请自行替换下列端口。其中&lt;strong&gt;1080 为 socks 端口，1081 为 http 端口&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;博主的 v2rayN 监听端口为：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;socks:10808
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;http:10809
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;2设置http代理&#34;&gt;2.设置&lt;code&gt;http&lt;/code&gt;代理
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git config --global http.proxy http://127.0.0.1:10809
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git config --global https.proxy https://127.0.0.1:10809
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;3设置scoks代理&#34;&gt;3.设置&lt;code&gt;scoks&lt;/code&gt;代理
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git config --global http.proxy socks5://127.0.0.1:10808
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git config --global https.proxy socks5://127.0.0.1:10808
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;4查看-git-所有配置&#34;&gt;4.查看 Git 所有配置
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git config -l
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;5取消代理设置&#34;&gt;5.取消代理设置
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git config --global --unset http.proxy
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;git config --global --unset https.proxy
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        <item>
        <title>Hugo部署到VPS服务器</title>
        <link>https://www.danlong360.com/post/hugobushuvps/</link>
        <pubDate>Mon, 26 Aug 2024 16:47:12 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/hugobushuvps/</guid>
        <description>&lt;h3 id=&#34;debian-安装-hugo&#34;&gt;Debian 安装 Hugo
&lt;/h3&gt;&lt;p&gt;APT 安装的版本较老，所以去 &lt;a class=&#34;link&#34; href=&#34;https://github.com/gohugoio/hugo/releases&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Github&lt;/a&gt; 直接下载 .deb 包安装，要下载 extended 版本。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-cmd&#34; data-lang=&#34;cmd&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;wget https://github.com/gohugoio/hugo/releases/download/v0.125.2/hugo_extended_0.125.2_linux-amd64.deb
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;dpkg -i hugo_extended_0.125.2_linux-amd64.deb
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;安装完成后检查版本。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-cmd&#34; data-lang=&#34;cmd&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;hugo version
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id=&#34;运行-hugo&#34;&gt;运行 Hugo
&lt;/h3&gt;&lt;p&gt;把本机的 hugo 博客目录打包上传到 VPS 上，在 hugo 目录运行：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-cmd&#34; data-lang=&#34;cmd&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;hugo server --appendPort=false --baseURL=&lt;span class=&#34;s2&#34;&gt;&amp;#34;https://域名地址&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;如果不加 –appendPort 参数会导致搜索无法使用。&lt;/p&gt;
&lt;p&gt;运行后会在 hugo 目录生成 public 目录，用 Nginx 配置的静态网站指向这个目录，再配置好证书就可以访问了。&lt;/p&gt;
&lt;h2 id=&#34;同步&#34;&gt;同步
&lt;/h2&gt;&lt;p&gt;成功部署到 VPS 后发现想修改文章或者主题有点麻烦,可以安装 Syncthing 在服务器和本机上双向同步 Hugo 目录。&lt;/p&gt;
&lt;p&gt;这样修改了内容基本秒是同步的，记得排除掉 VPS 的 public/* 目录。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/26/qhtZiHUgJTlLC4m.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;syncthing-hugo&#34;
	
	
&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>iphone苹果手机设置防骚扰,彻底解决广告骚扰电话</title>
        <link>https://www.danlong360.com/post/pingguohoujifangsaorao/</link>
        <pubDate>Fri, 23 Aug 2024 16:03:12 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/pingguohoujifangsaorao/</guid>
        <description>&lt;p&gt;iphone 手机在防骚扰电话方面非常差,即使借助第三方的拦截 APP 软件,也是毫无作用,骚扰电话该怎么打还是怎么打.&lt;/p&gt;
&lt;p&gt;为了防骚扰电话,只能另辟蹊径.iphone 手机里面的专注模式可以有效的防骚扰电话,一起来看看如何操作.&lt;/p&gt;
&lt;h2 id=&#34;设置教程&#34;&gt;设置教程
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;打开手机设置里面的专注模式&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/f9nCbMh6lFvZugo.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823160719428&#34;
	
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;点击右上角+号,新增自定义模式&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/tx9XrNFmhq6RHCT.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823160821057&#34;
	
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/iKwnQ7lWxTjb4IF.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823160854091&#34;
	
	
&gt;&lt;/p&gt;
&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;
&lt;p&gt;起一个名字,可以随意,这里就用&amp;quot;防骚扰电话&amp;quot;来作为名字&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/FusjPQXAykrMTdU.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823160946596&#34;
	
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;自定义专注模式&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/wBZypbSjDU5MWuL.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161026739&#34;
	
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;点击联系人,设置仅限联系人&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/oru3lBSV7gcIZiR.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161101290&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/QVFXmG8j4YZuvcN.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161129962&#34;
	
	
&gt;&lt;/p&gt;
&lt;ol start=&#34;6&#34;&gt;
&lt;li&gt;
&lt;p&gt;&amp;ldquo;允许重复来电&amp;quot;勾选,一般真有事的陌生号码会打两遍,这样设置可以防止漏接电话&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/aHKBOAPCuf7dWjl.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161309157&#34;
	
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;将 APP 通知里面的电话通知选项取消&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/r4du5sthqTwfkJR.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161348814&#34;
	
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/I51ykHOBjUFdKSn.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161408718&#34;
	
	
&gt;&lt;/p&gt;
&lt;ol start=&#34;8&#34;&gt;
&lt;li&gt;
&lt;p&gt;开启刚才设置的防骚扰专注模式,手机右上角下拉,点击专注模式.选择&amp;quot;防骚扰电话&amp;quot;模式&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/q1Vo7wdLFuvlJn6.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161604057&#34;
	
	
&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/23/exrKnHMlo24Bu53.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240823161620807&#34;
	
	
&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>Hugo_stack修改“链接页面为三栏样式”</title>
        <link>https://www.danlong360.com/post/sanlanlianjieyemian/</link>
        <pubDate>Thu, 22 Aug 2024 11:44:10 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/sanlanlianjieyemian/</guid>
        <description>&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/22/FjezfulOIZ25EwY.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240822114444969&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;在 custom.scss 中写入以下内容:&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;19
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;20
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;21
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;22
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;23
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;24
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;25
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;//&lt;/span&gt;  &lt;span class=&#34;o&#34;&gt;~&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;blog&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;assets&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;scss&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;custom&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;scss&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;//&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;--------------------------------------------------&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;//&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;链接三栏&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;media&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;min-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;1024px&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-list--compact&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;links&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;display&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;grid&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;grid-template-columns&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;fr&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;fr&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;fr&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;//三个1fr即为三栏,两个1fr则为双栏,以此类推即可.&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;box-shadow&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;gap&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;rem&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;err&#34;&gt;article&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;card&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;border&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;box-shadow&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;shadow&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;l2&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;margin-bottom&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;8&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;border-radius&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;card&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;border&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;radius&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;err&#34;&gt;&amp;amp;:nth-child(odd)&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;				&lt;span class=&#34;k&#34;&gt;margin-right&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;8&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        <item>
        <title>Hugo_stack主题修改“归档页面为双栏显示”</title>
        <link>https://www.danlong360.com/post/stackshuanglangxianshi/</link>
        <pubDate>Thu, 22 Aug 2024 11:42:39 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/stackshuanglangxianshi/</guid>
        <description>&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/22/3scy2olbJREfF4N.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240822114319955&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/22/3scy2olbJREfF4N.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
	
&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;19
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;20
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;21
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;22
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;//&lt;/span&gt;  &lt;span class=&#34;o&#34;&gt;~&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;blog&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;assets&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;scss&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;\&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;custom&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;scss&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;//&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;--------------------------------------------------&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;//&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;归档页面双栏&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;/* 归档页面两栏 */&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;@&lt;/span&gt;&lt;span class=&#34;k&#34;&gt;media&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;min-width&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;1024px&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;article-list--compact&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;display&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;grid&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;grid-template-columns&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;fr&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;fr&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;box-shadow&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;gap&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;1&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;rem&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;err&#34;&gt;article&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;card&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;background&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;border&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;none&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;box-shadow&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;shadow&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;l2&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;margin-bottom&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;8&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;			&lt;span class=&#34;k&#34;&gt;border-radius&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;16&lt;/span&gt;&lt;span class=&#34;kt&#34;&gt;px&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        <item>
        <title>Hugo页面底栏添加“网站运行时长”stack主题</title>
        <link>https://www.danlong360.com/post/wangzhanyunxingshichang/</link>
        <pubDate>Thu, 22 Aug 2024 11:19:23 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/wangzhanyunxingshichang/</guid>
        <description>&lt;p&gt;&lt;strong&gt;在 layouts/partials/footer/custom.html 里添加以下 JS 代码，其中 s1 是网站创建日期。代码参考自这里 ，加上了小时和分钟的计算。&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-js&#34; data-lang=&#34;js&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;c&#34;&gt;&amp;lt;!--&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Add&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;blog&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;running&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;time&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;script&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;s1&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;2023-3-18&amp;#39;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt; &lt;span class=&#34;c1&#34;&gt;//website start date
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nx&#34;&gt;s1&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;Date&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;s1&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;replace&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;sr&#34;&gt;/-/g&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;/&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;));&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;s2&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;Date&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;();&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;timeDifference&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;s2&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;getTime&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;()&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;s1&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;getTime&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;();&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;days&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;Math&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;floor&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;timeDifference&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;/&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;mi&#34;&gt;1000&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;24&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;));&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;hours&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;Math&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;floor&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;((&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;timeDifference&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;%&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;mi&#34;&gt;1000&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;24&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;))&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;/&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;mi&#34;&gt;1000&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;));&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;minutes&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;Math&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;floor&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;((&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;timeDifference&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;%&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;mi&#34;&gt;1000&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;))&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;/&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;mi&#34;&gt;1000&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;*&lt;/span&gt; &lt;span class=&#34;mi&#34;&gt;60&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;));&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;kd&#34;&gt;let&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;result&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;days&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;天&amp;#34;&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;hours&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;小时&amp;#34;&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;minutes&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;+&lt;/span&gt; &lt;span class=&#34;s2&#34;&gt;&amp;#34;分钟&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nb&#34;&gt;document&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;getElementById&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;runningdays&amp;#39;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;).&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;innerHTML&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;result&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;/script&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;strong&gt;再在 layouts/partials/footer/footer.html 里添加以下代码：&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!-- Add blog running time --&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;section&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;class&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;running-time&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	本博客已稳定运行
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;span&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;id&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;runningdays&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;class&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;running-days&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;span&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;section&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;strong&gt;在 assets/scss/partials/footer.scss 里添加风格样式，这里单独把计时的部分加粗，并改了颜色。&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;9
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nc&#34;&gt;running-time&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;card&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;text&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;secondary&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;k&#34;&gt;font-weight&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;normal&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;err&#34;&gt;.running-days&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;font-weight&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;kc&#34;&gt;bold&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;		&lt;span class=&#34;k&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;nf&#34;&gt;var&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;--&lt;/span&gt;&lt;span class=&#34;n&#34;&gt;emphasize&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;text&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;-&lt;/span&gt;&lt;span class=&#34;kc&#34;&gt;color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;err&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;strong&gt;上面的计时部分设置成 var(–emphasize-text-color)，这样能比较方便地在 assets/scss/variables.scss 里设置暗色模式的颜色&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-css&#34; data-lang=&#34;css&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;--accent-color-text&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;#&lt;/span&gt;&lt;span class=&#34;nn&#34;&gt;fff&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;--body-text-color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;#&lt;/span&gt;&lt;span class=&#34;nn&#34;&gt;b0b0b0&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;--emphasize-text-color&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;#&lt;/span&gt;&lt;span class=&#34;nn&#34;&gt;9e8f9f&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;;&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;//&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;Add&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;emphasize&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;font&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;color&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;o&#34;&gt;&amp;amp;[&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;data-scheme&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;dark&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;	&lt;span class=&#34;nv&#34;&gt;--emphasize-text-color&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;mh&#34;&gt;#d5cfc4&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;//&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;Add&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;emphasize&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;font&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;color&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;for&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;dark&lt;/span&gt; &lt;span class=&#34;err&#34;&gt;scheme&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        <item>
        <title>Hugo 添加 Google Analytics</title>
        <link>https://www.danlong360.com/post/hugogoogleanalytics/</link>
        <pubDate>Thu, 22 Aug 2024 11:11:20 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/hugogoogleanalytics/</guid>
        <description>&lt;p&gt;&lt;strong&gt;&lt;em&gt;（2024.08.22）&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;修改 config.yaml 配置文件，在文件末尾添加以下代码&lt;/strong&gt;：&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-html&#34; data-lang=&#34;html&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;services: googleAnalytics: ID: G-JQN2M0MC5N # Enable Google Analytics by entering your tracking id
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;strong&gt;在 Hugo 站点根目录下新建模板文件(./layouts/_internal/google_analytics.html)并添加如下代码：&lt;/strong&gt;&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;9
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-js&#34; data-lang=&#34;js&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;c&#34;&gt;&amp;lt;!--&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Global&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Site&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Tag&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;gtag&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;js&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;-&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Google&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;Analytics&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;script&lt;/span&gt; &lt;span class=&#34;kr&#34;&gt;async&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;src&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;https://www.googletagmanager.com/gtag/js?id={{ .Site.GoogleAnalytics }}&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;/script&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;script&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nb&#34;&gt;window&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;dataLayer&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;window&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;dataLayer&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;||&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;[];&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;kd&#34;&gt;function&lt;/span&gt; &lt;span class=&#34;nx&#34;&gt;gtag&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(){&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;dataLayer&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;push&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;nx&#34;&gt;arguments&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nx&#34;&gt;gtag&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;js&amp;#39;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;k&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;nb&#34;&gt;Date&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;());&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;      &lt;span class=&#34;nx&#34;&gt;gtag&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;config&amp;#39;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;{{ .Site.GoogleAnalytics }}&amp;#39;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;);&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;o&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;/script&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;</description>
        </item>
        <item>
        <title>CloudFlare 造成重定向的次数过多的问题</title>
        <link>https://www.danlong360.com/post/chongdingxiangcishuguoduo/</link>
        <pubDate>Wed, 14 Aug 2024 07:59:16 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/chongdingxiangcishuguoduo/</guid>
        <description>&lt;p&gt;&lt;img src=&#34;https://img-home.csdnimg.cn/images/20240711042549.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;img&#34;
	
	
&gt;CloudFlare 的 SSL/TLS 加密模式设置为完全(Strict)可以防止因 HTTP 和 HTTPS 重定向导致的循环重定向错误。当源网站支持 HTTPS 并配置正确时，选择 Full(Strict)确保安全回源。如果遇到重定向循环，可调整为 Full(Strict)或修改源站的 HTTPS 设置。&lt;/p&gt;
&lt;h3 id=&#34;一句话解决&#34;&gt;一句话解决
&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;在 CloudFlare 的 SSL/TLS 菜单里将「SSL/TLS 加密模式」设置为完全（Strict）即可。&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;blockquote&gt;
&lt;p&gt;以下内容转载自 CSDN 博主「补了个丁」的原创文章，遵循 &lt;a class=&#34;link&#34; href=&#34;http://creativecommons.org/licenses/by-sa/4.0/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;CC 4.0 BY-SA&lt;/a&gt; 版权协议。
原文链接：https://blog.csdn.net/weixin_29405101/article/details/112659223&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;cloudflare-造成重定向的次数过多的原因&#34;&gt;CloudFlare 造成重定向的次数过多的原因
&lt;/h3&gt;&lt;p&gt;当网站开启了 CloudFlare 服务，用户访问我们的网站时，其实访问的离用户比较近的 Cloudflare 服务器，Cloudflare 再代理用户请求我们的源服务器，以达到加速和保护源服务器的目的。Cloudflare 代理用户请求我们源服务器获取网页资源的过程叫回源。&lt;/p&gt;
&lt;p&gt;Cloudflare 造成循环重定向的错误就出在了回源的过程中，造成这种错误的原因就是 http 和 https 之间的重定向。&lt;/p&gt;
&lt;p&gt;Cloudflare Crypto 的 SSL 中有 4 个选项 (如下)，其中 Off 就是不启用 SSL，通过 HTTP 协议访问网站。另外 3 种是通过 HTTPS 协议访问网站。&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://www.danlong360.com/TClnB4l.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;image-20240814080720953&#34;
	
	
&gt;&lt;/p&gt;
&lt;h3 id=&#34;cloudflare-cdn-配置&#34;&gt;Cloudflare CDN 配置
&lt;/h3&gt;&lt;p&gt;Flexible：当我们的源网站没有配置 HTTPS 支持时，启用这个选项，Cloudflare 会在回源的时候通过 HTTP 协议访问我们的网站。
Full：当我们的源网站支持 HTTPS，但是 HTTPS 证书和域名不匹配或者是自签名证书时，Cloudflare 会通过 HTTPS 协议访问源网站，但不会验证证书，也就是说，即使我们的源网站提供的 HTTPS 证书不受浏览器信任，Cloudflare 也会通过 HTTPS 回源网站。
Full (strict)：当我们的源网站支持 HTTP ，并且证书有效时 (未过期且受信任)。Cloudflare 会通过 HTTPS 协议访问源网站，并在每个请求过程中验证证书。
了解了上面各个设置的功能，我们来看一下 Cloudflare 的循环重定向问题是怎么出现的，在 Cloudflare 中开启了 SSL 后，访问网站时出现循环重定向需满足下面两个条件：&lt;/p&gt;
&lt;p&gt;SSL 中设置了 Flexible，CDN 以 HTTP 协议回源网站。
源网站支持 HTTPS，并且设置了通过 HTTP 协议访问时，自动跳转到 HTTPS 协议。
到这里，可能就有朋友发现问题了，我们访问 Cloudflare 的 CDN 服务器的时候，是通过 HTTPS 访问的，CDN 访问源网站的时候，是通过 HTTP 访问的，源网站上 HTTP 又自动跳转了 HTTPS，完美的一个循环重定向。重定向的次数多了，浏览器就撂挑子报出了 ERR_TOO_MANY_REDIRECTS 的错误。&lt;/p&gt;
&lt;h3 id=&#34;cloudflare-造成重定向的次数过多问题的解决办法&#34;&gt;CloudFlare 造成重定向的次数过多问题的解决办法
&lt;/h3&gt;&lt;p&gt;知道了循环重定向的原因，我们也就知道了怎么解决这个问题，通过测试，下面的两种设置方法都可以解决 Cloudflare 循环重定向的问题。&lt;/p&gt;
&lt;p&gt;SSL 中选择 Full (strict) 或者 Full (strict)，让 CDN 回源的时候使用 HTTPS 的方式回源，没有 HTTP 什么事了，就不会跳来跳去了
源网站不设置 HTTPS 支持或者 不设置 HTTP 跳转 HTTPS，让 Cloudflare 回源的时候使用 HTTP 方式获取资源。
修改了 CloudFlare 设置后，可能需要过几分钟或清理浏览器缓存后才能生效。&lt;/p&gt;
&lt;p&gt;除了 Cloudflare，使用其他 CDN 提供商的时候，也可能会出现这个问题，如果设置了 CDN 后，遇到了 Chrome 报重定向次数过多的问题，可以通过上面的思路查找问题。如果你在使用其他 CDN 的时候也遇到了类似的问题，欢迎在评论中提出，让更多的朋友看到。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>微信公众号自定义菜单栏添加历史消息方法</title>
        <link>https://www.danlong360.com/post/mplishixiaoxi/</link>
        <pubDate>Tue, 13 Aug 2024 10:52:51 +0800</pubDate>
        
        <guid>https://www.danlong360.com/post/mplishixiaoxi/</guid>
        <description>&lt;p&gt;1.在浏览器中打开自己公众号的一篇推送，&lt;code&gt;Ctrl+U&lt;/code&gt;查看网页源代码。 2.&lt;code&gt;Ctrl+F&lt;/code&gt;搜索&lt;code&gt;var biz&lt;/code&gt;,复制对应的代码&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/13/3hmiufPacKSyGdX.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;在这里插入图片描述&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;3.前面加上&lt;code&gt;https://mp.weixin.qq.com/mp/profile_ext?action=home&amp;amp;__biz=&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;**完整路径为：**&lt;a class=&#34;link&#34; href=&#34;https://mp.weixin.qq.com/mp/profile_ext?action=home&amp;amp;__biz=&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://mp.weixin.qq.com/mp/profile_ext?action=home&amp;__biz=&lt;/a&gt;这里是你的varbiz&lt;/p&gt;
&lt;p&gt;4.添加历史消息&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;https://s2.loli.net/2024/08/13/xhvqgkO8sFJZeja.png&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;在这里插入图片描述&#34;
	
	
&gt;&lt;/p&gt;
&lt;p&gt;历史消息添加成功&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
