🗺️当前这篇博文地址：https://myoontyee.github.io/article/551b025b.html
⚠️警告：博客文章禁止一切形式的非授权非法转载！
⚠️Attention: All forms of unauthorized illegal reposts are prohibited !
创建时间：2022年3月28日21:07:27
最新更新：2022年4月28日09:29:07
核心思路：按页面分类教程，其实本质都是调HTML和CSS
基本操作
-
创建新的文章，进入对应文件夹，
hexo new+"文章名"- 如
hexo new "教程 这是一个测试"，能生成一篇教程 这是一个测试的博文页面
- 如
-
每次在本地更新好页面以后，在
Git-Bash内通过如下指令上传- 操作1
hexo cleanhexo s -g，点开网址开没问题后Ctrl+Chexo d推送上去
- 操作2
hexo cleanhexo g，部署hexo d推送上去
- 操作1
-
更新
npm update hexo -g
-
清理缓存，生成，发布，在
Git-Bash上输入如下指令hexo clean && hexo g && hexo d
教程总表
基础操作
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | 部署报错 | Hexo部署的页面出现错误，一个debug思路与工具 |
| 2 | 推送GitHub | Hexo安装+个人网站建立+推送至GitHub |
| 3 | 源码备份 | GitHub+Hexo的个人博客，blog，GitHub Page如何实现一个分支作为博客源码，一个分支用于全部源码备份？ |
| 4 | 修改博客路径为.github.io |
GitHub的个人博客，blog，GitHub Pages如何修改地址，如何修改published site？ |
| 5 | 检查图片路径 | Hexo deploy部署后的页面图片引用路径如何检查？ |
| 6 | 安装插件报错处理 | Hexo安装插件遇上5 vulnerabilities (2 moderate, 2 high, 1 critical)类似的报错，让使用npm fund寻求更多细节，如何解决 |
| 7 | 端口报错处理 | Hexo生成时提示FATAL Permission denied. You can’t use port 4000.解决办法 |
| 8 | 安装报错处理 | 安装Hexo，npm install -g hexo的npm ERR报错解决 |
| 9 | 443报错处理 | Git-Bash，WSL2内GitHub无法访问、443 Operation timed out的解决办法 |
| 10 | npm无法运行 | npm无法在PowerShell运行解决办法 |
GitHub+Hexo的个人博客，blog，GitHub Page如何实现一个分支作为博客源码，一个分支用于全部源码备份？
GitHub的个人博客，blog，GitHub Pages如何修改地址，如何修改published site？
Hexo安装插件遇上5 vulnerabilities (2 moderate, 2 high, 1 critical)类似的报错，让使用npm fund寻求更多细节，如何解决
Hexo生成时提示FATAL Permission denied. You can’t use port 4000.解决办法
安装Hexo，npm install -g hexo的npm ERR报错解决
Git-Bash，WSL2内GitHub无法访问、443 Operation timed out的解决办法
首页
②样式引用参考Hexo + Chic，全局引用css样式，从标签、分类or打开文章第二面，icon无法正常显示解决办法
②部署见Hexo + Chic如何在任意位置添加新的icon（svg）图标——以首页添加友链及其logo为例
⑥见Hexo + Chic如何添在link处加新的icon（svg）图标
⑦部署见Hexo + Chic如何在任意位置添加新的icon（svg）图标——以首页添加友链及其logo为例
若⑦涉及样式全局引用问题，见Hexo + Chic，全局引用css样式，从标签、分类or打开文章第二面，icon无法正常显示解决办法
⑧见Hexo + Chic 增加站点浏览统计
⑧数据未加载出来前样式见Hexo + Chic busuanzi未显示阅读字数、时长等情况下的等待图标添加（旋转菊花等）
分栏-文章
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | ① | ①见Hexo + Chic如何在任意位置添加新的icon（svg）图标——以首页添加友链及其logo为例 ①无法正常显示见Hexo + Chic，全局引用css样式，从标签、分类or打开文章第二面，icon无法正常显示解决办法 |
| 2 | ② | ②见Hexo + Chic过长博文名如何实现省略，过长博文名，实现三个点省略方案 |
①见Hexo + Chic如何在任意位置添加新的icon（svg）图标——以首页添加友链及其logo为例
①无法正常显示见Hexo + Chic，全局引用css样式，从标签、分类or打开文章第二面，icon无法正常显示解决办法
②见Hexo + Chic过长博文名如何实现省略，过长博文名，实现三个点省略方案
特殊页面
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | CV简历页面 | 基础实现见Hexo + Chic 在同一行实现左中右内容布局，Markdown（Typora）与Obsidian亦可参考 |
| 2 | 类别页面 | 类别页面过长博文名省略，见Hexo + Chic 类别category页面过长博文名的三个点省略方案 |
CV简历页面
类别
-
-
类别页面过长博文名省略，见Hexo + Chic 类别category页面过长博文名的三个点省略方案
置顶
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | 置顶页面 | Hexo + Chic 实现文章置顶栏、文章置顶功能 |
文章
文章头
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | ①emoji | ①见Hexo + Chic 添加emoji支持，并使用emoji |
| 2 | ②字数、阅读时长 | ②见Hexo + Chic 添加文章字数和阅读时长 |
| 3 | ③浏览量 | ③见Hexo + Chic 增加单篇文章浏览统计 |
①见Hexo + Chic 添加emoji支持，并使用emoji
文章中
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | ①引用自己写的别的博文 | ①见Hexo如何实现对博客内，同一个文件夹下其他文章的引用？ |
| 2 | ②mermaid | ②见Hexo + Chic + mermaid配置 |
①见Hexo如何实现对博客内，同一个文件夹下其他文章的引用？
数学公式
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | LaTeX | 见Hexo + Chic如何支持数学公式，特别是复杂LaTeX公式，公式会重复显示、LaTeX公式本地预览可以显示deploy上去无法显示解决办法 |
kbd样式
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | kbd样式 | 见Hexo + Chic设置kbd样式，code、samp等样式亦可参考 |
表格及文章尾
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | ①表格+代码块 | ①见Hexo, Obsidian, Typora等如何制作包含代码在内的表格？如果需要有代码行数呢？ |
| 2 | ②表格+滚动条 | ②见Hexo + Chic 过长的表格使用滚动条 |
| 3 | ③插图片 | ③见Hexo + Chic + Typora如何实现便捷的文章插入图片方案？Hexo文章图片无法显示问题如何解决？ |
| 4 | ④修改Tags | ④见Hexo + Chic修改Tag(s)前面的井号 |
| 5 | ⑤打赏按钮 | ⑤见Hexo + Chic实现打赏按钮，鼠标移动、浮过去会显示对应图片 |
| 6 | ⑥评论区 | ⑥见Chic配置Gitalk，添加评论区 ⑥常见错误见Hexo + Chic配置Gitalk显示error=redirect_uri_mismatch&，点击登录GitHub返回主页解决办法 |
- ①见Hexo, Obsidian, Typora等如何制作包含代码在内的表格？如果需要有代码行数呢？
- ②见Hexo + Chic 过长的表格使用滚动条
- ③见Hexo + Chic + Typora如何实现便捷的文章插入图片方案？Hexo文章图片无法显示问题如何解决？
- ④见Hexo + Chic修改Tag(s)前面的井号
- ⑤见Hexo + Chic实现打赏按钮，鼠标移动、浮过去会显示对应图片
- ⑥见Chic配置Gitalk，添加评论区
功能
搜索
| 序号 | 备注 | 链接 |
|---|---|---|
| 1 | 搜索 | Hexo + Chic如何部署到搜索引擎如Google上使得其能被搜索到？提交到谷歌搜索（谷歌收录）解决办法 Hexo + Chic 如何上交网站地图sitemap.xml给Google？如果显示无法获取Couldn’t Fetch应该怎么办？ |
