Typora更换主题背景

最新推荐文章于 2025-03-10 13:46:55 发布

星夜孤帆

最新推荐文章于 2025-03-10 13:46:55 发布

阅读量2.2k

点赞数 4

分类专栏：开发工具文章标签： css html

本文链接：https://blog.csdn.net/qq_38826019/article/details/120390323

版权

一、官网下载主题

地址：Typora Theme

二、typora设置主题

我们将下载好的压缩包解压，将压缩包中的.css文件和 css 样式同名的文件夹拷贝到其中打开的文件夹中

三、重启 typora 并选择新主题

四、导出PDF带主题

更多时候，我们会将这些.md导出成pdf，但是，使用typora直接导出是不带主题的。

但是，导出成html，可以带主题。

我们可以先导出成html，再用chrome打印成带主题的pdf。

操作如下：

typora -> 文件 -> 导出 -> html

以上就导出了带格式的PDF

五、导出html带目录

Typora导出的html不带目录，我们可以，在导出的html里，增加一些代码，自定义目录。

打开typora文件 --> 导出 --> html
用编辑器(记事本,editplus,gvim,vscode,Hbuilder),我用的NotePad++,把如下代码粘贴到</body>下方
<body>
....
</body>
***粘贴到此处***

<!-- <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="http://yandex.st/highlightjs/6.2/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!--侧栏目录生成代码-->
<script>
    //标题序号计数器
    var hCount = [0, 0, 0, 0, 0, 0];
    //设置计数器
    function setHCount(number) {
        //当前计数器加一
        hCount[number - 1]++;
        for (var i = number, length = hCount.length; i < length; i++) {
            //子目录计数器全部置零
            hCount[i] = 0;
        }
    }
    //重命名目录名称
    function setHTagValue(item, number) {
        //获取标题名
        var text = $(item).get(0).innerHTML;
        //初始化空字符串
        var before = "";
        //生成序号
        for (var i = 0, length = hCount.length; i < number; i++) {
            if (i < number - 1)
                before += hCount[i] + ".";
            else
                before += hCount[i] + " ";
        }
        //在标题前面加上序号
        $(item).get(0).innerHTML = before + text;
    }
    function renameHTag(item) {
        var tag = $(item).get(0).localName;
        if (tag === "h1") {
            setHCount(1);
           //console\.log("捕获到标签:%s", tag);
            setHTagValue(item, 1);
        }
        if (tag === "h2") {
            setHCount(2);
            //console.log("捕获到标签:%s", tag);
            setHTagValue(item, 2);
        }
        if (tag === "h3") {
            setHCount(3);
            //console.log("捕获到标

最低0.47元/天解锁文章