如何更改网站内容(如何为不知情的人更改网站的主题颜色？(图))

　　如何更改网站内容(如何为不知情的人更改网站的主题颜色？(图))

　　关于raychonote，一款免费创建博客站点和文档的免费软件，可以参考raychonote系列教程

　　用本软件创建的网站主题颜色为蓝绿色（色码），如下图。#70acb1

　　模板（）和样式表（）读取外部文件，因此任何具有编程知识的人都可以通过更改文件来自由创建布局。修女，CSS

　　以下是为毫无戒心的人更改网站主题颜色的方法。css

　　打开css文件

　　打开站点的工作文件夹，会看到如下文件夹配置。

　　文件夹是定义网站颜色和设计的文件。css

　　由于文件定义了颜色，它将在文本编辑器中打开。变量.css

　　图片

　　页

　　预览

　　静止的

　　系统

　　模板

　　配置文件

　　降价.json

　　我认为您可以确认以下内容。

　　--primary-color 是用于网站标题、页脚背景颜色等的主要颜色。

　　 :root {

  --red: #d95c5c;

  --orange: #e07b53;

  --green: #5bbd72;

  --blue: #3b83c0;

  --primary-color: #70acb1;

  --positive: color-mod(var(--green) alpha(20%));

  --negative: color-mod(var(--red) alpha(20%));

  --mark: color-mod(#ff0 alpha(20%));

  --text: #24292e;

  --light_text: #fef4e9;

  --link: #0366d6;

 }

　　根据您的计算机或文本编辑器环境，内容可能会显示为一行而不是换行。

　　在这种情况下，我们建议您在以下编程编辑器中打开它：

　　 --primary-color: #5654a2;`表示颜色的部分的值。`#5654a2

　　它以十六进制颜色代码的形式指定。

　　以下页面很有帮助，因为各种颜色放在一起。

　　尝试将部分更改为（紫色）以覆盖文件。#5654a2,,#5654a2

　　 :root {

  --red: #d95c5c;

  --orange: #e07b53;

  --green: #5bbd72;

  --blue: #3b83c0;

  --primary-color: #5654a2;

  --positive: color-mod(var(--green) alpha(20%));

  --negative: color-mod(var(--red) alpha(20%));

  --mark: color-mod(#ff0 alpha(20%));

  --text: #24292e;

  --light_text: #fef4e9;

  --link: #0366d6;

 }

　　在预览中，可以看到已经改为：

　　修改样式表()后，您可以随意更改网站的设计，例如在标题中显示您喜欢的照片或字幕。css