博客撰写
图片居中
这是很常见的问题,markdown中图片只有左对齐,没有其他的美化。一般来说,如果图片宽窄适合,左对齐看起来也能行;但如果图片太窄,左对齐就会显得特别难看。一般处理这种问题的方法是使用html标签。
如下两张图片:
图片一
图片二
通过自定义style来对图片格式进行修改,注意有的markdown编辑器会自带一些css文件,所以如果想使用自己定义的风格,要记得加上 !important
另外,markdown的一些其它的技巧,可以参照文章
Jekyll 模板修改
css部分
- 博客整体的css为_sass文件夹
- 其中common/_variables.scss中保存了一些模板的参数
- layout文件夹中文件时整体的css设置,需要整体改动的可以修改这里,基本都是css语法
static部分
- 基本上静态的内容都在asset文件夹下,例如引用图片:
/assets/images/云计算-pic1.png
- 里面blog.css部分是Jekyll处理后得到的博客整体的css文件
- 其它的一些静态文件,如js、css、font都可以放到这个文件夹
模板文件
- _includes文件夹存放各个组件的生成的渲染
- _layouts文件夹中存放页面的布局,基本是通过引用各个component的生成来完成
其它部分
-
_sass_cache文件夹是sass旧备份
-
_data文件夹中locale.yml存放博客的联系信息等 variable.yml存放博客的整体结构信息
-
_includes文件夹下是博客的组件,比如Lisence、Footer、article-data等等,如果需要修改某一个component的样式或者数据获取方式,可以从这里进行修改
-
_layouts文件夹存放各类型页面的布局,比如主页、博客、搜索页面的模板,如果需要对某类页面进行样式修改,可以直接在这些页面中添加内容,通过这些布局文件,可以看到帖子的渲染过程
-
_post是所有的md博客,其中还有很多进阶功能没有使用到,之后可以花时间看下
其它样式修改
添加关闭目录
修改_include/script/post.html中的_toc_selectors置空,从而关闭目录的获取
需要注意的是,由于有目录和没有目录是两套样式,在PC端显示都已经调整正常,但是在手机端还没能完全适配,所以暂时关闭了目录
修改域名
当前博客通过CNAME将 taoer1996.github.io 指向 zengyutao.me,然后又由A记录指向github博客服务器IP,所以经过了两次解析,之后也可以直接将博客托管至私人服务器上
Jekyll文档
如果需要对博客进行进一步的扩充和处理,可以参照文档