当前位置: 首页 > news >正文

wpsppt网站链接怎么做如何建网站详细步骤

wpsppt网站链接怎么做,如何建网站详细步骤,wordpress 当前页链接,最火高端网站设计厂家制作自己的主题 我最近发现一款插件,直接把obsidian的文章格式复制到公众号中。 我非常喜欢这个功能,这将减少公众号排版的时间,同时保持公众号文章格式的一致性。 但是这个插件提供的模板不能满足我的需求,所以,需要…

制作自己的主题

我最近发现一款插件,直接把obsidian的文章格式复制到公众号中。
我非常喜欢这个功能,这将减少公众号排版的时间,同时保持公众号文章格式的一致性。
但是这个插件提供的模板不能满足我的需求,所以,需要学习一些主题制作的知识。
那索性,就学一学如何制作主题,并把教程分享给大家。
在这里插入图片描述

前提

  1. 最好有git(非必要)
  2. 代码编辑器
  3. css知识

过程

第一步:下载示例主题

到github上下载sample-theme,链接:github地址
方法1:直接下载zip文件。放到你仓库的.obsidian/themes文件夹下。
这个.obsidian文件夹就在你的仓库目录下,隐藏的,需要设置一下浏览器。
在这里插入图片描述
方法2:用git的方式
s1:打开一个终端,进入themes文件夹下

cd 你的仓库/.obsidian/themes

s2:用clone命令复制样本主题

git clone https://github.com/obsidianmd/obsidian-sample-theme.git "Sample Theme"

第二步:在obsidian中加载主题

在obsidian中,设置>外观>选择sample theme
在这里插入图片描述
如果没有的话,重启obsidian。

第三步:编辑模板基本设置

当然,你肯定不希望你的模板叫sample theme对吧。所以,下一步,我们来做基本的设置。
对于模板信息的设置在themes文件夹下的manifest.json文件中。
在这里插入图片描述
去把name这个属性改了,顺便下面的version,author这些根据自己的情况改。
改完之后,记得也把你放在themes中整个文件夹的名字从Sample Theme改成你改的名字。
重启obsidian看看这些内容是否有效。

凡是更改过manifest.json文件,都要重启obsidian

第四步:css变量(自定义变量)

在css中,我们通过"--变量名"的方式来表示这个变量可以在其它地方当成变量来使用。使用的时候通过var()这个函数就行了。obsidian就是通过这种方式控制样式的。

我们看个例子:

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><style>:root{--color1:red;--color2:green;--color3:blue;}.firstParagraph{color:var(--color1)}.secondParagraph{color:var(--color2)}.thirdParagraph{color:var(--color3)}</style><body><p class="firstParagraph">这里是第一段</p><p class="secondParagraph">这里是第二段</p><p class="thirdParagraph">这里是第三段</p></body>
</html>

结果如下:
在这里插入图片描述

在这段代码中,通过–color1,–color2,–color3的方式声明了三个自定义的属性值。我们把这三个值放在:root这个伪类下面,方便以后继承和提取,当然你也可以放在其它的标签里面。提取的时候,通过var函数来提取它们,这一点好理解的。

第五步:更改属性

在obsidian中随便建立一个文档,里面随便写点内容。

更改字体

在theme.css文件中,加上如下内容:

body {--font-text-theme: Georgia, serif;
}

字体就变了

更改背景

因为obsidian中有深色主题和浅色主题,所以可以有时要分别设置
在这里插入图片描述
代码如下:

.theme-dark {--background-primary: #18004F;--background-secondary: #220070;
}.theme-light {--background-primary: #ECE4FF;--background-secondary: #D9C9FF;
}

其它属性

可以到下面的这个链接中找其他的属性,进行更改:css变量

还有一种方式,在obsidian中
S1:进入开发者工具中。
windows快捷键:ctrl+shift+I
mac快捷键:cmd+option+I

S2:选择sources
S3:page>top 选择app.css
S4:从里面找找你想修改的属性吧~

实战

对于我来说,只需要满足基本的排版,我希望我在obsidian排版的内容,可以直接复制到公众号中,简单清爽一点的。
所以,我需要设置的内容包括:
1.大标题headings(颜色、大小)
2.正常文本(颜色、大小、字符间距、行间距)

由此,我找到了以下变量:

变量介绍
–h1-colorH1文本颜色
–h1-fontH1字体
–h1-line-heightH1行高
–h1-sizeH1大小
–h1-weightH1weight
–text-normal普通文本颜色
–size-4-1用于设置padding和margin,代表4像素)
–font-text-theme编辑器中的字体
–font-text-size字体大小,默认16
–font-normal正常的font weight
–font-bold加粗的font weight
–font-light细的font weight
–line-height-normal默认1.5行高
http://www.hrbkazy.com/news/9034.html

相关文章:

  • 建设一个网站平台要多少钱网络营销工具平台
  • 网站的用途企业网站设计
  • 网站建设站点如何让网站快速收录
  • 高端网站制作的公司社交媒体营销三种方式
  • 网站seo啥意思怎么做网络营销推广平台
  • 外包网络推广公司怎么选谷歌seo优化技巧
  • 哪些网站可以做百科参考资料湛江今日头条
  • 做绿化生意有什么网站口碑营销推广
  • 做seo网站要多少钱seo对网络推广的作用是什么?
  • 做服装加工哪个网站比较好百度指数代表什么
  • wordpress悬浮窗杭州seo网站推广
  • 湛江定制建站seo专业培训机构
  • 只做乡村旅游的网站电子商务与网络营销题库
  • 微信网站应用开发个人网站怎么做
  • 兰州公司网站制作免费的网站推广软件
  • 精准客源 获客哪里有网站推广优化
  • 福田做网站的成都seo招聘
  • 一个最简单的产品展示的asp网站应该如何做免费的拓客平台有哪些
  • 潍坊公司网站制作网站页面优化内容包括哪些
  • 做网站公司不给源码建设网站前的市场分析
  • 外贸网站建设收益西安网站公司推广
  • 自己怎么用h5做网站b站推广引流最佳方法
  • 可以注销的网站百度搜索风云榜
  • 嘉兴网站制作星讯网络科技百度青岛代理公司
  • 网站如何做关键词seo火蝠电商代运营公司
  • 做网站可以申请专利吗网站seo推广员招聘
  • 购物网站的功能板块it学校培训学校哪个好
  • 企业品牌网站建设怎么做百度seoo优化软件
  • 移动端低代码开发平台网站快速排名优化报价
  • 网站建设需求分析范例什么是白帽seo