折腾主题的第一天

2021/08/20 字数统计： 1.1k 阅读时间： 2 mins 访问次数： ... 评论统计： ...

　　信誓旦旦地宣称要自己从 0 开始写主题，结果打开一堆密密麻麻的代码还是望而却步。EJS 的官方文档属实是把「简约」二字做到了极致，以我在谷歌自学的前端水平看起来就像：「好啦，你现在已经学会如何突破天幕魔导城最终决战了，接下来准备去究极神兵绝境战大展身手吧！」

　　好消息是我终于突破了无数个 error 开始用自己的 layout 渲染主页面了。
　　坏消息是 I don't know why 。总之先整理一下一天一夜的成果：

暂时成果

  • 大概的主界面布局 ✓
    • 用 chan 改的
      说起来因为这个主题公式站用了二次元头像我一直以为它的名字是ちゃん
      结果你告诉我是中文的「禅」？？彳亍吧
  • 首页卡片模式 ✓
    • 虽然写这个玩意的时候它还只是一个框架没有 CSS，但 CSS 是难不倒我的，大概……
      而且这个主题虽然用了 stylus 但似乎完全没有用到任何 stylus 的特性……我多半要找时间重写
  • 解决了半角引号被渲染成全角的问题
    • 在 blog 的设置文件中加入
      marked:
      smartypants: false
    • 恕我直言我不觉得这叫智能标点，我觉得这叫自以为是标点
  • 标签 / 分类列表页面 ×
    • 任务：要从 0 开始写 layout
      疑问：我看不懂官方文档
      提案：去抄一下 next 吧
      总结：以后再说

预计功能

　　以及一些待定的企划：

  • 解决中文引号（例：：“ ）的排版问题
    • 这东西在隔壁站都没解决呢……哈哈.jpg
    • 目前还没用盘古之白，停留在空格自己打的阶段，似乎也还挺顺手的。
  • eomji 插件与自定义图标
    • 暂时还没想好用 png 还是 svg
  • 区分文章封面与插图
    • 如果我没有理解错的话 hexo 是自带一个 page.img 参数用来做封面的，正文内插入的图片也并不影响
      如果这个功能可以实现的话相册页面可以省略了，直接用首页这个卡片流的形式配合文章封面就可以完成
      问题在于我目前对 ejs 的理解还停留在机翻二维码的水平……总之有空去主题列表里找几个看起来实现了这个功能的主题抄一抄【
  • 侧边栏动态目录
    • 这个功能 next 有 chan 没有，可恶，我已经是 next 的形状了
    • 虽然但是以我现在的布局似乎没有地方插这个目录，以后再说.jpg
  • 动态高亮色
    • 理想中用 stylus 的颜色变量可以轻松实现，现实嘛……哈哈……

正文元素参考

　　看起来这篇文章好像什么都没写，但其实我发它是为了有内容让我做 CSS 参考。

引用内容示例

草啊 sublime text 里直接把这个行首的 > 给我变成空方块的吗

　　链接参考
　　粗体 我觉得用不到斜体不如把它变成高亮色 删除线内内容默认变白

1
2
3
4
5
6
7
你好
我是一个代码框
多写几行字吧
话说这玩意能塞进表格做行内元素吗
我感觉是不行

……这默认代码框样式也太丑了吧！！！！！

还有可能基本用不到的表格

header1 header2 header3
align left align right align center
a b c
© 2024 無色人間。-「e686a7e3828c」 转载本站图文请附上「原始链接」 已收录数据  210k  字，登记访客  ...  人。
  1. 1. 暂时成果
  2. 2. 预计功能
  3. 3. 正文元素参考
    1. 3.1. 还有可能基本用不到的表格