代码块高亮支持

MijiDoc支持HTML、CSS、Javascript、PHP、Python、GO等十多种类型的代码高亮展示;

1. HTML/XML (标记语言)

html
<!DOCTYPE html>
<html>
<head>
    <title>页面标题</title>
    <meta charset="UTF-8">
</head>
<body>
    <h1>主标题</h1>
    <div class="content">
        <p>段落文本 <a href="#">链接</a></p>
        <img src="image.jpg" alt="示例图片">
    </div>
</body>
</html>

2. CSS 示例 (简洁版)

/* 基础样式 */
body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 20px;
  background-color: #f5f5f5;
}

/* 盒子模型 */
.card {
  width: 200px;
  background: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

3. JavaScript (浏览器脚本)

// ES6+ 特性
const fetchData = async (url) => {
    try {
        const response = await fetch(url);
        const data = await response.json();
        console.log('获取数据:', data);
        
        // 箭头函数和模板字符串
        data.items.forEach(item => {
            console.log(`ID: ${item.id}, Name: ${item.name}`);
        });
    } catch (error) {
        console.error('请求失败:', error);
    }
};

// 类定义
class User {
    constructor(name) {
        this.name = name;
    }
    
    sayHello() {
        console.log(`Hello, ${this.name}!`);
    }
}

主题的特色亮点

Typecho Wiki 主题以简洁高效为设计核心,结合现代前端技术,打造出一款功能丰富且视觉体验极佳的Wiki主题。以下是这款主题的主要特色亮点:

多套主题皮肤,灵活自定义

提供多种精心设计的配色方案,用户可以根据个人喜好或品牌需求,轻松切换不同皮肤,满足多样化的视觉风格需求,提升整体美感与个性化体验。

image

响应式适配,支持多设备

主题能够根据不同屏幕尺寸自动调整排版与布局,确保在桌面、平板和手机端都呈现出最佳浏览效果。无论何种设备,用户都能畅享流畅的阅读体验。

image

代码高亮,支持多种语言

针对技术文档和开发者需求,主题集成了丰富的代码高亮功能,支持多种编程语言,有效提升代码展示的清晰度和可读性,让技术内容更专业直观。

image

LaTeX 公式,集成渲染支持

内置 LaTeX 公式渲染能力,能够精准且美观地展现数学表达式和复杂符号,满足学术科研和教育类内容的需求,提升内容专业性与系统性。

深浅模式,可自由切换

支持深色模式与浅色模式切换,用户可根据环境光线或视觉偏好选择合适的主题风格,保护视力的同时增强阅读舒适度,适应各种使用场景。

Ajax 加载,无刷新流畅

利用Ajax技术实现页面无刷新切换,确保内容加载更加迅速且流畅,提升用户交互体验,避免频繁页面刷新带来的视觉干扰。

轻量设计,快速响应

主题代码结构简洁优化,采用高效加载策略,大幅缩短页面打开时间,保证即使在网络环境不佳的条件下,也能快速展现内容,提升访问效率。


综上所述,Typecho Wiki 主题不仅在视觉和交互体验上追求极致,同时兼顾多功能实用性,能够满足不同类型的知识管理和内容展示需求,是构建专业Wiki平台的理想选择。

个性化样式配置

自定义品牌 LOGO

支持深浅模式下的不同 LOGO,您可以直接输入 LOGO 图片的地址,同时支持设置浏览器网页图标。通过直观的配置方式,提升站点定制的便捷性与专业性。

image

自定义品牌色

MijiDoc 主题内置多种预设主题色,提供丰富的皮肤选择。除此之外,您还可以自定义品牌色或产品色,配置灵活多样,帮助突出您的品牌特色与个性。

image

Latex公式渲染支持

MijiDoc支持数学公式的展示,以下通过举例来展示以下公式的渲染效果:


1. 二项式定理

(a + b)^n = \sum_{k=0}^{n} \binom{n}{k} a^{n-k}b^k

$$ (a + b)^n = \sum_{k=0}^{n} \binom{n}{k} a^{n-k}b^k $$


2. 三角恒等式(和角公式)

\sin(\alpha \pm \beta) = \sin\alpha \cos\beta \pm \cos\alpha \sin\beta

$$ \sin(\alpha \pm \beta) = \sin\alpha \cos\beta \pm \cos\alpha \sin\beta $$


3. 泰勒展开(指数函数)

e^x = \sum_{n=0}^{\infty} \frac{x^n}{n!}

$$ e^x = \sum_{n=0}^{\infty} \frac{x^n}{n!} $$


4. 立体几何(球体体积)

V = \frac{4}{3} \pi r^3

$$ V = \frac{4}{3} \pi r^3 $$


5. 微积分(导数乘法法则)

\frac{d}{dx}(uv) = u \frac{dv}{dx} + v \frac{du}{dx}

$$ \frac{d}{dx}(uv) = u \frac{dv}{dx} + v \frac{du}{dx} $$


个人性化的文档主题

image

MijiDoc是一款基于Typecho程序的文档主题,可以帮助用户快速搭建专业级文档中心,适用于产品手册、企业知识库、API文档、课程资料、技术Wiki 等多种用途。主题采用现代化设计,兼具高颜值与实用性,集成了多种实用功能,包括代码高亮、Latex公式支持、深浅模式切换等。即使没有开发经验,也可以使用Typecho程序 + MijiDoc主题完成精美文档的搭建。

详细介绍和主题获取,请访问官网:MijiDoc主题官网

主题效果展示

首页 - 核心内容展示

支持自定义头部标题、描述、按钮文案;以及手动配置推荐阅读的文章;后台外观设置提供了多种主题色和自定义色值,可以按需选择符合自己品牌、产品的主题色。

image

文档页 - 内容结构清晰

左侧文章目录,右侧文章大纲,支持快速切换文章,以及点击大纲快速定位到某个模块。针对不同屏幕做了响应式适配,保证内容的可读性,提供更好的阅读体验。

image

独立页 - 自由增加页面

独立页面,保持极简的风格,可以自定义页面内容,独立页名称展示到导航栏菜单。

image

移动端效果 - 多端兼容

image

除了桌面端采用极简风格外,移动端设计更注重沉浸体验,在有限空间内最大化内容展示,且通过滚动自动隐藏顶栏和按钮,提升阅读的专注度和无干扰感。

Typecho + MijiDoc 轻松搭建文档中心

通过Typecho程序和MijiDoc主题,可以快速构建起专业级文档中心。即使是低配置的服务器或者虚拟主机,都可以轻松流畅运行。

image

相比其他在线文档工具和私有化部署方案,使用 Typecho 搭建私有文档库具备诸多显著优势。

🌟 上手简单,超级新手友好

安装过程非常便捷,像安装普通软件一样轻松,无需复杂配置或专业技能。即使是完全没有经验的小白,也能快速完成搭建,立即开始创建和管理文档。官方也提供了详尽的主题使用指南。

🌟 私有化部署,数据安全可靠

所有内容存储在自己的服务器上,有效保障数据隐私和安全,避免信息泄露风险。相比于依赖第三方云服务,Typecho 为团队和个人提供了更稳定、更可控的环境,确保文档长期安全可用。

🌟 完全自定义,打造专属品牌

支持高度自由的主题和界面定制,Logo、配色,都能根据需求随心调整,塑造独一无二的品牌形象。这样不仅提升用户体验,也增强了文档库的专业感和辨识度。

🌟 响应式设计,完美适配多设备

无论是在手机、平板还是电脑上,页面内容都能兼容响应,保证阅读体验流畅自然。响应式布局确保内容显示清晰,方便用户随时随地访问和查阅资料,极大提升了便捷性。

🌟 轻量高效,低成本运营

Typecho体积小巧,资源占用低,运行稳定流畅。即便是配置较低的服务器也能轻松应对,显著降低硬件和维护成本,非常适合预算有限的个人或小型团队。

主题适用多种场景

📚 企业/团队协作

  • 内部知识库:集中管理公司制度、项目文档、流程指南,减少信息碎片化。通过统一平台存储和更新资料,全员随时访问,实现知识共享和信息同步,提升团队整体效率。
  • 公开Wiki:对外分享行业洞察、产品白皮书,提升品牌专业度。公开透明的内容展示增强企业形象,有助于吸引客户和合作伙伴,扩大品牌影响力和市场认可度。

📖 开发者与技术社区

  • API文档中心:结构化展示接口参数、示例代码,支持版本切换。清晰的文档结构降低开发者学习成本,版本管理保障兼容性,方便持续维护和快速集成。
  • 开源项目手册:为GitHub项目配套Wiki,降低用户上手门槛。完善的使用说明和案例指导有助于用户快速掌握项目功能,促进开源社区活跃和贡献度提升。
  • 故障排查库:归档常见报错解决方案,减少重复技术支持成本。系统化的知识库帮助开发者和用户快速定位问题及解决方案,显著提高问题处理速度和满意度。

🎓 教育领域

  • 在线课程库:分章节发布讲义、习题答案,适配移动端学习。支持多终端访问,灵活安排学习进度,方便师生在线互动和个性化辅导,提升教学效果。
  • 学术资源站:整理研究论文、实验数据,便于师生协作编辑。集中存储科研资料,便于多方共享和版本控制,促进团队协作及知识积累,推动学术研究进展。

🛠️ 产品与客户支持

  • 帮助中心:FAQ分层展示,集成搜索功能快速定位问题。简洁明了的分类与智能搜索提升用户自助解决问题能力,减少客户咨询负担,提高服务效率。
  • 用户手册:提供产品使用指南,降低客户学习成本。详尽的操作步骤和注意事项指导用户熟练使用产品,减少误操作,提升用户满意度和忠诚度。
  • 版本更新日志:清晰记录迭代内容,增强用户透明度。通过及时公布功能更新和修复详情,让用户了解产品动态,增强信任感和使用积极性。

💡 个人博客与知识管理

  • 数字花园:深度文章关联推荐,构建个人知识网络。利用标签和链接实现内容互联,便于思考梳理和知识沉淀,形成系统化且持续扩展的个人知识体系。
  • 垂直领域百科:如游戏攻略、硬件评测等。针对特定兴趣或专业领域打造详实内容库,方便爱好者交流分享,满足细分群体的深度需求。

无论是个人还是企业,这款 Wiki 主题都能帮你打造 专业、易用、美观的文档系统,提升信息传播效率!