昨天利用 Github Pages 和 Jekyll 成功搭建了个人博客,参考柏萤的 博文,基本上可以解决很多问题,但是作为 H5 的门外汉,还是遇见了几个问题,这里对问题进行一个总结.
css样式丢失
在本地使用 Jekyll 进行预览是没有问题的,但是在网上出现了CSS样式丢失,右键->检查发现css样式 404 大概率是因为自己配置错误, 找到配置文件
_config.yml
造成错误的原因是对 baseURL 和 url的配置错误
这里再说明一下
url: "https://mrzhl.github.io" # your host, for absolute URL
baseurl: "/zhuhualin.github.io" # for example, '/blog' if your blog hosted on 'host/blog'
这里的 url是自己的github的地址也是博客
https://mrzhl.github.io/zhuhualin.github.io/
的前半部分
而baseurl是自己的仓库名,即zhuhualin.github.io
修改了这两部分再打开的时候,基本上不会出现css 404 以及图片路径不正确的问题,
谈一下对这个博客的理解
我是H5的门外汉,有错误的地方还希望指出,首先这个博客是静态的,没有线上DB, 界面属于嵌套类型的,不知道这个词对不对. 布局在文件夹
_layouts
里面有keynote,page,post这几种类型,博文使用MarkDown的语法,好在印象笔记也支持了MarkDown,在印象笔记上书写,然后复制到Blog上简直完美.
补充
突然发现一个问题,我的blog的网址是 https://mrzhl.github.io/zhuhualin.github.io/ 当我把仓库的名字zhuhualin.github.io 改成 mrzhl.github.io的时候,GitHub pag 会变成 https://mrzhl.github.io/ 没有仓库名这部分 这样的会将不会产生上面的路径配置的问题.
