开始使用 Typecho
如果您看到这篇文章,表示您的 blog 已经安装成功.
特性
- CDN
- DB
- HTTPs: rewrite
http
tohttps
automatically - Blog Engine:
- PL: PHP
- Framework: Typecho
- Reverse Proxy: Nginx
功能
- 文章目录
- 多级目录:支持多级目录: 目前 2 级,后续扩展至 3 级
- 高亮目录:支持高亮目录项: 同步高亮文章中的标题
- 页内跳转:点击目录项精确页内跳转: 实现内容->目录联动滚动
- 自动滚动:当目录超出屏幕高度时,根据内容自动滚动
- 自动展开/折叠:展示当前的目录树,折叠非相关目录(TODO,该功能完成后,上一点便不再成立,除非子项太多)
- 具体实现:(TODO,写一篇详细设计文章)
- 标签样式改造,从简单的文字,用纯 CSS 装饰成物理标签的样子
- 文本图标化:
- 引入 FontAwesome v5(Free Version)
- 代码语法高亮1
- 支持多种语言: JS, C/CPP, Python, Go 等
- 支持功能扩展:
- 单行高亮
- 代码一键拷贝
- 显示语言类型
- 代码行数
- 代码折叠(TODO)
- 支持移动端:
- 控件响应式:iPhone, Android, iPad
- 自适应屏幕宽高度:采用
CSS
的vw/vh
(view-width/view-height) 作为计量单位,控制当前屏幕应当显示多少行代码为宜
传送门
- 具体实现参见 使用 PrismJS 实现代码语法高亮 ↩︎
欢迎加入 Typecho 大家族