Giter VIP home page Giter VIP logo

halo-theme-casper's Introduction

介绍

一款适用于博客场景的 Halo 主题。

该主题移植自 Ghost 默认主题 Casper,非常感谢做出这么优秀的主题。

原主题地址:https://github.com/TryGhost/Casper

index

预览地址

使用方式

  1. 手动从以下地址下载主题包并在 Console 的主题管理界面安装,安装方式可参考:https://docs.halo.run/user-guide/themes

  2. 如果安装了应用市场插件,可以直接在应用市场中搜索Casper并安装。

开发

git clone [email protected]:halo-dev/theme-casper.git ~/halo2-dev/themes/theme-casper
cd ~/halo2-dev/themes/theme-earth
pnpm install 
pnpm dev

主题开发文档可查阅:https://docs.halo.run/2.0.0-SNAPSHOT/developer-guide/theme/prepare

构建打包

pnpm build
pnpm zip

然后在 dist 目录可以看到 zip 格式的主题包,在 Halo 后台上传安装即可。

halo-theme-casper's People

Contributors

controlbydestiny avatar fangchao3652 avatar godlessliu avatar ruibaby avatar wan92hen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

halo-theme-casper's Issues

logo显示的bug

index.ftl判断logo图片是否为空部分:

<#if options.blog_logo??>
               <img class="site-logo" src="${options.blog_logo}" alt="${options.blog_title!}" />
 <#else>
              ${options.blog_title!}
 </#if>

这里options.blog_logo如果为空字符串,??语法的返回值是true。应改为:

<#if options.blog_logo! != ''>
           <img class="site-logo" src="${options.blog_logo}" alt="${options.blog_title!}" />
<#else>
           ${options.blog_title!}
</#if>

首页文章个数显示异常

在博客中首页/系统/博客设置 设置了 首页每页条数,但是不管用,没有翻页。如果没有翻页功能希望添加一下,还有搜索功能!

image

无法设置主题,导致重启halo 失败

halo version 1.4 ,1.3.2

Caused by: com.fasterxml.jackson.dataformat.yaml.snakeyaml.error.MarkedYAMLException: mapping values are not allowed here
in 'reader', line 70, column 19:
placeholder: '只需填入 Twitter 用户名即可'
^

Error executing FreeMarker template

你好,我在导入模版的时候,出现了以下的错误
2018-11-11 09:41:09.121 ERROR 49045 --- [ XNIO-2 task-31] io.undertow.request : UT005023: Exception handling request to /admin/themes/options

org.springframework.web.util.NestedServletException: Request processing failed; nested exception is freemarker.core._MiscTemplateException: Template importing failed (for parameter value "/common/macro/theme_option_marco.ftl"):
Template not found for name "common/macro/theme_option_marco.ftl".
The name was interpreted by this TemplateLoader: MultiTemplateLoader(loader1 = FileTemplateLoader(baseDir="/Users/hdd/workSpace/halo-blogs/target/classes/templates", canonicalBasePath="/Users/hdd/workSpace/halo-blogs/target/classes/templates/"), loader2 = ClassTemplateLoader(resourceLoaderClass=org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer, basePackagePath="" /* relatively to resourceLoaderClass pkg */)).

FTL stack trace ("~" means nesting-related):
- Failed at: #import "/common/macro/theme_option_m... [in template "themes/casper-halo-1.3/module/options.ftl" at line 1, column 1]

at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:982) ~[spring-webmvc-5.0.6.RELEASE.jar:5.0.6.RELEASE]
at org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:866) ~[spring-webmvc-5.0.6.RELEASE.jar:5.0.6.RELEASE]

恳请 帮忙看一下,万分感谢

文章数量显示问题

tag.ftl的文件 把 ${posts?size}篇文章 改为${posts.size}篇文章 ,不然文章数量显示不正确

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.