9

Hexo Maupassant 主题升级重装记录

 2 years ago
source link: https://z.arlmy.me/posts/hexo/Hexo_UpdateAndRenew/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Hexo Maupassant 主题升级重装记录

0 Comment

Maupassant 好像一直在更新,这次重装,算是跟上了节奏。
(本篇算是写给自己的备忘)

node 降级

遇到了各种各样的报错,最后发现是因为 node 版本过高。遂重新安装 node,降至 12,官网下载 .msi 文件安装包,在卸载高版本 node 后安装即可,node -v 检查版本号。

删除 packege-lock.json

在博客的目录下删除 packege-lock.json 文件,解决 npm WARN old lockfile 报错。

hexo 命令不识别

在博客的目录下,package.json 文件内增加:

"hexo": {
"version": "3.9.0"
},

解决 Usage: hexo <command> 报错。

pug 和 sass 插件安装问题

  1. node-sass 安装,切换国内镜像
npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
  1. 全局模式下安装,node-sass - npm,Node 12 对应安装 4.12+ 版本,安装特定版本命令: npm install [email protected] --save-dev

报错信息:

err: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93)
  1. 全局模式下安装两个渲染器

    npm install hexo-renderer-pug --save  
    npm install hexo-renderer-sass --save
  2. hexo -g 试着生成文件,按照报错安装更新缺失的插件,调整,直到不再报错为止

  1. 直接对应之前的 _config.yml 修改的,可以直接把 Waline 配置进去(一般有Vercel内有3个链接,验证一下哪个地址对应评论的输入框,再填写);
  2. 下划线,参考之前的记录即可;
  3. Clustrmap 代码配置,参考之前的记录即可,Size 自定义配置先改一个数字,最后在生成的代码内修改为 1px;
  4. 中英对照,对着之前的模板配置修改。
  1. 思源宋体增加,head.pug 增加:
    script.
    (function(d) {
    var config = {
    kitId: 'XXXXXX',
    scriptTimeout: 3000,
    async: true
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
    })(document);

Adobe 和 Google Fonts 都有,这次仍然沿用了 Adobe 的,不过代码都有更新。

  1. Hypothesis 配置,head.pug 增加:
    script(type="application/json", class="js-hypothesis-config").
    {"showHighlights": false}
    script(async, src="https://hypothes.is/embed.js")

部分插件要另行安装

  1. hexo-wordcount
  2. hexo-generator-archive
  3. hexo-generator-category
  4. hexo-generator-tag

对照报错逐个安装的,记得要在 Hexo 根目录的 _config.yml 内增加:

# Archives
archive_generator:
enabled: true
per_page: 50
yearly: true
monthly: true
daily: false
order_by: -date

# Categories
category_generator:
per_page: 20
order_by: -date

# Tags
tag_generator:
per_page: 20

涉及 .pure-gbody 等项下,尤其 .pure-g

font-family: "source-han-serif-sc", serif, Helvetica, "Helvetica Neue", "Segoe UI", "Hiragino Sans GB", "Source Han Sans CN", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei" !important;

其他可再看效果逐项调整。

可右键“检查”,在浏览器修改,查验展示效果,再去改 css 文件。

  • header 字体、字号
  • widget 字体、字号
  • post-title 字体、字号
  • post-content 字体
  • post-archive 字体
  • img 文件夹下的二维码
  • 根据 post.pug 修改 page.pug,删除 page.categories.length 部分和 include _partial/tag.pug 部分
  • search.pug 内 self-search,默认填写部分 placeholder='Local Search'
  • hypothesis 下划线改色 f1f1f0ebebeb

CHANGELOG

  • 20220226 Arlmy 创建、发布
Donate
分享

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK