BlogNote

搭建/写博客中遇到的各种问题的记事簿

Note

Hexo + Fluid + GitHub Pages

原始文档在本地,HTML文件上传到GitHub

目前主要是看主题和框架的config文件,差不多会用,但具体的js代码不懂

已设置 git config –global core.autocrlf true

评论功能使用valine

https://valine.js.org

文章图片

hexo-asset-image 插件

功能

使在md文档中用xxx/image.jpg方式引用的图片在网页可以正常显示

index.js文件

Hexo_Blog\node_modules\hexo-asset-image\index.js

初始:

1
$(this).attr('src', config.root + link + src);

转化的html代码:

1
<img src="/.com//Hamada%E4%B8%8B.jpg" alt="Hamada下">

删去link

1
<img src="/Hamada%E4%B8%8B.jpg" alt="Hamada下">

删去config.root

1
<img src=".com//Hamada%E4%B8%8B.jpg" alt="Hamada下">

可知config.root/link.com//

都删掉

image-20230527211220078

1
<img src="Hamada%E4%B8%8B.jpg" alt="Hamada下">

可以显示了

//to do

还是不是很懂hexo图片资源加载路径等等东西,为什么在同名文件夹中的图片不能直接显示呢?

或许是因为hexo-asset-image修改了某些路径,导致现在直接用相对路径引用图片失效了(../post_img/image.jpg)

文件夹名中有.好像也不行,用_or-就可以了

不对,咋有时候行有时候不行呢。。。

现在还是先用修改过的hexo-asset-image插件,图片都自动存入同目录下同名文件夹中吧,我想让电脑中其他md文档和博客文件夹中的md文档操作是一样的,不需要再切换什么东西

本地其他文档感觉可以在D盘下创建一个md_img文件夹,分别存放各个md文件的图片,但是这样需要设置绝对路径的typora自动存储,博客文档不能这样搞,要不然这些图片不在Hexo文件夹中没法上传。

不懂js,不知道怎么改转化后的路径

先这样吧,这样迁移md文件的时候只要把同名文件夹也迁移过去就可以正常显示图片了

已设置_config.yml中 asset folder 为true,命令行new新文章时会自动新建文件夹

hexo-renderer-

删掉会导致Cannot Get

配色

深绿

#081a1f

body_dark: #192227

navbar_dark: #192227

board_dark: #263238

取自vscode主题

图标

自定义css图标,使用文件中的iconfont.css

Errors

  • ValidationError: null is not a string!

可能是因为某些属性(author,tag等)没有填写导致值是null

我的入门教程(GitHub Pages + Hexo):

https://zhuanlan.zhihu.com/p/60578464

Hexo中文站点

https://hexo.io/zh-cn/

Fluid 用户手册

https://hexo.fluid-dev.com/docs/

https://fluid-dev.github.io/hexo-fluid-docs/guide/

组图及一些其他小功能的使用说明在 [文章页|_Tag插件]

官方博客

https://hexo.fluid-dev.com

Fluid GitHub issues

https://github.com/fluid-dev/hexo-theme-fluid/issues

购买域名

https://www.namesilo.com/?rid=d27fa32do

GitHub Pages

https://docs.github.com/zh/pages/getting-started-with-github-pages/about-github-pages

LNMP

LNMP所代表的是linux、nginx、mysql、php四个不同的服务,linux系统是基础,nginx是web服务器,mysql数据库数据存储,php是编码语言。

其他博客框架

Typecho框架,要花钱。https://zhuanlan.zhihu.com/p/35764312[typecho和hexo比较]

各种开源协议

MIT协议限制很少,仅要求包含原作者的许可信息

图标网站

https://www.iconfont.cn/

Markdown官网

https://markdown.com.cn

Typora中文网

https://www.typora.net/

历程

2023/5/25 晚

建立博客

2023/5/27 凌晨

加入评论(valine)


BlogNote
https://spencergu.github.io/2023/05/25/BlogNote/
作者
Spencer Gu
发布于
2023年5月25日
许可协议