博客搭建

原理

用hexo+github page搭建. hexo生成静态网页HTML,GitHub page展示HTML

github page

每个仓库都有一个pages服务，可用来展示项目，通过简单的设置项目的index.html，并以此做为入口供用户参观访问. 当然也可以用来跑博客.

hexo

hexo g：生成静态文件。将我们的数据和主题相结合生成静态文件的过程。
hexo d：部署文件。部署主要是根据在 _config.yml 中配置的 git 仓库或者 coding 的地址，将 public 文件上传至 github 或者 coding 中。然后再根据上面的 github 提供的 pages 服务呈现出页面。 source储存md themes储存主题 md+主题生成静态HTML hexo_repo文件下还有一个public的文件夹.执行hexo clean,会清除public,执行hexo d会生成public.还会生成.deploy_git文件夹，这个文件夹就是我们部署到github或者gitee上面的文件. 只有public的文件才会上传到github.如果github page的结果不对,可能是hexo没有执行好 hexo deploy命令. 而hexo server执行,依赖的不是public文件内容.可能会导致localhost展示结果与github page不同. source → public → .deploy_git 执行hexo generate，根据source，更新public。
执行hexo deploy，根据public，更新.deploy_git。

hexo clean
hexo g -d

是最优解详解Hexo搭建博客的底层原理

搭建reference:

ubuntu 安装hexo 已经放弃,转windows hexo 由于是在git bash里面操作,没区别…可以直接参考ubuntu系统下的安装

域名绑定:

https://blog.csdn.net/weixin_45961774/article/details/108402406 cpolar + PHP study 本地配置网站,再内网穿透到公网

不需要我有ipv4

icarus修改

live2d

使用的是张书樵的live2d-widget live2d模型添加 live2d模型库,超多色色依赖cdn服务,直接从别人的服务器上拉取的live2d.所以hexo库里面并没有原生的live2d文件好像要自己部署cdn服务,再调用api添加新的live2d模型有点难度,暂时放弃,以后有机会接触到cdn,本地api部署再说

进阶修改

文章加宽

参考1 主要是修改三个文件 \themes\icarus\include\style\responsive.styl \themes\icarus\layout\layout.jsx \themes\icarus\layout\common\widgets.jsx responsive.styl负责管理几个既定的参数 gap mobile tablet fullhd widescreen layout.jsx负责管理文章 widgets.jsx负责管理侧边栏注意,使用的12块分配, 对于单侧边栏, 侧边栏+文章=12 对于双侧边栏, 侧边栏*2+文章=12

share管理

使用addtoany 搞不懂什么情况,实现不了,放弃试试换成sharethis 在_config.yml中增加

share: 
  type: sharejs

在_config.icarus.yml中增加

share: 
  type: sharejs

对sharejs 的效果不满意,放弃share模块,有机会再搞分享设置

https://wiki.kunzhang.me/tech/%E5%91%A8%E8%BE%B9%E5%BC%80%E5%8F%91%E6%8A%80%E6%9C%AF/hexo.html#widget

latex添加

参考1 参考2 问题: $x_{a}y_{b}$ 中间的下划线都会被识别为斜体符号,需要转义. 更改inline.js文件中的em行

//em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
  em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

记得hexo clean

categories设置

categories 自动化注意修改depth

指定文章隐藏

https://github.com/im0o/hexo-generator-index-custom/blob/master/README_zh.md https://blog.csdn.net/qq_42777659/article/details/126516780

跳过某些文件hexo skip render设置

在_config.yml中设置

