Git Product home page Git Product logo

reflect-white-mweb-theme's Introduction

Reflect White 静态博客主题

主题预览

Reflect White 是一款适用于 MWeb app 的静态博客主题。它拥有如下特点:

  • 简洁大气的文章排版设计
  • 分别针对移动设备与桌面设备优化
  • 支持 prefers-color-scheme: dark 动态明暗样式主题,操作系统或浏览器使用暗色界面模式时,网页也会变成暗色模式
  • 原生支持 Like.co/in 小组件,让读者的赞赏化为实质收入
  • 支持大量 MWeb 个性化特性,轻松修改设置,让你的博客与众不同

点击这里 在线预览本主题。

安装方法

如果你不会使用 Git:

  • 点击右上角的「Clone or download」按钮,选择 Download ZIP
  • 将下载回来的 ZIP 解压至 ~/Library/Containers/com.coderforart.MWeb3/Data/Documents/themes/SiteThemes
  • 在 MWeb 中右键点击希望应用主题的静态网站文档库,点击「模板」右侧的「刷新」按钮,并在「模板」列表中找到 reflect-white-mweb-theme 主题
  • 生成网站

如果你会使用 Git:

cd ~/Library/Containers/com.coderforart.MWeb3/Data/Documents/themes/SiteThemes
git clone https://github.com/Astrian/reflect-white-mweb-theme

然后在 MWeb 中右键点击希望应用主题的静态网站文档库,点击「模板」右侧的「刷新」按钮,并在「模板」列表中找到 reflect-white-mweb-theme 主题,最后生成网站即可。

配置

所有配置都可以在 MWeb 中完成。

网站基础配置

以下设置除另做标注外,都为非必填。

MWeb 静态博客设置

  • 网站名称(必填):访客访问你的网站时,主题显示的网站名称。
  • 网站网址(必填):请携带 http://https://,就是你的网站域名。
  • 每页显示文章数(必填):顾名思义,不做过多解释。建议使用奇数,以获得最佳体验。
  • 网站描述:每页底部 footer 中字号最大的 slogan。
  • 评论和分享代码:粘贴社会化评论工具的代码,会应用于文章页面底部。
  • 网站其他代码:可以插入需要在 <head> 部分插入的代码。

⚠️ 注意:从 Reflect White 的 1.0.3 版本开始,旧版 MWeb 中的「评论和分享代码」将不再被兼容。请使用「网站扩展配置」中的相应设置完成。

网站扩展配置

以下设置皆为非必填。

MWeb 偏好设置的「扩展」页面

  • 你的笔名:会应用于 RSS 输出。
  • Twitter 用户名:当你的文章被分享至 Twitter 时,文章卡片上需要标注哪一个 Twitter 用户?填写 Twitter 的用户名(username)而不是显示名。
  • 脚注信息:会应用于每页底部的小字体脚注。
  • Favicon 图标:访客打开你的网站时,浏览器会将其标志于网页标签页图标。可以使用 PNG 和 ICO 格式的图片。
  • 你的 Like.co 用户名:如果你有 Like.co 的创作者帐户,可在此填入你的 Liker ID。填入后,每篇文章底部将会显示你的 Liker Widget,当读者注册后为你的文章点赞,你将可获得实质性收入。
  • 标签简短介绍:在文章标签页面,为标签加注一段简短的介绍。详情...
  • 自定义样式:为博客设定更个性化的样式(高级)。

网站菜单设置

MWeb 偏好设置的「扩展」页面

在此设置的菜单将会应用于网页顶部网站名称之下。

文档扩展信息

在每篇文章右上角的「i」按钮中可以找到这部分信息设置。

文章扩展信息设置

  • 次要标题:会在文章详情页和列表页的文章标题之下显示,帮助读者快速了解文章的主旨。相当于微信公众号中的「摘要」一栏。
  • 题图:会在文章详情页和列表页显示。可以使用 MWeb 提供的相对路径,也可以使用网络图片或 CDN 图片。

reflect-white-mweb-theme's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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

reflect-white-mweb-theme's Issues

Mweb pro 生成网站报错

这是什么原因?
Domain=MGTemplateEngineErrorDomain Code=3 ""ext_username" is not a valid variable" UserInfo={NSLocalizedDescription="ext_username" is not a valid variable}

image

image

mweb生成网站报错

请问是怎么回事?副标题我已经全部删除了
Error Domain=MGTemplateEngineErrorDomain Code=3 ""p.ext_subtitle" is not a valid variable" UserInfo={NSLocalizedDescription="p.ext_subtitle" is not a valid variable}

使用MWeb3 编译网站时出错

已设置所有必填项,Build的时候获得以下错误提示:

Build Site Errors!

Error Domain=MGTemplateEngineErrorDomain Code=3 ""ext_username" is not a valid variable" UserInfo={NSLocalizedDescription="ext_username" is not a valid variable}

不太清楚发生了什么

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.