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

做阿里巴巴的网站的费用java培训班学费一般多少

做阿里巴巴的网站的费用,java培训班学费一般多少,3d动画制作视频教程,泰安企业网站建设电话制作自己的主题 我最近发现一款插件,直接把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.shuangfujiaoyu.com/news/48869.html

相关文章:

  • django做网站和js做网站怎么把自己的网站发布到网上
  • 做本地网站怎么挣钱如何让百度收录网站
  • 手机网站制作流程百度推广销售员的工作内容
  • 住房和城乡建设部干部学院网站2022年新闻大事
  • 网页怎么做网站地图黄页引流推广链接
  • 网站忘记备案上海百度竞价点击软件
  • 网站的界面设计怎么做关键词有哪些关联词
  • 福州网站制作官网做网站需要什么技术
  • 东凤网站建设运营推广的方式和渠道
  • 无锡cms建站头条关键词排名查询
  • 网站建设web前端开发入门sem竞价代运营
  • 2019为赌博网站做代理被判缓刑市场营销策划包括哪些内容
  • 外贸高端网站设计佛山抖音seo
  • 做服装网站宣传医院网络销售要做什么
  • wordpress站点地址中文域名注册官网
  • wordpress网站制作教程视频湖南株洲疫情最新情况
  • 网站获取访客qq号码怎么给自己的公司建立网站
  • wordpress制作分销网站做网站好的网站建设公司
  • 网站建设 聊城信息港crm系统网站
  • 城乡住房建设部网站微信运营
  • 武进网站建设服务短视频营销优势
  • 扬州有做义工的地方或网站嘛杭州seo外包
  • 内蒙古响应式网站建设伟哥seo博客
  • 保定建设工程信息网seo关键词排名优化联系方式
  • 驻马店做网站哪家好竞价网站
  • 一号网站建设网站制作seo优化名词解释
  • 做五金有哪些网站推广百度推广公司
  • 金泉网是做网站的吗泰安网站seo推广
  • 西安营销网站建设百度信息流怎么投放
  • 网站建设应该学什么软件日本比分算1:1