TM 主题

一套非常不Material Design 的 Material Design 主题
支持代码高亮
Demo 下载地址 使用说明 更新日志
screenshot.png

摸鱼了几天,摸了一套并不 Material Design 的 Material Design 主题...顺便修好了评论(并没有)
顺手删掉了以前的评论,催更的都没有人权哒!
然后更远的日期的评论
2019/4/6
更新了一次主题,修复了一些小bug
2019/6/13
修复了搜索部分的一部分小bug
仍未开放搜索功能
2019/7/12
修复搜索功能
2019/7/13
试图在 Safari 上支持 webp ,但是由于大尺寸图片下性能与兼容性较差,且加载耗时超过了大体积的png文件...于是回到了jpg/png
集成代码高亮
2019/7/15
修正评论头像以及文本错位
2019/7/16
修正了评论框在登陆情况下的错位异常
修正了启用评论分页时的分页错位
默认关闭HSTS
2019/7/17
修正JS加载项


已知问题
移动端评论头像
搜索功能
Safari 不支持 webp 导致的部分图片无法正常显示
搜索结果异常,部分情况下搜索分类错误
部分错位
部分情况下图片超出限定范围


已知基本无影响且并不打算修复或者等待他人修复

由于换行单词是按空格分隔,因此若是超长英文字母连续将不会被换行会溢出div框
暂未添加 html 标签自动闭合 , 因此不建议开放大多数标签给评论使用

接上篇,创建完成以后,你的目录结构应该是如下的:

├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

接下来讲一下每个文件的详细,因为篇幅有点长,所以善用浏览器的搜索功能

npm 安装就略过了,实在不会下载安装无脑点下一步就好
webpack 自己手配是个天坑
所以先讲讲 creat-react-app
npm安装好以后执行

npm install -g create-react-app

npm install 不用细讲都能看懂 -g代表了全局安装 ,如果不加上那就安装到 node_modules 目录 其他的暂时用不上不讲

然后直接可执行

create-react-app react-demo

create-react-app 你的项目名称 ,注意是在当前目录下生成一个项目文件,可 cd 进去直接执行npm start , 项目创建完成,文件内容详解因为篇幅太长看下篇

首先正常情况下你执行make menuconfig 后应当看见如下图:
01.png.jpg
对于新手来说,你通常只需要关注

Target System
Subtarget
Target Profile 
LuCI 配置

进阶玩法以后再更新
另外通常推荐第一次单线程编译方便查错,如果你一次通过可无视

于是解释一下各个选项的用途: