修改emlog pro程序Ultra模板中的标题和文字预览颜色

如题，这是一个头疼的问题。因为对于一个网站程序如果你追求简洁，那自然就只能舍弃高度的自定义功能。但是你想要自定义一些前端代码样式（文字颜色、效果）的时候，你就只能通过修改源代码的方式实现。修改源代码不更新还好，如果你更新程序源码或者前端模板是很有可能会被覆盖的，再加上如果你没有备份相关的修改，那么巧了，你将前功尽弃~

话不多说，为了避免上述情况，东哥经过一番思考并结合chatgpt给出的代码修改建议，我决定引入一个自定义的css样式文件，这样即便更新覆盖了设置以后，我只要重新引入我写好的css文件就行

方法

第一步：引入文件diy.css

• 1、打开网站程序中/content/templates/ultra/css目录，编辑目录中的index.css文件
• 2、可以看到第一行代码是：

@charset "UTF-8";*, ::after, ::before {box-sizing: border-box;}

• 3、把第一行代码改成如下：

@charset "UTF-8";
@import url("diy.css");

*, ::after, ::before {
  box-sizing: border-box;
}

第二步：创建引入文件diy.css

• 1、在/content/templates/ultra/css目录，创建名为diy.css的文件
• 2、插入以下代码并保存

/*这个red样式是我为了在编辑器中标红字体用的*/
.red {
    color: red;
}

/*修改博客首页博文内容摘要颜色更灰*/
.white-left-intro {
    color: #828a92!important;
}

.white-post-entry-title h2>a:visited {
    color: #929292;
}

说明

以上方法仅仅是通过强调优先级来覆盖原来的css样式实现的，如果你后面改其他代码样式发现不对劲，有冲突什么的可能会影响你的查找原因和判断。但是问题不大，我个人觉得他的好处大于坏处，引入可以取消。删除下面的代码就能取消引入，需要删除的代码：

• 1、打开网站程序中/content/templates/ultra/css目录，编辑目录中的index.css文件
• 2、删除第二行代码：

@import url("diy.css");

• 3、变成：

@charset "UTF-8";
*, ::after, ::before {
  box-sizing: border-box;
}