hexo使用说明

这个blog的框架使用的是hexo,themes是下载的yilia,可以从github上免费下载。自己调整了一些配置,主要是记录一下调整的内容和一些代码命令。

I. 下载的链接

hexo估计下载的几率比较小,主要是参考了b站上的一个视频教程。但是yilia主题偶尔还是会发生一些错误,需要重新下载并配置:yilia下载链接


II. 简单代码操作

进入root目录: sudo su 后输入password
本地调试: hexo clean + hexo g + hexo s
推到远端: hexo d 然后输入GitHub的账户和密码
创建笔记: hexo n "笔记名称" 然后就可以在/source/_posts目录下找到对应的笔记文件
大多数的root代码就是这些,应该可以满足日常的需求。


III. blog的配置

在本地的文件中,有两个名字一样的配置文件夹,都叫_config.yml,但是这两个有本质性的区别。
myblog目录下的_config.yml调整的是整个网站的配置内容。themes目录下的_config.yml针对的是blog主题的配置,一般来说这个用的多一点。

themes目录下的_config.yml

大部分的操作其实这个文件里的注释都已经写的比较清楚了,但是还是有一些需要注意的地方。在这个文件里true表示功能已经打开,false表示功能已经关闭。
menu菜单中有一个随笔目前还没有弄懂是做什么的。已经在菜单中添加了归档,可以按照日期检查所有的blog文章。
添加了authorsubtitle,这两部分内容将显示在主页的头像下面。
主页左边栏上的社交网络表示在文件里是subnav,可以在该文件中修改地址,目前还没有想出添加新的社交网络的方法,本来想加一个Instagram上去,但是npm run dev一直显示缺少sass文件,装了半天也没有装上去,好像和node的版本有关系(触及知识盲区)😅 有人知道怎么改的话请告诉我。在subnav里还有一个rss目前还不知道是干什么的,估计和底下的rss有点关系。
快速到顶端的功能,目前已关闭,测试的时候是可用的,但是每次过一阵子不管这个按钮就挂了,目前不知道原因。上面的目录功能可以打开,所有文章都会显示目录。
头像是avatar,调用的是/yilia/source/assets里面的head.jpeg。同理标签页上的是favicon,图片也保存在这个上面的文件夹里。
评论功能还没有研究明白,目前已经关闭,后面可能会开启。打赏功能估计后面也不会开启,没什么卵用。友链目前也关掉了,还没有想好需要什么样的友链加上去,其他有blog的同学可以来一起交流,其实感觉可以吧csdn和leetcode这种网站加上去,我也不太懂。
tag的开关默认设置为了打开,因为关闭按钮的颜色被我修改目录颜色的时候不小心给改成了橘色,现在看起来有点丑,所以就一直保存开的状态吧(css源码实在是太多了)。右滑块的背景颜色使用的是BrulyWood到OldLace的渐变,因为没想出来用什么样的背景比较好看,所以只改了个颜色。
还有aboutme部分不知道为什么一打开网页的时候会显示brbr标签,需要过一会才会变成正常的排版,手机端可能也是相同情况。

myblog目录下的_config.yml

这个文件中主要是关于hexo的配置。我把本地的端口设置为了4001,因为4000经常会被莫名其妙的占用。包括添加了一部分关于jsonContent的设置,这样滑块目录内容才可以正常使用。
网站的名字目前是divide÷,因为没有想出更好的名字,就用微信名先代替。
deploy里设置的是git的内容,保证每次能推到GitHub的仓库里。


IV. CSS&HTML5的内容

这部分内容其实挺多挺杂的,因为hexo框架和yilia本身就带了很多内容,而且格式很乱,非常难以辨别,主要可以使用Chrome浏览器的开发者模式去定位需要修改的模块和内容,再去vscode里搜索直接进行修改,这样会方便一些。

作者

Felix Chen

发布于

2021-08-01

更新于

2021-08-10

许可协议

评论