| 1 | ## Joe
|
| 2 |
|
| 3 | > 一款基于 Typecho 博客的双栏极致优化主题
|
| 4 |
|
| 5 | - QQ 交流群：457337579
|
| 6 | - Git 仓库：https://github.com/HaoOuBa/Joe
|
| 7 | - 主题宗旨：简洁、超强、开源、精华
|
| 8 |
|
| 9 | #### 主题简介：
|
| 10 |
|
| 11 | 1. 整包仅 1.3Mb，却实现超强功能，极其迅速的响应（在开发时，都是使用 30000 篇文章进行开发测试）
|
| 12 | 2. 全站变量名、类名统一规范，重在方便更多人参与二开与拓展
|
| 13 | 3. 主题开箱即用，没有任何复杂的操作，无需像其他主题去特意创建个分类等。
|
| 14 | 4. 主题启用后，会置换 Typecho 的默认编辑器，采用 Joe 独家开发的编辑器
|
| 15 | 5. 主题响应式布局，不依赖任何响应式框架，采用 Joe 独家响应式
|
| 16 | 6. 主题在一切可能暴露的接口上，屏蔽 sql 注入、xss 攻击风险，提供安全保障
|
| 17 | 7. 内置超强视频功能、包含直播功能、全网影视功能、文章内插入视频功能
|
| 18 | 8. 主题 SEO 极致优化，Lighthouse SEO 跑分彪满 100 分
|
| 19 | 9. 主题色彩全局公用、小白轻松直接修改整站自定义主题色
|
| 20 | 10. 主题内置代码高亮、无需借助任何插件、支持 200 种语言
|
| 21 | 11. 主题首发极强画图回复功能，为你的博客带来用户互动，不再像传统博客那样，仅限文字
|
| 22 | 12. 主题内置 sitemap、百度推送、友链、回复可见等，无需依赖任何插件
|
| 23 |
|
| 24 | #### 主题开发
|
| 25 |
|
| 26 | 1. 开发时请使用 `VSCode编辑器` ，编辑器插件：`scss-to-css`（根据官方文档进行下载依赖库） 和 `minify`
|
| 27 | 2. css 代码由 scss 编译成.min.css 文件
|
| 28 | 3. js 代码由 minify 压缩成.min.js 文件
|
| 29 |
|
| 30 | #### 主题目录介绍（非实时）
|
| 31 |
|
| 32 | ├── assets 主题静态资源
|
| 33 |
|
| 34 | ├── core 主题核心文件夹
|
| 35 |
|
| 36 | ├── library 主题内集成第三方库
|
| 37 |
|
| 38 | ├── public 共用的一些模块文件
|
| 39 |
|
| 40 | ├── typecho
|
| 41 |
|
| 42 | │ ├── config 主题外观、功能设置的样式脚本目录
|
| 43 |
|
| 44 | │ └── write Joe 编辑器目录
|
| 45 |
|
| 46 | ├── 404.php 404 页面
|
| 47 |
|
| 48 | ├── archive.php 搜索页面
|
| 49 |
|
| 50 | ├── friends.php 友情链接页面
|
| 51 |
|
| 52 | ├── functions.php 主题的外观、功能设置
|
| 53 |
|
| 54 | ├── index.php 博客首页页面
|
| 55 |
|
| 56 | ├── leaving.php 留言板页面
|
| 57 |
|
| 58 | ├── live.php 虎牙直播页面
|
| 59 |
|
| 60 | ├── package.json 主题发布至 NPM 仓库使用（勿动）
|
| 61 |
|
| 62 | ├── page.php 独立页面
|
| 63 |
|
| 64 | ├── post.php 文章页面
|
| 65 |
|
| 66 | ├── screenshot.php 主题截图图片
|
| 67 |
|
| 68 | ├── video.php 全网影视页面
|
| 69 |
|
| 70 | └── wallpaper.php 壁纸页面
|