背景是之前搭建好的 Hexo 荒废已久( 从搭建到荒废 ),心血来潮翻新一波到当前更合适的 Hugo( 但愿这回能写点东西 ) 其实也没有什么必要的迁移理由。非要有理由的话就是享受折腾的过程,不要觉得老的凑合凑合也能用而不去尝试新的东西来固步自封 总有停下的那一天,但不会是现在

Hexo

上一代的 Hexo Jieyue Blog 采用 hexo-theme-next 主题,仿照 V2ex 的暗黑主题配色 ( 挺喜欢这个主题和配色,但在 Hugo 中没找到类似的,错过了可能就一直错过了,也许换一个主题也不错。“永远相信美好的事情即将发生” )

081723091930

图床

先搞定图片问题,这里采用 https://github.com/SharzyL/pastebin-worker “部署在 Cloudflare Worker 免费套餐上,该服务每天最多允许 100,000 次读取、1000 次写入和 1000 次删除。由于 Cloudflare KV 存储的大小限制,每个粘贴的大小限制在 25 MB 以下”

Hugo

采用 hugo-PaperMod 主题,与 hexo-theme-next 相像,方便日后仿照(它可以很像它,但终究不是它)

PaperMod 主题优化

  • markdown 中文本换行画面也换行显示

    参考:PaperMod-将自定义 CSS 与主题资产捆绑在一起 追加:\themes\PaperMod\assets\css\extended\blank.css

    /* 文本折行 */
    .post-content p {
      white-space: break-spaces;
    }
    
  • markdownhtml 代码直接渲染

    参考:Hugo-省略原始 HTML 修改:\hugo.toml

    # In your config enter:
    [markup.goldmark.renderer]
    unsafe = true
    
  • markdown 中链接点击时默认开启一个新标签

    参考:Hugo-链接示例 创建:\themes\PaperMod\layouts/\_default/\_markup/render-link.html

    <a href="{{ .Destination | safeURL }}"{{ with .Title }} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>
    
  • 文章布局优化

    参考:PaperMod-Mod阮一峰-CSS Grid 网格布局

TODO:待完成