如果您看到这篇文章,表示您的 blog 已经安装成功.

特性

  • CDN
  • DB
  • HTTPs: rewrite http to https automatically
  • Blog Engine:
    • PL: PHP
    • Framework: Typecho
  • Reverse Proxy: Nginx

功能

  1. 文章目录
    • 多级目录:支持多级目录: 目前 2 级,后续扩展至 3 级
    • 高亮目录:支持高亮目录项: 同步高亮文章中的标题
    • 页内跳转:点击目录项精确页内跳转: 实现内容->目录联动滚动
    • 自动滚动:当目录超出屏幕高度时,根据内容自动滚动
    • 自动展开/折叠:展示当前的目录树,折叠非相关目录(TODO,该功能完成后,上一点便不再成立,除非子项太多)
    • 具体实现:(TODO,写一篇详细设计文章)
  2. 标签样式改造,从简单的文字,用纯 CSS 装饰成物理标签的样子
  3. 文本图标化:
    • 引入 FontAwesome v5(Free Version)
  4. 代码语法高亮1
    • 支持多种语言: JS, C/CPP, Python, Go 等
    • 支持功能扩展:
    • 单行高亮
    • 代码一键拷贝
    • 显示语言类型
    • 代码行数
    • 代码折叠(TODO)
    • 支持移动端:
    • 控件响应式:iPhone, Android, iPad
    • 自适应屏幕宽高度:采用 CSSvw/vh (view-width/view-height) 作为计量单位,控制当前屏幕应当显示多少行代码为宜

传送门

  1. 具体实现参见 使用 PrismJS 实现代码语法高亮 ↩︎

仅有一条评论

  1. 欢迎加入 Typecho 大家族

添加新评论