网站迁移主题过程-Argon至CoreNext

你好

访问过我网站的老用户都知道原来一直用的是Argon，但我为什么要迁移呢?请看我的详细解说

主题相对介绍

Argon

轻盈美观 – 使用 Argon Design System 前端框架，细节精致，轻盈美观
高度可定制化 – 可自定义主题色、布局 (双栏 / 单栏 / 三栏)、顶栏、侧栏、Banner、背景图、日夜间模式不同背景、背景沉浸、浮动操作按钮等，提供了丰富的自定义选项
夜间模式 – 支持日间、夜间、纯黑三种模式，并可以根据时间自动切换或跟随系统夜间模式
功能繁多 – Tag 和分类统计、作者链接、额外链接、文章字数和预计阅读时间、文章过时信息显示
友情链接 – 支持使用 WordPress 自带的链接管理器进行友链管理，支持多种友链样式
“ 说说 ” 功能 – 随时发表想法，并在专门的 “ 说说 ” 页面展示，也支持说说和首页文章穿插
评论功能扩展 – Ajax 评论，评论支持 Markdown、验证码、再次编辑、显示 UA、悄悄话模式、回复时邮件通知、查看编辑记录、无限加载等功能
诸多功能 – 文章目录、阅读进度、Mathjax 或 Katex 公式解析、图片放大预览、Pangu.js 文本格式化、平滑滚动等
丰富的短代码 – 支持通过短代码在文章中插入 TODO、标签、警告、提示、折叠区块、Github 信息卡、时间线、隐藏文本、视频等模块
其他 – 自适应、精心优化的文章阅读界面 CSS、可切换衬线 / 非衬线字体、可自定义 CSS 和 JS、支持使用 CDN 加速静态文件访问（自带的加速服务都挂了）、SEO 一般、Banner 打字动画、留言板页面、文章脚注等

缺点

很久没有更新了，最后更新时间为2022年3月
主题文件比较大，比较臃肿

CoreNext为1mb，argon为5mb。argon实用性不太多+没有长期的更新维护与新功能等…但适合个人博客使用

CoreNext优点

CorePress Pro 重构版本，正式命名为CoreNext，预示着下一代WordPress主题。主题是全新制作的，拥有无需伦比的先进架构和性能。以前CorePress Pro，在CoreNext主题上，自动授权，无需额外操作。这一款主题，是果核对前端和后端深入理解的产物，并且结合千位用户的反馈，开发出来的一款高性能主题。就是我现在用的主题

适合站长小白的主题，轻松上手。有长期的补丁与优化+++
当然了，这个主题也是要授权的，https://www.yuque.com/applek/corenext/buy可以看看

玩法多

有很多功能等待你探索，也有主题交流群可以一起讨论主题美化噢~

优化TA

可以参考我下方的css

/*=========字体设置============*/
 
/*网站字体*/
/*原则上你可以设置多个字体，然后在不同的部位使用不同的字体。*/
@font-face{
    font-family:xtgcw;
src:url(字体直链) format('woff2')
}
body{
    font-family:"xtgcw" !important
}
.navbar-nav .nav-link {
    font-size: 1rem;
    font-family: 'xtgcw';
			
}
.navbar-brand {
	color: white!important;
	font-family: 'xtgcw';
    font-size: 1.4rem;
    margin-right: 1rem;
    padding-bottom: .2rem;
}
/*横幅字体大小*/
.banner-title {
  font-size: 2.0em;
}
.banner-subtitle{
  font-size: 20px;
	
	-webkit-text-fill-color: transparent;        
background: linear-gradient(94.75deg,rgb(60, 172, 247) 0%,rgb(131, 101, 253) 43.66%,                rgb(255, 141, 112) 64.23%,rgb(247, 201, 102) 83.76%,rgb(172, 143, 100) 100%);        
-webkit-background-clip: text;
}
 
/*文章标题字体大小*/
.post-title {
    font-size: 25px
}
 
/*正文字体大小（不包含代码）*/
.post-content p{
    font-size: 1.25rem;
}
li{
    font-size: 1.2rem;
	
}
 
/*评论区字体大小*/
p {
    font-size: 1.2rem
			
}
 
/*评论发送区字体大小*/
.form-control{
    font-size: 1.2rem
}
 
/*评论勾选项目字体大小*/
.custom-checkbox .custom-control-input~.custom-control-label{
    font-size: 1.2rem
}

省得大家扒我的cssQAQ

灯笼源码

最近有很多群友说怎么加灯笼源码？作为懒得动手的你们参照下方

<!--春节灯笼-->
<link href="https://cdn.jsdelivr.net/gh/huangwb8/bloghelper@latest/css/deng.css" rel="stylesheet">
<div class="deng-box">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">春节</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>
 
<div class="deng-box1">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b"><div class="deng-t">快乐</div></div>
</div>
<div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
</div>
</div>

来自：https://blognas.hwb0307.com/linux/docker/744#comment-918 大佬

css代码放那呢？

最近消息都被问炸了！！！

主题设置-插入代码中

这里添加即可

敬请期待

大家先在评论区讨论一下吧，好看的美化代码我会继续更新在文章上的~

https://www.lovestu.com/wpopt.html 用这个主题搭配插件效果会更好