网站构建历史

Posted on 2024-03-21 In web

调试

favicon

在这里设置网站图片。在主题配置文件 favicon 更改。avatar 同理

增加标签页 / 分类页

hexo new page tags

.md 中添加 type: tags

categories 同理

本地调试步骤

$ hexo clean
$ hexo g
$ hexo s --debug

部署步骤

$ hexo clean
$ hexo g
$ hexo d

常用命令

$ hexo new "postName"  #新建文章
$ hexo new page "pageName" # 新建页面
$ hexo generate # 生成静态页面至public目录
$ hexo server # 开启预览访问端口(默认端口4000，'ctrl+c'关闭server)
$ hexo deploy # 项目部署
$ hexo help # 查看帮助
$ hexo version # 查看Hexo的版本

documentation

troubleshooting

虫子

本地编辑 power by，icon，reward,avatar 无及时反馈。可能存在的问题：

a. ~~需要联网~~

原因：code 里没有完整的.enable

解决：删除 footer.swig 中 powered by 或添加.enable。或者改成 !==false

持续 bug，解决不了了！！直接重启 theme！

install a theme
1. git clone <theme-repo-url> themes/<theme-name>

remove a theme

git rm -rf themes/<theme-name>

# remove as a submodule
rm -rf themes/<theme-name>
git submodule deinit -f themes/<theme-name>
rm -rf .git/modules/themes/<theme-name>
git rm -f themes/<theme-name>

sidebar 无法删除。
1. 解决：直接 inspect element/f12，强行删除 sidebar… 哪里不爽点哪里。参考
文章结尾出现 Template render error:
1. 解决：文件里出现 {{%}} 删除即可，这也是为什么我没有再把所有编辑过的码 po 上来的原因…
无法显示 busuanzi count 记录本站访问次数
1. 解决：直接上 busuanzi 官网复制粘贴代码到 footer.njk，不知道为什么 swig 改到了 njk，不过都能用。并添加 post-meta-devider。
2. 解决 2: footer.njk 中.enable 改成 !==false ，并且将 busuanzi 官方两行代码复制到 busuanzi-counter.njk 文件
Local search 不显示
1. 解决：themes/next/layout/_partials/header/menu.njk 和 themes/next/layout/_partials/search/index.njk 中.enable 改成 !==false

下一步

~~下载 dependencies: word count,~~
~~search services~~
~~busuanzi count~~
local search: true
1. 未成功
~~添加底部已运行–天–时–~~
添加到 google search 中
1. https://developers.google.com/search
2. 搞个 html verification，复制到配置文件里 <meta name="google-site-verification" content="zmdllLs3T5PIoDAKGjHjdF-gO6eH3uqxmbBf5yQNeDA" />
3. 未成功
~~reward 二维码~~
修改博客颜色
1. 预备颜色
  1. CCD5AE，E9EDC9，FEFAE0，FAEDCD，D4A373
  2. DAD7CD，A3B18A，588157，3A5A40，344E41
阅读进程滚动条
1. 未成功
  1. source/css/_common/components/reading-progress.styl 改成 !==false
豆瓣 /notion plugin
字体大小
1. themes/next/source/css/_variables
安装插件参考 sakuraTears

分水岭

以上很多问题，譬如 power by，icon，reward,avatar，search 无及时反馈等等，在参考官方教程之后，基本都解决了。问题就在于网上很多教程都是好几年前的，当时 hexo 站点和 next theme 各有一个配置文件 config.yml。作者更新后，只需在 hexo 的 site root directory 添加_config.next.yml 文件即可。所以.. 必要时需要重新阅读说明书。

Hexo 插件

文章加密

npm install --save hexo-blog-encrypt`
在文章信息头插入
`password: mikemessi abstract: 有东西被加密了, 请输入密码查看.`
`message: 您好, 这里需要密码.

文字遮盖效果 Spoiler

预览效果
npm install hexo-spoiler --save
站点根目录配置填写

spoiler:
  style: blur # 或者box
  color: black # 仅当 style 为 box 时起效
  p: false # 没懂啥意思，不管它

分栏

npm install hexo-tag-common
具体使用说明：Tabs-NexT

{% spoiler p: color:red `inline code` [link](https://example.com) *italic* ~~delete~~ **bold** %}

add <p/> in-between

post test

首页预览

文章中放置 。
前端设置 description: 想要被预览的内容。弊端是正文也会有总结… 还不如用 tag

其他

June 30: 修改’buy me a coffee’，config.yml 里的 reward comment 修改无效，直接找到 post-reward.njk 修改 <div>{{ __("谢谢老板打赏") }}</div>。

参考