FarseaSH / hugo-theme-moments

A Hugo theme designed for micro-blogging. 专为动态发布设计的Hugo主题
MIT License
127 stars 14 forks source link

请教与LoveIt 主题融合 #14

Closed xiaoshame closed 7 months ago

xiaoshame commented 10 months ago

hi 你好 我的博客使用的LoveIt主题,我目前尝试将moments主题嵌入到LoveIt中,一个页面用于展示说说,因为对前端了解比较少,想咨询下怎么只对content\moments目录下的md文件采用moments主题的样式进行转换?或者有其他更合理的方式,望告知感谢

FarseaSH commented 9 months ago

Sorry,最近比较忙,回复比较晚。

你可以使用 {{ $pages := where .Site.RegularPages "Section" "moments" }} 这段Hugo命令提取moments文件夹下的所有页面。将moment主题中渲染部分代码(可能有很多文件)加入到你的主题里,再将下面代码(也是从moment主题里粘过来的)加入到你想展示的页面就应该可以了。可能有一些细节需要你自己处理一下~

{{ define "main" }}
    <div class="container bodycontainer">
        {{ $pages := where .Site.RegularPages "Section" "moments" }}
        {{ range $i, $page := $pages }}
            {{ partial "row.html" (dict "page" $page "index" $i) }}
        {{ end }}
    </div>
{{ end }}

如果还有什么问题,或者有什么想法,欢迎随时取得联系~

xiaoshame commented 8 months ago

Sorry,最近比较忙,回复比较晚。

你可以使用 {{ $pages := where .Site.RegularPages "Section" "moments" }} 这段Hugo命令提取moments文件夹下的所有页面。将moment主题中渲染部分代码(可能有很多文件)加入到你的主题里,再将下面代码(也是从moment主题里粘过来的)加入到你想展示的页面就应该可以了。可能有一些细节需要你自己处理一下~

{{ define "main" }}
    <div class="container bodycontainer">
        {{ $pages := where .Site.RegularPages "Section" "moments" }}
        {{ range $i, $page := $pages }}
            {{ partial "row.html" (dict "page" $page "index" $i) }}
        {{ end }}
    </div>
{{ end }}

如果还有什么问题,或者有什么想法,欢迎随时取得联系~

hi 你好,我将相关渲染的页面加入到我的博客中了,最近发现不支持暗黑模式,想问问该怎么修改,感谢。

FarseaSH commented 8 months ago

Hello,我这边还没有设计暗黑模式的主题……

不过你可以看一下这款插件 https://darkmodejs.learn.uno/,它应该可以自动支持暗黑配色的转换

xiaoshame commented 7 months ago

Hello,我这边还没有设计暗黑模式的主题……

不过你可以看一下这款插件 https://darkmodejs.learn.uno/,它应该可以自动支持暗黑配色的转换。

感谢回答,目前我使用的meme主题,我将style-refractored 中和颜色相关的代码删除,直接复用主题的色彩设置就可以了,再次感谢。