最新一条更新
就是如果hexo g的时候出现问题,也就是什么block,且在line x, column y报错
如果附近有—
那么就是由于—的问题,
—上面一行不能是数字,可以是字母或者没有,且必须单独成行。
更新一条:为了不让其自适应,也就是说博客内容的宽度
不要超过这个最大宽度,所以之后的博客都以之前的宽度
为准。
关于博客页面在移动端
和pc端的页面显示不全的解决方法真的非常搞笑的一件事情,我的博
客在移动端和pc端会出现非常大的差异。由于hexo自身渲染的原因,
而相关文件是用markdown语法来写,但是很多文件并不全是。除了md
这个内容的文件外,页面还是要用到html的相关语句。但是与传统的
html文件不同,这个是渲染生成index.html,所以找不到相关的html
文件。有的html文件都是之前hexo渲染生成的临时文件,所以修改没
有任何作用。之后我以为是代码的问题,主要是认为估计可能是disp
lay化后造成的边框溢出。最后通过google的开发者的调试模式,一
直在调试具体两个模块的代码,不管如何调都是没法改变,由于是bo
dy主体已经将整个代码都display了,所以最后是很无奈的。之后通
过百度和Google,发现这样的问题并不普遍。最后发现有关网页说,
无论是电脑还是手机,要做到自适应屏幕,其实都是一样的。首先
,在网页代码的头部,加入一行viewport标签viewp
ort是网页默认的宽度和高度,上面这行代码的意思是,网页宽度
默认等于屏幕宽度(width=device-width),原始缩放比例(ini
tial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。即让
viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放。
之后我开始找有关渲染的原始文件,通过搜索关键字viewport,发
现在Hexo\themes\有关theme\layout_partial的header.ejs文件
里面有相关的html代码,发现里面已经定义了这个标签,发现wid
th=device-width这个条件 于是我将相关代码补全,然后没有用。
最后,我仔细发现看来是这个标签的原因,这个标签是为了适配
两种设备。于是我试了下将这 个标签去掉,让其自然显示,发现
果然解决了问题。终于移动端和pc端都可以使用相关的所有功能。