skip_render:
  - _posts/fleeting/**/**/**/*
  - _posts/templates/*

目录设置

在_config.yml中开启

toc: true

在_config.icarus.yml中

widgets:
    # 目录 小部件配置
    -
        # 小部件显示位置
        position: left
        type: toc
        # 是否显示每个标题的索引
        index: true
        # 是否在看不到副标题时折叠副标题
        collapsed: true
        # 标题显示的最高水平
        depth: 5

对于过长的标题,需要处理显示器不够大,目录无法完全显示的情况参考

可滚动目录

参考

图片添加

自定义css 对于前端三件套不熟悉,只能自己看

.is-2-column { 
    background-image: url(/img/backgroud.png);
    background-position: center center;
    background-repeat:  no-repeat;
    background-attachment: fixed;
    background-size:  cover;
    // background-color: #f5f5fa;
}

这段代码只对2列的排版生效,不会对于三列排版生效. 要改成

    .is-3-column { 
    background-image: url(/img/backgroud.png);
    background-position: center center;
    background-repeat:  no-repeat;
    background-attachment: fixed;
    background-size:  cover;
    // background-color: #f5f5fa;
}

添加readmore功能

采用插件hexo-excerpt github仓库

实现文章根据最近的更新排序,而不是发布时间创建时间排序

修改node_modules\hexo-generator-index\lib\generator.js中的内容修改结果为

'use strict';
const pagination = require('hexo-pagination');
const { sort } = require('timsort');
module.exports = function(locals) {
  const config = this.config;
  const posts = locals.posts.sort(config.index_generator.order_by);
// sort(posts.data, (a, b) => (b.sticky || 0) - (a.sticky || 0));
  posts.data = posts.data.sort(function(a, b) {
    if(a.top && b.top) { // 当两篇文章top都有定义时
        if(a.top == b.top) return b.updated - a.updated; // 若top值一样，则按照文章更新日期降序排列
        else return b.top - a.top; // 否则按照top值降序排列
    }
    else if(a.top && !b.top) { // 以下两种情况是若只有一篇文章top有定义，则将有top的排在前面（这里用异或操作居然不行233）
        return -1;
    }
    else if(!a.top && b.top) { //上一条已解释
        return 1;
    }
    else return b.updated - a.updated; // 若都没定义，则按照文章更新日期降序排列
});
  const paginationDir = config.pagination_dir || 'page';
  const path = config.index_generator.path || '';
  return pagination(path, posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
      __index: true
    }
  });
};

别人的icarus

Anne Wu配置 peiyingchi配置

站点google收入

google console中验证站长的身份

验证身份部分可以google console中的引导或者看其他博客.

添加sitemap

sitemap由插件辅助完成在hexo目录下安装hexo-generator-sitemap插件

npm install hexo-generator-sitemap --save

在_config.yml添加

sitemap:
  path: sitemap.xml

注意在_config.yml,你应该设定好了自己的url. 例如我的是

author: l4rk
language: zh-CN
timezone: Asia/shanghai
url: http://domonnss.github.io

hexo-generator-sitemap会根据这里的url生成xml文件.

如果提示此位置的 Sitemap 不允许此网址。,可能是因为生成的xml文件中的url与你的域名不同 xml中为

<url>
<loc>http://domonnss.github.io/2023/10/f85834e8ad59.html</loc>
<lastmod>2023-12-18</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>

而我填入的站点地图为https://l4rk.cn/sitemap.xml

domonnss.github.io与l4rk.cn不是同一个域名.就会出现这个报错提示修改_config,yml的url为 url: http://l4rk.cn 输入命令 hexo clean && hexo g && hexo d 生成新的xml文件为

<url>
<loc>http://l4rk.cn/2023/10/f85834e8ad59.html</loc>
<lastmod>2023-12-18</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>

当xml文件中的url与站点地图的网址域名相同时,就不会出现报错啦☺

等待几天时间,google就会收录网站

obsidian+hexo

把md推到github,再从github推到hexo,再在hexo上要不把hexo配置到windows,要不放弃hexo,围绕obsidian配置博客尝试用插件选择在windows环境下重新配置hexo. reference: windows hexo+obsidian+github 写的特别棒 https://zhuanlan.zhihu.com/p/613429644

问题

hexo d 无法连接至github

更改_config.yml内容

l4rk@l4rkserver:~/hexo$ hexo d
INFO  Validating config
Inferno is in development mode.
Inferno is in development mode.
INFO  =======================================
 ██╗ ██████╗ █████╗ ██████╗ ██╗   ██╗███████╗
 ██║██╔════╝██╔══██╗██╔══██╗██║   ██║██╔════╝
 ██║██║     ███████║██████╔╝██║   ██║███████╗
 ██║██║     ██╔══██║██╔══██╗██║   ██║╚════██║
 ██║╚██████╗██║  ██║██║  ██║╚██████╔╝███████║
 ╚═╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝
=============================================
INFO  === Checking package dependencies ===
INFO  === Checking theme configurations ===
INFO  === Registering Hexo extensions ===
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
INFO  Copying files from extend dirs...
On branch master
nothing to commit, working tree clean
fatal: unable to access 'https://github.com/domonnss/domonnss.github.io/': Failed to connect to github.com port 443 after 129455 ms: Connection timed out
FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html
Error: Spawn failed
    at ChildProcess.<anonymous> (/home/l4rk/hexo/node_modules/hexo-deployer-git/node_modules/hexo-util/lib/spawn.js:51:21)
    at ChildProcess.emit (node:events:514:28)
    at ChildProcess._handle.onexit (node:internal/child_process:294:12)

reference: https://blog.csdn.net/weixin_48927364/article/details/123405585

hexo deploy 报错:

reference: https://blog.csdn.net/nineya_com/article/details/103301870 完美解决

l4rk@l4rkserver:~/hexo$ hexo deploy
INFO  Validating config
Inferno is in development mode.
Inferno is in development mode.
INFO  =======================================
 ██╗ ██████╗ █████╗ ██████╗ ██╗   ██╗███████╗
 ██║██╔════╝██╔══██╗██╔══██╗██║   ██║██╔════╝
 ██║██║     ███████║██████╔╝██║   ██║███████╗
 ██║██║     ██╔══██║██╔══██╗██║   ██║╚════██║
 ██║╚██████╗██║  ██║██║  ██║╚██████╔╝███████║
 ╚═╝ ╚═════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝
=============================================
INFO  === Checking package dependencies ===
INFO  === Checking theme configurations ===
INFO  === Registering Hexo extensions ===
INFO  Deploying: git
INFO  Clearing .deploy_git folder...
INFO  Copying files from public folder...
INFO  Copying files from extend dirs...
Author identity unknown
*** Please tell me who you are.
Run
  git config --global user.email "[email protected]"
  git config --global user.name "Your Name"
to set your account's default identity.
Omit --global to set the identity only in this repository.
fatal: unable to auto-detect email address (got 'l4rk@l4rkserver.(none)')
error: src refspec HEAD does not match any
error: failed to push some refs to 'https://github.com/domonnss/domonnss.github.io'
FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html
Error: Spawn failed
    at ChildProcess.<anonymous> (/home/l4rk/hexo/node_modules/hexo-deployer-git/node_modules/hexo-util/lib/spawn.js:51:21)
    at ChildProcess.emit (node:events:514:28)
    at ChildProcess._handle.onexit (node:internal/child_process:294:12)

github master与main的问题

https://juejin.cn/post/7135335154716770341

不知道为什么npm无法在git bash中使用

直接换成cnpm就行. 换源,清除缓存都失效…

每次hexo g -d github库中的CNAME都会不在

在/d/hexo_repo/source中添加 CNAME文件

`Pio酱`和`Tia酱`的模型不能像在其他网站看到的那样可以换装

reference: https://akilar.top/posts/5b8f515f/

TypeError: Cannot read properties of null (reading ‘type’)

在原来的_config.icarus.yml文件中,由于注释语法不正确引起的

    # # 谷歌分析插件设置
    # # https://analytics.google.com
    # google_analytics:
    #     # Google Analytics tracking ID
    #     tracking_id:

多个#注释,出现错误修改注释方式或者直接删除注释内容就好了

高亮问题

高亮语法,hexo无法为它添加高亮使用`高亮`可以效果:高亮

挂了代理之后,hexo d的出错

kex_exchange_identification: Connection closed by remote hostConnection closed 在储存ssh密钥的位置.我的windows上位置为C:\Users\28763\.ssh\.增加config文件,内容为

Host github.com
    HostName ssh.github.com
    User git
    Port 443

再次hexo d,会有一个弹窗出来,填入yes就行

🪴 l4rk's Quartz

探索

博客搭建

原理

github page

hexo

搭建reference:

域名绑定:

icarus修改

live2d

进阶修改

文章加宽

share管理

latex添加

categories设置

指定文章隐藏

跳过某些文件hexo skip render设置

目录设置

可滚动目录

图片添加

添加readmore功能

实现文章根据最近的更新排序,而不是发布时间创建时间排序

别人的icarus

站点google收入

google console中验证站长的身份

添加sitemap

obsidian+hexo

问题

hexo d 无法连接至github

hexo deploy 报错:

github master与main的问题

不知道为什么npm无法在git bash中使用

每次hexo g -d github库中的CNAME都会不在

`Pio酱`和`Tia酱`的模型不能像在其他网站看到的那样可以换装

TypeError: Cannot read properties of null (reading ‘type’)

高亮问题

挂了代理之后,hexo d的出错

关系图谱

目录

🪴 l4rk's Quartz

探索

博客搭建

原理

github page

hexo

搭建reference:

域名绑定:

icarus修改

live2d

进阶修改

文章加宽

share管理

latex添加

categories设置

指定文章隐藏

跳过某些文件hexo skip render设置

目录设置

可滚动目录

图片添加

添加readmore功能

实现文章根据最近的更新排序,而不是发布时间创建时间排序

别人的icarus

站点google收入

google console中验证站长的身份

添加sitemap

obsidian+hexo

问题

hexo d 无法连接至github

hexo deploy 报错:

github master与main的问题

不知道为什么npm无法在git bash中使用

每次hexo g -d github库中的CNAME都会不在

Pio酱和Tia酱的模型不能像在其他网站看到的那样可以换装

TypeError: Cannot read properties of null (reading ‘type’)

高亮问题

挂了代理之后,hexo d的出错

关系图谱

目录

`Pio酱`和`Tia酱`的模型不能像在其他网站看到的那样可以换装